Prólogo

Introducción

Hace algunos años, la Web empezó su gran revolución con la llegada del HTML5. Observe que no hay espacio entre HTML y 5. El W3C proporcionó el 28 de octubre de 2014 la recomendación oficial de la nueva norma para diseñar sitios web.

Hay que entender bien que HTML5 es un conjunto de tres entidades que permite diseñar sitios web y aplicaciones web modernas. Tenemos el HTML, que permite estructurar las páginas, las CSS, que se ocupan del formato y de la paginación de los sitios web, y los API JavaScript, que permiten agregar interacción con los usuarios.

El HTML5, como cualquier lenguaje, evoluciona. La versión 5.1 salió el 3 de octubre de 2017 y la versión 5.2, la más reciente desarrollada por el W3C, el 14 de diciembre del mismo año. La norma CSS ha evolucionado en otra dirección. El W3C no ofrece una norma, una recomendación monobloque, sino que ha dividido las CSS en módulos independientes. Cada módulo avanza a su propio ritmo. Esto implica que el diseñador regularmente debe estar al corriente de los avances de los módulos que desea aplicar. El W3C también ofrece numerosas Web API JavaScript. Hasta octubre de 2023 (fecha en que se escribe este libro), hay 126 especificaciones en desarrollo o finalizadas. Puede consultar la lista completa en: https://www.w3.org/TR/. Para filtrarlas, despliegue las opciones avanzadas (Advanced filter options), acceda a la sección Filter by Tags y seleccione Web API.

Este libro está destinado a todos los desarrolladores que tengan que trabajar en el diseño de un sitio web evolucionado o una aplicación web. Los trabajos de diseño, de la interfaz, usabilidad, experiencia de usuario e integración se hacen por personas competentes y expertas en su área. Por lo tanto, el desarrollador deberá entender el código HTML y CSS utilizado en este proyecto, sin que por ello tenga que convertirse en un experto. Este libro será para los desarrolladores una excelente referencia para entender la estructura HTML/CSS de los sitios web. Los desarrolladores podrán implementar su código con todo conocimiento de causa en los archivos que forman el sitio web.

Este libro está formado por tres partes. En la primera parte, vamos a aprender los fundamentos del diseño de los sitios web, abordando la evolución de las normas HTML y CSS, las herramientas de depuración en los navegadores, y a estudiar las buenas prácticas de desarrollo. La segunda parte estará dedicada al estudio del HTML, el lenguaje de etiquetas que permite estructurar las páginas web. Estudiaremos la sintaxis y los contenedores semánticos, que le permitirán componer las páginas web. Después, abordaremos los principales contenedores para insertar texto, enlaces, tablas, imágenes, formularios y elementos multimedia. En la tercera y última parte, estudiaremos el CSS que permitirá formatear y paginar todos los elementos HTML vistos anteriormente. Estudiaremos la sintaxis de los CSS y descubriremos los estilos que se pueden utilizar para los elementos HTML vistos en la segunda parte: texto, formulario, imagen, etc. Por supuesto, abordaremos los conceptos fundamentales de los paneles y de su paginación, con el posicionamiento, el flotamiento y la paginación flexible...