SMR · 2º · SMR2-04 · material completo
Aplicaciones web
Aplicaciones web en SMR debe servir para construir páginas útiles, entender estructura y publicar con sentido, no solo para decorar HTML.
SMR2-04Nivel · inicio / despliegueDuración · 16 bloques + proyectoSalida · Sitio web estático o prototipo funcional con HTML, CSS y publicación controlada.
Plan de aprendizaje
Ruta recomendada para dominar el módulo sin estudiar a ciegas
La secuencia recomendada para Aplicaciones web dentro del nodo es esta: primero construir base conceptual mínima, después practicar con laboratorio guiado, a continuación resolver incidencias o variaciones, y finalmente dejar evidencia clara del proceso. La clave no es memorizar términos sueltos, sino entender cómo se comporta el sistema cuando algo funciona y cuando deja de funcionar.
01
Lectura y mapa mental
Empieza por detectar vocabulario, herramientas, flujos y relaciones del módulo. El objetivo es saber qué piezas intervienen antes de tocar el laboratorio.
02
Base operativa
Trabaja procedimientos esenciales, comandos, configuración o estructura mínima hasta poder repetirlos sin depender de una guía paso a paso completa.
03
Práctica con validación
Ejecuta una misión completa y comprueba resultado con evidencias: capturas, logs, documento, servicio funcionando o defensa técnica.
04
Diagnóstico y mejora
Introduce fallos, compara enfoques y corrige lo necesario. El aprendizaje sólido aparece cuando sabes detectar por qué algo se rompe.
05
Transferencia
Cierra cada bloque con una tarea o microproyecto que conecte el módulo con otro contenido del curso o con un contexto profesional real.
Contenidos y bloques
Núcleo temático del módulo
Bloque 01
Funcionamiento general de la web y estructura cliente-servidor.
- Teoría útil y vocabulario técnico.
- Procedimiento o herramienta asociada.
- Comprobación o evidencia del aprendizaje.
Bloque 02
HTML semántico y organización de contenido.
- Teoría útil y vocabulario técnico.
- Procedimiento o herramienta asociada.
- Comprobación o evidencia del aprendizaje.
Bloque 03
CSS, layout, responsive básico y componentes.
- Teoría útil y vocabulario técnico.
- Procedimiento o herramienta asociada.
- Comprobación o evidencia del aprendizaje.
Bloque 04
Introducción a accesibilidad y rendimiento elemental.
- Teoría útil y vocabulario técnico.
- Procedimiento o herramienta asociada.
- Comprobación o evidencia del aprendizaje.
Bloque 05
Publicación, hosting y validación del sitio.
- Teoría útil y vocabulario técnico.
- Procedimiento o herramienta asociada.
- Comprobación o evidencia del aprendizaje.
Bloque 06
Iteración con feedback y control básico de cambios.
- Teoría útil y vocabulario técnico.
- Procedimiento o herramienta asociada.
- Comprobación o evidencia del aprendizaje.
Prácticas guiadas
Misiones de laboratorio y trabajo aplicado
01
Landing estructurada
Crear página informativa con secciones claras.
02
Responsive básico
Adaptar diseño a móvil y escritorio.
03
Formulario o interacción ligera
Construir bloque funcional y comprensible.
04
Publicación guiada
Subir sitio a hosting estático y verificar enlaces, imágenes y navegación.
Consejo docente: cada práctica debería cerrarse con verificación observable y con una breve reflexión de qué falló, cómo se corrigió y qué se haría distinto la próxima vez.
Retos y ampliación
Escalado para alumnado que ya domina la base
- Replica una interfaz real sin copiar código, priorizando estructura.
- Optimiza una página pesada reduciendo imágenes y recursos innecesarios.
- Crea una microguía de accesibilidad para proyectos del módulo.
Recursos operativos
Herramientas y apoyos recomendados
- MDN, W3C validator, DevTools del navegador.
- Editores como VS Code y hosting estático tipo Netlify o GitHub Pages.
- Bibliotecas de iconos y tipografías si se usan con criterio.
Autoevaluación / contraste
Cómo verificar que el módulo está realmente interiorizado
Criterio 01¿El HTML es semántico y mantenible?
Criterio 02¿El CSS responde sin romper la maquetación?
Criterio 03¿La publicación funciona fuera del entorno local?
Pregunta final: ¿serías capaz de explicar este bloque a otra persona y rehacerlo sin la guía completa delante? Si no, todavía estás en fase de reconocimiento, no de dominio.
Biblioteca temática
Unidad inmersiva del módulo
Este módulo ya cuenta con una pieza temática específica dentro de la biblioteca de Educación Node. Mantiene el tono cyberhacker, pero aterriza teoría, práctica, validación y transferencia real.
SMR2-AW-01
HTML, CSS y publicación: construir una landing útil con identidad y estructura real.
Foco principal: estructura HTML, CSS, publicación y revisión visual. Producto esperado: micrositio publicado o listo para publicar.
Abrir unidad