Fase de Cierre

Tiempo estimado: 5 minutos

Síntesis: Se realiza una plática rápida donde cada pareja comparte una novedad aprendida sobre las variaciones del cacao y la estructura HTML empleada.

Reflexión metacognitiva:

• ¿Cómo ayuda el uso de listas a organizar la información en una página web?
• ¿Qué aprendiste sobre las variaciones del cacao que te gustaría compartir con tu familia o amigos?

Retroalimentación: El docente ofrece comentarios sobre la claridad de la información y la correcta aplicación de etiquetas.

Transferencia: Se anticipa que en la siguiente sesión se trabajará en el contenido sobre productos derivados del chocolate.

Sesión 3: Productos Derivados del Chocolate y Diseño Web

Fase de Inicio

Tiempo estimado: 10 minutos

Propósito de la sesión: Repasar lo anterior y comenzar a incluir información sobre productos derivados del chocolate en la página web.

Activación de conocimientos previos:

• Docente: Pregunta: "¿Qué productos derivados del chocolate conocen? ¿Cómo creen que podemos mostrar esta información en la web?"
• Estudiantes: Listan productos y proponen ideas para mostrarlos.

Motivación y enganche: El docente muestra imágenes y ejemplos de productos, destacando la diversidad y valor cultural.

Contextualización: Se explica que la comunidad puede beneficiarse al conocer más sobre estos productos.

Fase de Desarrollo

Tiempo estimado: 45 minutos

Presentación del contenido: Introducción a tablas en HTML para organizar datos de productos derivados.

Actividades de aprendizaje activo:

