Maquetación con CSS y Prácticas
En la clase de hoy hemos continuado con el concepto de Maquetación (Layout) de nuestro sitio web. La maquetación se realiza con elementos de CSS y con algunos de HTML, como por ejemplo, footer, nav, etc. Anteriormente se maquetaba mediante el uso de tablas, pero era más caótico y complejo, en la actualidad ya no se usan, además tenían ciertas desventajas con respecto al sistema actual de maquetación, como: menos legibilidad, mayor tiempo de carga, peores a nivel SEO, si se quería realizar algún cambio de diseño resultaba más complejo, etc. Ahora con CSS, la maquetación resulta más sencilla y menos problemática. Durante una parte de la clase se ha ido viendo diferentes maneras de maquetar nuestro sitio web.
Después se ha ido viendo diferentes etiquetas de HTML nuevas: <header> (para cabecera), <footer> (para pie de página), <nav> (para navegador), <article> (para insertar contenido autónomo, que se puede mover por el sitio sin que afecte a su significado), <figure> (para agrupar elementos como, por ejemplo, imágenes y lo que esté relacionado con ella), etc.
Para terminar, hemos empezado a practicar con lo que hemos ido aprendiendo en Visual Studio Code, aprovechando para ir avanzando con nuestro proyecto de Lenguaje de Marcas de creación de nuestra web con una página principal, un currículum y un formulario, pero añadiendo los nuevos conceptos aprendidos.
No hay comentarios:
Publicar un comentario