WEB

Objetivo General:

Finalizar el mockup en HTML y CSS basado en la página web de El Diario, asegurando que todos los aprendices completen un prototipo funcional que refleje la estructura y diseño básico del sitio web original.

Clase 1: Revisión del Progreso y Ajuste de Planificación

• Duración: 6 horas
• Objetivos:
  • Revisar el trabajo realizado hasta ahora en el mockup.
  • Identificar las áreas que necesitan más desarrollo y ajustar la planificación según las necesidades individuales de los aprendices.
• Actividades:
  • Revisión Individual: Cada aprendiz mostrará su avance en el mockup del Diario.
  • Identificación de Necesidades: Se analizarán las dificultades encontradas y se establecerá un plan de acción para las próximas clases.
  • Planificación Personalizada: Se ajustará la planificación de trabajo según los estilos de aprendizaje y el progreso de cada aprendiz.
• Materiales: Visual Studio Code, Dreamweaver, Acceso a la página web de El Diario.

Clase 2: Consolidación de la Estructura HTML

• Duración: 6 horas
• Objetivos:
  • Completar la estructura HTML del mockup, asegurando que refleje fielmente la estructura básica de El Diario.
  • Corregir cualquier error en el código y asegurar la correcta implementación de las etiquetas.
• Actividades:
  • Desarrollo en HTML: Los aprendices continuarán construyendo y mejorando la estructura HTML de sus mockups.
  • Feedback Individualizado: El instructor proporcionará retroalimentación en tiempo real para resolver problemas específicos y mejorar la calidad del código.
  • Pruebas de Estructura: Se realizarán pruebas para asegurar que la estructura HTML es coherente y funcional.
• Materiales: Computadores con Visual Studio Code, Dreamweaver, Recursos multimedia, Estructura del sitio original.

Clase 3: Aplicación de Estilos CSS

• Duración: 6 horas
• Objetivos:
  • Implementar y perfeccionar los estilos CSS en el mockup, haciendo que el diseño se asemeje más al sitio original.
  • Introducir a los aprendices en técnicas básicas de diseño responsivo.
• Actividades:
  • Desarrollo de CSS: Los aprendices trabajarán en la aplicación de estilos CSS, utilizando los colores, fuentes y layout que se asemejen a El Diario.
  • Introducción al Diseño Responsivo: Se enseñarán conceptos básicos de diseño responsivo para que los aprendices puedan adaptar sus mockups a diferentes dispositivos.
  • Feedback Grupal: Se realizarán revisiones grupales para compartir soluciones y optimizar el proceso de aprendizaje.
• Materiales: Computadores con Visual Studio Code, Dreamweaver, Herramientas de desarrollo web (como Chrome DevTools).

Clase 4: Finalización, Pruebas y Presentación del Mockup

• Duración: 6 horas
• Objetivos:
  • Realizar los ajustes finales en el mockup y asegurar que esté listo para la presentación.
  • Evaluar el trabajo realizado y proporcionar feedback final.
• Actividades:
  • Revisión y Ajustes Finales: Cada aprendiz realizará una revisión final de su mockup, corrigiendo cualquier error restante.
  • Pruebas de Funcionamiento: Se realizarán pruebas del mockup en diferentes navegadores y dispositivos para asegurar la funcionalidad y la presentación.
  • Presentación del Proyecto: Los aprendices presentarán sus mockups finalizados, explicando las decisiones tomadas y los desafíos superados.
  • Evaluación: El instructor evaluará cada mockup, proporcionando retroalimentación personalizada y recomendaciones para futuros proyectos.
• Materiales: Computadores con Visual Studio Code, Dreamweaver, Proyectos Finales, Herramientas de prueba de navegadores.

Criterios de Evaluación:

• Compleción y exactitud de la estructura HTML.
• Efectividad en la aplicación de estilos CSS.
• Adaptación del mockup al diseño original de El Diario.
• Calidad y claridad de la presentación final del proyecto.