• Nombre: "Creando tablas para productos derivados"
• Objetivo: Diseñar una tabla en HTML que muestre productos derivados del chocolate, su descripción y uso.
• Instrucciones:
  • El docente explica la estructura básica de una tabla con , ,

    , y

    . En grupos de 3-4, los estudiantes crean una tabla con al menos cinco productos derivados, agregando descripciones y una imagen (opcional). Organización: Grupos de 3-4 Producto: Archivo HTML con tabla informativa. Tiempo: 30 minutos Rol docente: Supervisa, responde dudas y corrige sintaxis. Diferenciación: Se ofrece ayuda individualizada a quienes tienen dificultades y retos adicionales para quienes terminan antes, como agregar estilos CSS básicos. Nombre: "Planeando la estructura completa de la página web" Objetivo: Organizar en equipo el contenido y la estructura de la página web sobre el rescate del chocolate. Instrucciones: Con la guía del docente, cada grupo crea un esquema o mapa mental que incluya secciones: origen, variaciones, productos y proyecto comunitario. Discuten qué contenido incluirán y qué etiquetas HTML utilizarán. Organización: Grupos de 3-4 Producto: Mapa mental o esquema en papel o digital. Tiempo: 15 minutos Rol docente: Facilita la organización y fomenta la comunicación y toma de decisiones. Fase de Cierre Tiempo estimado: 5 minutos Síntesis: Breve presentación de los esquemas por cada grupo y retroalimentación colectiva. Reflexión metacognitiva: ¿Qué aprendimos sobre la organización de la información en una página web? ¿Cómo podemos hacer que la información sea atractiva para la comunidad? Retroalimentación: El docente destaca la importancia de planificar antes de diseñar. Transferencia: Se anticipa que en la siguiente sesión comenzarán a codificar la página web completa. Sesión 4: Construyendo la Página Web - Parte 1 Fase de Inicio Tiempo estimado: 10 minutos Propósito de la sesión: Revisar el esquema y comenzar la codificación colectiva de la página web. Activación de conocimientos previos: Docente: Solicita a cada grupo que recuerde el esquema y definan qué sección trabajarán primero. Estudiantes: Discuten y se preparan para codificar. Motivación y enganche: Se muestra un ejemplo simple de página web terminada para inspirar. Contextualización: Se enfatiza que están creando un recurso real para la comunidad. Fase de Desarrollo Tiempo estimado: 45 minutos Presentación del contenido: Recordatorio y práctica de etiquetas vistas, junto con introducción a encabezados ( a ). Uso de comentarios en código para organización. Actividades de aprendizaje activo: Nombre: "Codificando secciones con encabezados y párrafos" Objetivo: Aplicar etiquetas de encabezados y párrafos para organizar el contenido. Instrucciones: Grupos asignados a secciones específicas (origen, variaciones, productos). Cada grupo abre un archivo HTML y codifica su sección con encabezados y párrafos, incluyendo los elementos aprendidos. Organización: Grupos de 3-4 Producto: Fragmentos de código HTML con estructura correcta. Tiempo: 35 minutos Rol docente: Revisa código, corrige errores, fomenta el trabajo colaborativo y claridad. Diferenciación: Apoyo individual para quienes presentan dificultades técnicas; desafíos para quienes avanzan rápido, como incluir comentarios y organizar mejor el código. Fase de Cierre Tiempo estimado: 5 minutos Síntesis: Cada grupo presenta brevemente la sección codificada y explica las etiquetas usadas. Reflexión metacognitiva: ¿Qué dificultades enfrentaste al escribir código HTML? ¿Cómo pueden tus compañeros entender mejor tu código? Retroalimentación: El docente ofrece comentarios positivos y recomendaciones para mejorar. Transferencia: En la próxima sesión se integrarán las secciones y se añadirán elementos visuales. Sesión 5: Construyendo la Página Web - Parte 2 y Revisión Fase de Inicio Tiempo estimado: 10 minutos Propósito de la sesión: Unir las secciones codificadas y mejorar la página web con imágenes y enlaces. Activación de conocimientos previos: Docente: Pregunta: "¿Qué etiquetas usamos para agregar imágenes y enlaces? ¿Por qué son importantes?" Estudiantes: Responden y explican con ejemplos breves. Motivación y enganche: Se muestran ejemplos de páginas web con imágenes atractivas y enlaces útiles. Contextualización: Recordar que la página será compartida en la comunidad para educar. Fase de Desarrollo Tiempo estimado: 45 minutos Presentación del contenido: Explicación breve sobre atributos en etiquetas (como src, href y alt). Actividades de aprendizaje activo: Nombre: "Integrando imágenes y enlaces en la página web" Objetivo: Mejorar la página web añadiendo imágenes significativas y enlaces externos. Instrucciones: Los grupos integran imágenes y enlaces al contenido ya codificado en un solo archivo HTML o proyecto conjunto. Revisan el código para corregir errores y mejorar la presentación. Organización: Grupos de 3-4 Producto: Página web completa con imágenes y enlaces. Tiempo: 35 minutos Rol docente: Asiste en la inserción de imágenes y enlaces, revisa accesibilidad y sintaxis. Diferenciación: Sugerir alternativas para quienes no pueden subir imágenes, como usar enlaces a imágenes en línea. Nombre: "Revisión y retroalimentación entre pares" Objetivo: Evaluar y mejorar el trabajo propio y el de otros equipos. Instrucciones: Los grupos intercambian sus archivos HTML y revisan que cumplan con estructura, contenido y elementos multimedia. Completar una lista de cotejo para dar retroalimentación constructiva. Organización: Grupos de 3-4 en plenaria Producto: Lista de cotejo llenada y comentarios escritos. Tiempo: 10 minutos Rol docente: Facilita la dinámica, clarifica criterios y modera la retroalimentación. Fase de Cierre Tiempo estimado: 5 minutos Síntesis: Reflexión grupal sobre el proceso de construcción y los aprendizajes técnicos y temáticos. Reflexión metacognitiva: ¿Qué parte del proyecto te gustó más y por qué? ¿Cómo podemos hacer que nuestra página web sea más atractiva para la comunidad? Retroalimentación: El docente resalta el esfuerzo y fomenta la mejora continua. Transferencia: En la próxima sesión se realizará la presentación final y evaluación del proyecto. Sesión 6: Presentación Final, Reflexión y Evaluación Fase de Inicio Tiempo estimado: 10 minutos Propósito de la sesión: Preparar la presentación final del proyecto y reflexionar sobre el aprendizaje. Activación de conocimientos previos: Docente: Invita a los grupos a repasar su página web y preparar una breve presentación de 5 minutos. Estudiantes: Organizan su exposición y ensayan en equipo. Motivación y enganche: Se motiva a considerar la audiencia real y el impacto que puede tener el proyecto. Fase de Desarrollo Tiempo estimado: 40 minutos Actividades de aprendizaje activo: Nombre: "Presentación del proyecto comunitario" Objetivo: Comunicar el contenido y la importancia del proyecto usando la página web como soporte. Instrucciones: Cada grupo presenta su página web al resto del grupo y explica el contenido y el proceso de creación. Se fomenta la escucha activa y preguntas respetuosas de los compañeros. Organización: Plenaria Producto: Presentación oral con página web mostrada. Tiempo: 30 minutos (aprox. 5 minutos por grupo) Rol docente: Evalúa presentación, fomenta preguntas y destaca fortalezas. Nombre: "Reflexión y autoevaluación" Objetivo: Reflexionar sobre el aprendizaje y trabajo en equipo. Instrucciones: Los estudiantes responden por escrito estas preguntas: ¿Qué aprendí sobre el chocolate y el diseño web? ¿Cómo contribuyó mi trabajo al proyecto comunitario? ¿Qué podría mejorar en futuros proyectos? Organización: Individual Producto: Respuestas escritas. Tiempo: 10 minutos Rol docente: Recoge y revisa para retroalimentación personalizada. Fase de Cierre Tiempo estimado: 10 minutos Síntesis: El docente guía una discusión final sobre la importancia del chocolate y el poder de la tecnología para comunicar causas comunitarias. Reflexión metacognitiva: ¿Cómo puedo usar lo aprendido para ayudar a mi comunidad? ¿Qué habilidades tecnológicas desarrollé durante este proyecto? Retroalimentación: Se entrega lista de cotejo con evaluación sumativa y comentarios. Transferencia: Se invita a compartir la página web con la comunidad escolar o local. Tarea o reto: Invitar a los estudiantes a crear una entrada de blog o post para redes sociales resumiendo su proyecto y aprendizajes. Evaluación Tipo de evaluación: Diagnóstica: Al inicio de la Sesión 1 con preguntas sobre conocimientos previos del chocolate y páginas web. Formativa: Durante todas las sesiones, mediante listas de cotejo, observación directa del docente, revisión de códigos HTML y retroalimentación entre pares. Sumativa: En la Sesión 6, con la presentación final del proyecto, la evaluación del producto web y la reflexión escrita. Criterios de evaluación: Precisión y claridad en la descripción del origen, variaciones y productos del chocolate (Objetivo 1). Correcta aplicación de la sintaxis HTML básica en la creación de la página web (Objetivo 2). Calidad y coherencia en el contenido digital relacionado con el proyecto comunitario (Objetivo 3). Participación activa y colaboración efectiva en el trabajo en equipo (Objetivo 4). Capacidad de reflexión crítica y valoración del impacto del proyecto (Objetivo 5). Instrumentos sugeridos: Lista de cotejo para revisar la estructura y contenido del código HTML. Rúbrica para evaluar la presentación oral y el trabajo en equipo. Observación directa durante las actividades prácticas. Portafolio digital con archivos HTML y documentos de planificación. Autoevaluación y coevaluación escrita en la sesión final. Evidencias de aprendizaje: Archivos HTML creados con contenido sobre el chocolate y estructura correcta. Mapas mentales o esquemas de organización del proyecto. Presentación oral del proyecto comunitario y página web. Respuestas escritas de reflexión y autoevaluación. Crea tu propio plan de clase con IA 100 créditos gratuitos cada mes Comenzar gratis