Objetivo: Comprender la evolución del HTML y sus versiones, para aplicar correctamente la estructura y los elementos fundamentales de HTML5 en la creación de páginas web, integrando CSS para el estilo visual.
Al finalizar, el estudiante será capaz de:
✓ Comprender los principios básicos y la historia del HTML
✓ Analizar las diferencias entre las diversas versiones de HTML
✓ Describir los elementos fundamentales de una página en HTML5
✓ Aplicar selectores y propiedades básicas de CSS
✓ Utilizar el modelo de caja para maquetación básica
Objetivo: Comprender y aplicar el uso de etiquetas HTML5 para estructurar, organizar y enriquecer el contenido de páginas web, abarcando desde la creación de texto y listas, hasta la integración de elementos multimedia, formularios, y metadatos, con un enfoque en la mejora de la navegación, interactividad, y accesibilidad en la web.
Al finalizar, el estudiante será capaz de:
✓ Identificar y aplicar las etiquetas HTML5 para crear encabezados, párrafos y líneas
✓ Diferenciar entre listas ordenadas y desordenadas
✓ Integrar imágenes, audio y video en páginas web
✓ Diseñar formularios básicos con validación HTML5
✓ Implementar diseño responsivo con Flexbox, Grid y Tailwind CSS
✓ Utilizar etiquetas semánticas para mejorar accesibilidad y SEO
Objetivo: Comprender y aplicar el uso de CSS para diseñar y estilizar páginas web, creando layouts responsivos y atractivos mediante la correcta aplicación de selectores, propiedades de estilo, y técnicas avanzadas de animación y efectos, integrando backend con Django.
Al finalizar, el estudiante será capaz de:
✓ Configurar un proyecto Django con rutas y vistas
✓ Integrar plantillas (templates) con frontend
✓ Utilizar ORM básico para gestión de datos
✓ Crear funcionalidades CRUD básicas
✓ Conectar frontend (HTML/CSS) con backend (Django)
Objetivo: Elaborar un proyecto web completo aplicando los conocimientos de HTML5 y CSS3, desde la planificación y diseño hasta la implementación final, para crear una página o sitio web funcional, estéticamente atractivo y responsivo, integrando frontend y backend.
Al finalizar, el estudiante será capaz de:
✓ Aplicar de manera integrada HTML5 y CSS3 en todos los componentes
✓ Desarrollar un sitio web completo funcional
✓ Asegurar adaptabilidad a diferentes dispositivos
✓ Documentar técnicamente el proyecto
✓ Defender el proyecto ante evaluación final
Estrategia
Aplicación
Asignatura Taller
Enfoque teórico-práctico con énfasis en laboratorio
Prácticas en Laboratorio
Resolución de casos prácticos en cada unidad
Exposición Docente
Presentación de conceptos fundamentales
Asesorías
Acompañamiento para proyecto final
Conclusiones
Retroalimentación al cierre de cada unidad
✓ Entregar todas las evaluaciones en las fechas establecidas
✓ Participar activamente en las prácticas de laboratorio
✓ Mantener organización en la estructura de carpetas de cada proyecto
✓ Documentar el código con comentarios claros
✓ Asistir a las asesorías del proyecto final
Recurso | URL | Descripción
----------------------|---------------------------------------------------|-----------------------------------------------
W3Schools | https://www.w3schools.com/ | Tutoriales interactivos de HTML, CSS, JS y más
Documentación Django | https://docs.djangoproject.com/ | Documentación oficial del framework Django
Tailwind CSS | https://tailwindcss.com/docs | Framework CSS utilitario para diseño rápido
GitHub | https://github.com/ | Plataforma de control de versiones y colaboración
MDN Web Docs | https://developer.mozilla.org/ | Documentación completa de estándares web
Archivos comprimidos en .zip con nombre: Apellido_Nombre_Proyecto
Incluir capturas de pantalla del funcionamiento
Adjuntar breve documento de descripción técnica si se solicita
Código fuente comentado y organizado
Friedman, A. (2018). Desarrollo web con HTML, CSS y JavaScript. Ediciones Paraninfo.
Pérez, J. (2020). Programación web: HTML, CSS y JavaScript para principiantes. Editorial Anaya Multimedia.
González, M. (2019). Frameworks de desarrollo web: Una guía práctica. Ediciones ENI.
Sánchez, R. (2021). Desarrollo web responsivo con Bootstrap 4. Ediciones Paraninfo.
Martínez, L. (2022). JavaScript moderno: Guía para desarrolladores. Ediciones Alfaomega.