📄 HTML para Educadores

Crea Recursos Educativos Interactivos desde Cero

Curso gratuito y autónomo • 2 semanas • 8 módulos

Sobre este curso

Aprende a crear recursos educativos interactivos (laboratorios virtuales, actividades diferenciadas, evaluaciones formativas) sin necesidad de ser programador. Usa Vibe Coding (IA conversacional) para generar código HTML personalizado y publícalo en GitHub Pages o Moodle. Este curso es 100% práctico: cada módulo incluye todo el contenido, ejemplos y actividades integradas.

⏱️ Duración 2 semanas (8 módulos)
🎯 Nivel Principiante absoluto
💻 Requisitos Ordenador y navegador
📦 Formato Todo integrado en cada módulo

🎯 Al finalizar este curso habrás:

📅 Semana 1: Fundamentos HTML y Vibe Coding

⏱️ Tiempo estimado: 2 horas

Módulo 1.1: ¿Qué es HTML?

Descubre qué es HTML y las 5 etiquetas esenciales. Todo explicado con ejemplos prácticos y actividad integrada al final.

⏱️ 30 minutos | 📍 Estado: Disponible

Módulo 1.2: Vibe Coding - Tu asistente IA

Aprende la metodología Vibe Coding: usa Claude o ChatGPT conversacionalmente para crear código HTML sin ser programador. 20 prompts efectivos incluidos.

⏱️ 45 minutos | 📍 Estado: Disponible

Módulo 1.3: Estilo profesional con CSS

Dale estilo profesional EDUmind a tus recursos: colores, tipografía, sombras, diseño responsive. Chuleta CSS de 15 propiedades incluida.

⏱️ 45 minutos | 📍 Estado: Disponible

📅 Semana 2: Recursos Interactivos y Publicación

⏱️ Tiempo estimado: 4-5 horas

Módulo 2.1: Recursos interactivos para el aula

Crea 4 tipos de recursos educativos: laboratorios virtuales, actividades diferenciadas (DUA), organizadores visuales y evaluación formativa. Aplicables a cualquier asignatura.

⏱️ 1 hora | 📍 Estado: Disponible

Módulo 2.2: Añadir interactividad con JavaScript

Haz que tus recursos funcionen: cambio de fases en laboratorios, selector de niveles, líneas del tiempo clickables, feedback en evaluaciones. Código completo explicado + prompts Vibe Coding.

⏱️ 1 hora | 📍 Estado: Disponible

Módulo 2.3: Publicar online gratis (GitHub Pages)

Publica tus recursos en internet gratis con GitHub Pages. Obtén una URL pública para compartir con estudiantes. Paso a paso completo desde crear cuenta hasta obtener el enlace.

⏱️ 45 minutos | 📍 Estado: Disponible

Módulo 2.4: Integrar en Moodle

Tres métodos para integrar tus recursos HTML en Moodle institucional: enlace externo (rápido), archivo directo (privado) o paquete SCORM (calificable). Comparativa y guías paso a paso.

⏱️ 45 minutos | 📍 Estado: Disponible

Módulo 2.5: Integrar HTML en eXeLearning

Combina tus recursos HTML personalizados con eXeLearning para crear cursos completos exportables a SCORM. Tutorial del iDevice "Insertar código" y solución de problemas comunes.

⏱️ 45 minutos | 📍 Estado: Disponible

💡 Cómo funciona este curso

  1. Lee cada módulo - Todo el contenido teórico está explicado con ejemplos reales aplicados a educación
  2. Copia plantillas o usa Vibe Coding - Puedes copiar código de ejemplo o generarlo con IA usando los prompts incluidos
  3. Practica la actividad - Al final de cada módulo hay una actividad práctica con opciones de diferentes niveles
  4. Avanza a tu ritmo - No hay fechas límite, es totalmente autónomo
  5. Construye tu portafolio - Al terminar tendrás recursos educativos reales publicados online

🎨 Metodología Vibe Coding

Este curso te enseña Vibe Coding: crear código conversacionalmente con IA sin ser programador. No memorizas sintaxis, describes lo que necesitas en lenguaje natural.

Ejemplo: "Crea un laboratorio virtual del ciclo celular con botones para cada fase que al clickar muestren la explicación" → La IA genera el código completo funcionando.

📜 Certificación

Para obtener tu certificado:

Al finalizar, podrás solicitar tu certificado digital descargable.

🚀 ¡Comienza ahora!

Todo está preparado para que empieces. Aprende HTML básico en los próximos 30 minutos y crea tu primer recurso educativo en menos de 2 horas.

👇 Accede al Módulo 1.1 en la siguiente sección de este curso 👇

EDUmind - Vibe Coding para Educadores

Luis Vilela Acuña © 2025

Licencia Creative Commons BY-NC-SA 4.0
Curso gratuito y de acceso abierto