De un montón de etiquetas a una página con estructura
Al terminar vas a poder:Organizar el contenido con etiquetas semánticas (header/nav/main/section/footer) y jerarquía de encabezados (h1 único, h2 por sección) para mejorar orden, comprensión y accesibilidad.
Se ve igual por fuera, profesional por dentro
Las cinco zonas: header, nav, main, section, footer
Reestructura TU página, sin romperla
Checklist, entrega y qué sigue
Lo que entregas
index.html reestructurado con las cinco zonas semánticas (header con nav adentro, main con una section por tema, footer con nombre y grupo), h1 único y un h2 por sección, abierto en el navegador durante la clase viéndose y navegando igual que antes; entregado con nombre y carpeta correctos en Drive.
Cómo se califica
- Cinco zonas presentes y bien anidadas (header con nav, main con secciones, footer) 40%
- un solo main y un solo h1 20%
- cada section abre con su h2 y agrupa contenido real 20%
- la página abre, se ve y navega igual que antes (nada se rompió) 10%
- entrega con nombre y carpeta correctos en Drive 10%.
Antes de irte: piensa en lo que hiciste
- ¿Qué diferencia hay entre
<head>y<header>, y por qué es fácil confundirlos? - Si tu página se ve exactamente igual que antes, ¿qué ganaste al reestructurarla y quiénes lo notan aunque tú no lo veas?
- Transferencia: en tus trabajos de otras materias te piden introducción, desarrollo y conclusión con subtítulos — ¿en qué se parece eso a lo que le hiciste hoy a tu página?
Resultado de aprendizaje
RAP 3.1 — Organiza el contenido con estructura semántica para mejorar orden, comprensión y accesibilidad. (RAP 3.2 —id, class y navegación por anclas— se trabaja en la Clase B.)