LM | DÍA 14: MAQUETACIÓN DE UNA PÁGINA WEB

Día 14. En el día de hoy, hemos trabajado, tanto a nivel teórtico, como a nivel práctico, con el concepto de maquetación de una página web, práctica que tendremos que llevar a cabo en nuestro proyectos de fin de trimestre, previo a picar código. 

Derechos de autor aquí

La maquetación de una página web consiste en la distribución de los elementos que lo componen. Esto implica que puede estar formado por encabezados, laterales, pie de página, entre otros elementos. Para la maquetación, se emplean etiquetas <div>, etiquetas contenedores anteriormente explicado en este blog, complementado con propiedades que el programador le asigne en el CSS para darle posición y forma. 

Sin embargo, veamos nuevas etiquetas que nos ayudarán a organizar el contenido de nuestra página web:

• <header>: Permite insertar una zona de visualización para las cabeceras. 
• <footer>: Permite insertar una zona de visualización para una página, entre otras cosas...
• <nav>: Sirve para incorporar un área de enlaces a otras páginas web.
• <section>: Permite agrupar elementos que tengan la misma temática. Así es, podemos agrupar en un mismo elemento un contenido con su título y su pie de página. 
• <article>: Permite insertar un contenido autónomo, que puede volver a usarse en otro lugar del sitio web, sin que por ello se anule su significado. 
• <aside>: Permite mostrar un contenido relacionado con el contenido al cual está vinculado. Puede tratarse de barras laterales, de zonas de widgets, etc. 
• <figure>:Permite agrupar todos los elementos necesarios para la inserción de una imagen: la propia imagen, o bien, una foto, un vídeo... y su leyenda, con el nuevo elemento <figcaption>

Derechos de autor aquí