# Asignación de Práctica de HTML: Construir una Maqueta de Blog ## Objetivos de Aprendizaje Aplica tu conocimiento de HTML diseñando y codificando una estructura completa para la página principal de un blog. Esta asignación práctica reforzará conceptos de HTML semántico, mejores prácticas de accesibilidad y habilidades profesionales de organización de código que utilizarás a lo largo de tu trayectoria en desarrollo web. **Al completar esta asignación, tú:** - Practicarás la planificación de diseños de sitios web antes de codificar - Aplicarás elementos semánticos de HTML de forma apropiada - Crearás marcado accesible y bien estructurado - Desarrollarás hábitos profesionales de codificación con comentarios y organización ## Requisitos del Proyecto ### Parte 1: Planificación del Diseño (Maqueta Visual) **Crea una maqueta visual de la página principal de tu blog que incluya:** - Encabezado con el título del sitio y navegación - Área de contenido principal con al menos 2-3 vistas previas de publicaciones del blog - Barra lateral con información adicional (sección acerca de, publicaciones recientes, categorías) - Pie de página con información de contacto o enlaces **Opciones para Crear la Maqueta:** - **Boceto a mano**: Usa papel y lápiz, luego fotografía o escanea tu diseño - **Herramientas digitales**: Figma, Adobe XD, Canva, PowerPoint, o cualquier aplicación de dibujo - **Herramientas de wireframe**: Balsamiq, MockFlow, o software similar de wireframing **Etiqueta las secciones de tu maqueta** con los elementos HTML que planeas usar (por ejemplo, "Encabezado - `
`", "Publicaciones del Blog - `
`"). ### Parte 2: Planificación de Elementos HTML **Crea una lista que relacione cada sección de tu maqueta con elementos HTML específicos:** ``` Example: - Site Header →
- Main Navigation →