HTML

Proyecto final de HTML: entrega profesional integrada

Cierra el curso con un proyecto capstone que combine semántica, accesibilidad, SEO y rendimiento en una sola entrega evaluable.

¿Cuánto sabes de HTML?

📘 Teoría

Brief del proyecto final

Construye una landing de curso con formulario y FAQ, lista para producción. 🧩

Vas a crear una página completa con cabecera, navegación, contenido principal, secciones informativas, formulario de contacto y pie.

La entrega debe incluir enlaces internos, metadatos SEO básicos, jerarquía de encabezados coherente y estructura semántica sólida.

Página única con estructura completa (`header`, `main`, `footer`).
Formulario funcional a nivel HTML (validación nativa).
Bloque de FAQ con `details/summary`.
Meta etiquetas mínimas de SEO en `head`.

Rúbrica de evaluación (100 puntos)

Criterios objetivos para una entrega profesional.

Semántica (25)

Uso correcto de etiquetas y jerarquía de contenido.

Accesibilidad (25)

Labels, navegación lógica y textos comprensibles.

SEO (20)

Title, description, enlaces y estructura indexable.

Rendimiento (15)

Carga de recursos razonable y sin bloqueos innecesarios.

Calidad técnica (15)

HTML válido, limpio y mantenible.

Checklist final antes de entregar

Revisión rápida para evitar fallos de última hora. ✅

Checklist de control

- [ ] Hay un solo <h1> claro y descriptivo.
- [ ] El documento tiene <title> y <meta name="description">.
- [ ] Los enlaces tienen texto descriptivo.
- [ ] El formulario tiene label para cada control.
- [ ] No hay IDs duplicados.
- [ ] El HTML valida en W3C sin errores críticos.