Aprendizaje Basado en Proyectos: Mi Primer Texto HTML

He desarrollado esta actividad, titulada "Aprendizaje Basado en Proyectos: Mi Primer Texto HTML", con el objetivo principal de que los alumnos comprendan la estructura básica de un documento web mediante el uso de etiquetas, así como que sean capaces de diferenciar entre el entorno de edición (código fuente) y el entorno de visualización (navegador).

Esta actividad se ha llevado a cabo con los alumnos de 2º de Grado Medio en Instalaciones Electrotécnicas y Automáticas, dentro del módulo optativo correspondiente. A través de esta primera práctica, los alumnos realizan una "ingeniería inversa" conceptual. Utilizando un editor de texto plano, replican de forma manual los elementos básicos que componen cualquier sitio web profesional, como títulos, enlaces y listas. La práctica sirve para demostrar que el contenido visual que consumen diariamente en sus dispositivos es, en esencia, código interpretado por el navegador, permitiéndoles ver más allá de las interfaces gráficas que utilizan a diario y comprender la lógica subyacente a cualquier página web.

En cuanto a las metodologías activas utilizadas, la metodología empleada ha sido el Aprendizaje Basado en Proyectos (ABP). Partimos del reto de escribir un primer texto en HTML con la ayuda de documentación técnica y guiados por mi parte como docente. El alumnado debe ir resolviendo de manera progresiva los desafíos que plantea la creación de un documento web desde cero, lo que fomenta su autonomía y capacidad de resolución de problemas.

Esta actividad se vincula directamente con la "Alfabetización Digital Crítica" del proyecto CITE del centro. En lugar de utilizar herramientas "cerradas" de arrastrar y soltar, tipo Scratch, el alumno se enfrenta al código puro, lo que le permite entender la lógica del software. Este conocimiento es fundamental para que el alumnado comprenda cómo se estructura la información en la red, cómo funcionan los algoritmos de búsqueda y por qué la estandarización del lenguaje HTML es clave para una web abierta, accesible y universal.

Con respecto a las dificultades encontradas, la mayoría de los alumnos no tenía conocimientos previos de programación. Además, desconocían que existen diferentes extensiones de archivos y que cambiar la extensión puede modificar por completo el comportamiento de un documento. La mayoría de los errores que cometían eran de sintaxis, y les resultaba especialmente difícil entender la diferencia entre las etiquetas y su jerarquía (qué etiquetas pueden contener a otras y cuáles deben estar cerradas correctamente).

Sobre el trabajo de preparación previa por mi parte como docente, para llevar a cabo esta práctica en el aula, primero fue necesario comprobar que los ordenadores del instituto tenían un procesador de textos compatible con la redacción de este tipo de documentos. Es necesario poder guardar el documento con una extensión concreta (.html) para que el navegador lo interprete correctamente. Además, busqué bibliografía que el alumnado pudiera consultar, así como algunos vídeos explicativos de apoyo, para que pudieran continuar trabajando también desde sus casas. Los recursos utilizados han sido fundamentalmente materiales sobre semántica web, etiquetas HTML y hojas de estilo CSS.

Respecto a las horas de trabajo del alumnado en el aula, esta práctica transcurrió durante 2 horas lectivas. La primera hora la dedicamos a introducir los conceptos teóricos básicos y a visualizar algunos vídeos explicativos. En la segunda hora, el alumnado se enfrentó a un archivo en blanco y comenzó a escribir su primer texto HTML, aplicando los conocimientos adquiridos.

Por último, en cuanto a las dificultades encontradas para alcanzar el porcentaje de trabajo con el alumnado, la principal ha sido la gestión de la heterogeneidad del grupo. Algunos alumnos finalizan la estructura completa en 10 minutos, mientras que otros requieren apoyo individual constante para entender por qué el archivo no se visualiza correctamente debido a pequeños errores sintácticos (una etiqueta sin cerrar, un símbolo mal escrito, etc.). Esta diversidad de ritmos de aprendizaje exige una atención personalizada y la preparación de materiales complementarios para los alumnos más avanzados, así como un seguimiento más cercano para aquellos que presentan mayores dificultades.

A continuación, se muestran enlaces e imágenes sobre la actividad desarrollada:

Comentarios

Entradas populares