sesion-02

Sesión 02: Agregando la barra de navegación

Introducción

Durante esta sesión vamos a implementar a nuestro clon de la página de Matcha uno de los elementos más usados en una página web, la barra de navegación. Aquí aprenderemos el uso de etiquetas semánticas disponibles en HTML5 y conoceremos cómo administrar correctamente la posición de elementos mediante el modelo de cajas de HTML.

Objetivos

En esta sesión aprenderás:

• Agregar etiquetas semánticas de HTML que den una mejor estructura a lo que estamos creando.
• Aplicar conceptos de modelo de caja y display en CSS para agregar la apariencia de nuestra barra de navegación.
• Agregar nuestros cambios de códigos al historial de cambios en Git y subirlos a GitHub.

Requisitos

• Git instalado
• Navegador web
• Tener instalado Visual Studio Code.
• Cuenta de Github

Organización de la clase

• Ejemplo 01: HTML de la barra de navegación ( 10 minutos )

• Reto 01: Etiquetas semánticas para barra de navegación ( 15 minutos )

• Ejemplo 02: Cambiando el modelo de caja del menú de navegación ( 25 minutos )

• Reto 02: Aplica el margen utilizando el atajo de la propiedad margin ( 15 minutos )

• Reto 03: Alineación de texto en la barra de navegación ( 15 minutos )

• Reto 04: Agregando estilos restantes ( 25 minutos )

Regresar