📖 HTML Conceptos Básicos – Principiantes

Este recurso educativo ofrece una introducción clara y sencilla a los conceptos fundamentales de HTML (HyperText Markup Language), el lenguaje utilizado para estructurar el contenido en la web. Explica la relación entre HTML, CSS y JavaScript, mostrando cómo estos elementos trabajan juntos para crear sitios web atractivos e interactivos.

🔍 Contenidos principales

• ✅ Definición y estructura de HTML.
• ✅ Uso de etiquetas semánticas (<header>, <section>, <footer>).
• ✅ Integración de CSS y JavaScript para mejorar el diseño y la interactividad.
• ✅ Incorporación de imágenes, audio y video en páginas web.
• ✅ Importancia del diseño responsivo para mejorar la accesibilidad y usabilidad.

🎯 Competencias clave

• 💻 CD – Competencia digital: Desarrollo de habilidades en el uso de herramientas tecnológicas y creación de contenido web.
• 🧠 CPSAA – Competencia personal, social y de aprender a aprender: Resolución de problemas y pensamiento lógico en la estructuración de páginas web.
• 💡 CE – Competencia emprendedora: Desarrollo de iniciativas para la creación de sitios web básicos.

♿ Adaptación DUA

📌 Principio I: Múltiples formas de representación

• 📖 Ofrecer el material en diferentes formatos (texto, video, infografías).
• 📘 Incluir ejemplos prácticos con código comentado y resaltado.
• 🖥️ Facilitar herramientas como editores visuales para la comprensión del código HTML.

🛠️ Principio II: Múltiples formas de acción y expresión

• ✍️ Permitir que los estudiantes construyan pequeños proyectos personales en HTML.
• 🎙️ Fomentar presentaciones orales explicando sus estructuras de código.
• 🛠️ Utilizar herramientas accesibles como editores online (CodePen, JSFiddle) para experimentar con código sin instalar software.

💡 Principio III: Múltiples formas de implicación

• 🚀 Relacionar el aprendizaje de HTML con proyectos personales o temas de interés.
• 🌍 Conectar la importancia del diseño web con su impacto en la accesibilidad digital.
• 🏆 Implementar retos gamificados para reforzar el aprendizaje de estructuras HTML.

💡 Ideas de situaciones de aprendizaje

📌 1. Mi primera página web

• 📚 Curso: Secundaria (3º – 4º ESO).
• ⏳ Temporalización: 3 sesiones (4 horas).
• 🎯 Justificación: Aprender la estructura básica de HTML creando una página personal.
• 🛠️ Producto final: Una página web sencilla con texto, imágenes y enlaces.
• 📝 Momento de uso del recurso: Introducción y desarrollo.

📌 2. Blog colaborativo en HTML

• 📚 Curso: Secundaria y Bachillerato.
• ⏳ Temporalización: 5 sesiones (7 horas).
• 🎯 Justificación: Explorar el uso de etiquetas HTML y su integración con CSS para mejorar el diseño.
• 🛠️ Producto final: Un blog básico en HTML con contenido generado por los estudiantes.
• 📝 Momento de uso del recurso: Desarrollo.

📌 3. Diseño responsivo: HTML en móviles

• 📚 Curso: Bachillerato y formación profesional.
• ⏳ Temporalización: 4 sesiones (6 horas).
• 🎯 Justificación: Comprender la importancia del diseño adaptativo en la web.
• 🛠️ Producto final: Una versión de prueba de una web accesible en móviles.
• 📝 Momento de uso del recurso: Evaluación.

📌 4. Creación de una página con multimedia

• 📚 Curso: Secundaria.
• ⏳ Temporalización: 4 sesiones (5 horas).
• 🎯 Justificación: Incorporar imágenes, audio y video en páginas web.
• 🛠️ Producto final: Una página web con contenido multimedia.
• 📝 Momento de uso del recurso: Desarrollo.

📌 5. Accesibilidad web y etiquetas semánticas

• 📚 Curso: Bachillerato.
• ⏳ Temporalización: 3 sesiones (4 horas).
• 🎯 Justificación: Sensibilizar sobre la accesibilidad en la web y el uso correcto de etiquetas semánticas.
• 🛠️ Producto final: Una guía de buenas prácticas en HTML.
• 📝 Momento de uso del recurso: Evaluación.