Curso HTML 19. Proyecto final integrador en HTML profesional

Proyecto Final Integrador en HTML Profesional

En este módulo elaboraremos un sitio web corporativo completo, aplicando todas las buenas prácticas de HTML5 aprendidas a lo largo del curso. El objetivo es entregar un proyecto real, semántico, accesible y fácil de mantener.

1. Objetivos del Proyecto

• Aplicar etiquetas semánticas de HTML5 (
  
  ,

• Asegurar accesibilidad mediante alt, aria-* y estructuras lógicas.
• Estructurar formularios complejos con
  
  y

  .
• Crear tablas de información con ,
  y
  .
• Incorporar listas y multimedia de forma correcta.
• Optimizar para motores de búsqueda (SEO) con atributos semánticos.

2. Arquitectura de Archivos

Organiza tu proyecto en carpetas separadas:

/proyecto-final/
├── index.html
├── servicios.html
├── contacto.html
├── assets/
│   ├── images/
│   ├── videos/
│   └── docs/
└── includes/
    ├── header.html
    └── footer.html
  

3. Plantilla Semántica Principal

Usamos include (o plantillas de servidor) para el