Si quieres conocer más sobre el marco pedagógico del proyecto en el que se enmarca este recurso, haz clic aquí para acceder a la guía general del proyecto.
Entre los aspectos metodológicos que destacan particularmente en este REA están:
| Título de la actividad grupal: | 6. Sobre HTML puedo decirte algo | |
|---|---|---|
| Opción | Título de las actividades individuales | Proceso cognitivo |
| A | ¿Recuerdas las etiquetas básicas? | Recordar/conceptos |
| B | Ordena la estructura HTML | Comprender/conceptos |
| C | Diferencia entre la cabecera y el cuerpo | Analizar/conceptos |
| D | Crea tu propia definición | Crear/conceptos |
| Título de la actividad grupal: | 13. Demuestro mis conocimiento en HTML | |
|---|---|---|
| Opción | Título de las actividades individuales | Proceso cognitivo |
| A | Empezamos recordando | Recordar/conceptos |
| B | Verdadero o falso | Comprender /conceptos |
| C | Añade las etiquetas | Aplicar /conceptos |
| D | Explica las diferencias | Analizar /conceptos |
Para usar el REA son necesarios unos recursos materiales. Se recomienda disponer al menos de un ordenador con conexión a internet y una placa micro:bit por cada dos estudiantes. En caso de no disponer de placas se puede usar el simulador online del entorno de programación.
Algunas recomendaciones más específicas:
El REA se debe presentar como un reto que debe superar el alumnado para conseguir diseñar y programar su propia página web.
A lo largo del REA se plantean tareas con diferentes tipos de agrupamiento:
Las tareas que requieren el uso del ordenador pueden ser realizadas en pareja compartiendo un mismo dispositivo en caso de ser necesario o en caso de que lo estime el docente como medida de apoyo a estudiantes con dificultades.
Para hacer los agrupamientos se recomienda el trabajo por pares mentor-pupilo o la tutoría entre iguales, consiste en que dos compañeros o compañeras de la misma clase y edad, trabajen de forma cooperativa. Para ello, sería necesario cumplir las siguientes indicaciones:
De igual forma, se incluyen también ejercicios que deben resolver de forma individual. Fundamentalmente, aquellos con un carácter más evaluativo. En este caso, conviene que el docente facilite un seguimiento y apoyo a todo el alumnado y ocupe el rol de guía o ayuda.
El producto final que se pide a los estudiantes es diseñar y programar en HTML una página web donde muestren el trabajo realizado durante el curso en esta materia.
Se plantea un problema con una solución abierta en la que los estudiantes pueden desarrollar el reto con un menor o mayor grado de complejidad dependiendo de sus capacidades, motivación y estrategias de aprendizaje.
Este REA se puede usar en cualquier curso donde se vaya a impartir introducción al diseño y programación de páginas web con HTML.
A continuación incluimos una estimación de la temporalización recomendada para cada fase de la secuencia didáctica que sigue este recurso.
| Fase | Título de la página | ¿Para qué? | Temporalización |
|---|---|---|---|
| 1. Movilizar | 1. Comenzamos una gran aventura | Presentar el tema del REA de manera que el alumnado se sienta motivado y tenga interés en aprender. | 1/2 hora |
| 2. Activar | 2. Otra forma de comunicación | Activar las ideas previas necesarias para la realización de la tarea. | 1/2 hora |
| 3. Explorar | 3. Un mundo por explorar | Explorar el robot maqueen, el editor de código escrito y el lenguaje Python. | 1 hora |
| 4. Estructurar | 4. Asi se hace una página web | Reflexionar, deducir y completar lo descubierto en la fase de exploración. | 2 horas |
| 5. Aplicar y comprobar | 5. Nos convertimos en webmaster | Llevar a cabo el reto planteado demostrando la asimilación de los aprendizajes adquiridos. | 3 horas |
| 6. Concluir | 6. Compartimos nuestra página web 7. Sacamos conclusiones |
Presentar y reflexionar sobre los aprendizajes adquiridos. | 2 horas |
| Página del REA | Enlace a documento/s editable/s | Enlace a documento/s no editable/s |
|---|---|---|
| 4.2. Primeros pasos con HTML | Enlace al archivo EstructuraBasicaPaginaWeb.odt | Enlace al documento EstructuraBasicaPaginaWeb.pdf |
| 4.3. Nuestras primeras páginas | Enlace al archivo Resumen_Etiquetas.odt | Enlace al documento Resumen_Etiquetas.pdf |
| Excelente | Satisfactorio | Mejorable | Insuficiente | |
|---|---|---|---|---|
| 1. Valoro la importancia de las páginas web como medio de información. | Sería capaz de explicarlo (1) | Lo he entendido y sabría explicarlo con ayuda (0.75) | Lo he entendido pero no sabría explicarlo (0.50) | No lo he entendido (0.25) |
| 2. Conozco los diferentes elementos del editor Bluefish. | Sería capaz de explicarlo (1) | Lo he entendido y sabría explicarlo con ayuda (0.75) | Lo he entendido pero no sabría explicarlo (0.50) | No lo he entendido (0.25) |
| 3. Comprendo el concepto de etiqueta. | Sería capaz de explicarlo (1) | Lo he entendido y sabría explicarlo con ayuda (0.75) | Lo he entendido pero no sabría explicarlo (0.50) | No lo he entendido (0.25) |
| 4. Soy capaz de crear la estructura básica de un documento HTML. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 5. Coprendo la función que realiza la cabecera de un documento HTML. | Sería capaz de explicarlo (1) | Lo he entendido y sabría explicarlo con ayuda (0.75) | Lo he entendido pero no sabría explicarlo a (0.50) | No lo he entendido (0.25) |
| 6. Entiendo lo que debo poner en el cuerpo de un documento HTML. | Sería capaz de explicarlo (1) | Lo he entendido y sabría explicarlo con ayuda (0.75) | Lo he entendido pero no sabría explicarlo (0.50) | No lo he entendido (0.25) |
| 7. Sé utilizar los diferentes niveles de títulos para destacar un texto en HTML. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 8. He incorporado imágenes a mi página web. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 9. Sé crear un hiperenlace en mi documento HTML. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 10. Utilizo las listas ordenadas y desordenadas de forma correcta. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 11. Sé incorporar vídeos y audios en mi página web. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 12. He trabajado de forma activa con mis compañeros y compañeras para desarrollar el trabajo final. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 13. A la hora de compartir el trabajo, he ayudado en la preparación de nuestra presentación. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
| 14. Durante la presentación del trabajo, he participado de forma activa. | Lo he hecho de manera autónoma (1) | Lo he hecho pero he necesitado ayuda (0.75) | Lo he hecho, pero he necesitado una ayuda continua (0.50) | No he podido hacerlo (0.25) |
Este REA se puede usar en cualquier curso donde se vaya a impartir una unidad dedicada a la introducción de saberes relacionados con la creación y desarrollo web:
Obra publicada con Licencia Creative Commons Reconocimiento No comercial 4.0