Resumen por bloques del módulo
RA1: Planifica la creación de una interfaz web valorando y aplicando especificaciones de diseño.
Principios Fundamentales de la Comunicación Visual en Interfaces Web. Esta unidad explora la importancia de la comunicación visual en el diseño web, cubriendo sus principios básicos como la jerarquía, el contraste, la alineación, la proximidad y la repetición. Se explica cómo estos principios influyen en la usabilidad y la experiencia del usuario, y cómo aplicarlos para crear interfaces efectaces y atractivas.
Selección y Aplicación de Color y Tipografía para Pantalla. Esta unidad profundiza en la selección estratégica de colores y tipografías para su visualización en pantalla, considerando su impacto psicológico, la legibilidad y lecturabilidad, y la accesibilidad. Se exploran principios de teoría del color, criterios de contraste, herramientas de mercado para construir paletas y elegir familias tipográficas, y buenas prácticas para reforzar la identidad de marca y mejorar la experiencia del usuario, en el marco de la comunicación visual aplicada al diseño de interfaces web.
Estructura y Presentación de la Información en Documentos Web: de las Técnicas Clásicas a CSS Grid y Flexbox. Esta unidad analiza las distintas alternativas históricas y actuales para organizar y presentar la información en documentos web, tal como recoge el CE_c del RA1 (análisis de alternativas de presentación) y el CE_f (uso de marcos, tablas y capas). Se estudia la evolución desde las tablas HTML y los marcos (frameset), técnicas contempladas en la redacción original del currículo (2010), hasta las soluciones actuales recomendadas por la industria: CSS Grid y Flexbox para maquetación, y el posicionamiento CSS (position, z-index) como interpretación moderna del concepto de 'capas'. Se distingue explícitamente qué es exigencia normativa de análisis/uso comparativo y qué es buena práctica técnica actual, evitando presentar recomendaciones de la industria como obligación curricular.
Guías de Estilo y Plantillas de Diseño para la Coherencia Web. Esta unidad subraya la importancia de las guías de estilo y las plantillas de diseño para asegurar la coherencia visual y funcional en el desarrollo de aplicaciones web. Se explican los componentes de una guía de estilo, cómo se crean y utilizan las plantillas, y su impacto en la eficiencia del desarrollo y la experiencia del usuario.
RA2: Crea interfaces Web homogéneos definiendo y aplicando estilos.
Fundamentos de Estilos Web: Modificación Directa y Propiedades Básicas. Esta unidad introduce la necesidad de los estilos en el diseño web, explorando cómo las etiquetas HTML pueden ser modificadas directamente y las propiedades CSS fundamentales para controlar la apariencia de los elementos.
Estilos Globales y Hojas Externas: Coherencia y Mantenimiento. Esta unidad se centra en la definición y asociación de estilos globales mediante hojas externas, una práctica esencial para lograr interfaces web homogéneas, eficientes y fáciles de mantener. También profundiza en la identificación de propiedades de elementos.
Propiedades por Elemento, Clases, Redefinición y Hojas de Estilo Alternativas en CSS. Esta unidad aborda, en primer lugar, la identificación de las distintas propiedades CSS aplicables según el tipo de elemento HTML (modelo de caja universal frente a propiedades específicas de listas, tablas, elementos reemplazados y formularios). A partir de esa base, se trabaja la creación y aplicación de clases de estilos para lograr flexibilidad y reutilización, la redefinición de estilos mediante las reglas de la cascada y la especificidad de CSS para adaptar diseños base, y la implementación práctica de hojas de estilo alternativas —incluyendo su soporte real y limitado en navegadores y su activación fiable mediante JavaScript— para ofrecer distintas opciones de visualización al usuario, como temas claro y oscuro.
Validación y Guías de Estilo: Calidad y Consistencia. Esta unidad cubre la importancia de la validación de hojas de estilos para asegurar su corrección y la utilización de guías de estilo para mantener la consistencia y la calidad en el desarrollo de interfaces web.
RA3: Prepara archivos multimedia para la Web, analizando sus características y manejando herramientas especificas.
Fundamentos Legales y Formatos Multimedia para Web. Esta unidad explora las implicaciones legales del uso de material multimedia en la web, cubriendo licencias y derechos de autor. Además, se identifican los formatos de imagen, audio y vídeo más adecuados para entornos web, analizando sus características y casos de uso.
Herramientas de Edición de Imagen y Optimización para Web. Esta unidad introduce las herramientas esenciales para la generación y el tratamiento digital de imágenes, diferenciando entre software de mapa de bits y vectorial. Se profundiza en técnicas de edición y optimización de imágenes para asegurar su rendimiento óptimo en la web, aplicando la guía de estilo.
Análisis de Herramientas Multimedia: Manipulación de Audio, Vídeo y Creación de Animaciones para la Web. Esta unidad analiza de forma comparativa las herramientas disponibles para generar contenido multimedia (audio, vídeo y animación), estableciendo criterios de selección según licencia, coste, formatos y finalidad web. A partir de ese análisis, se profundiza en el uso práctico de herramientas de edición de audio y vídeo, la creación de animaciones a partir de imágenes fijas y los procesos de importación y exportación de archivos multimedia en distintos formatos, siempre orientados a la optimización para entornos web.
RA4: Integra contenido multimedia en documentos Web valorando su aportación y seleccionando adecuadamente los elementos interactivos.
Fundamentos y Tecnologías del Contenido Multimedia e Interactivo Web. Esta unidad explora las tecnologías esenciales para integrar contenido multimedia e interactivo en la web, analizando sus características y la compatibilidad con los navegadores. Se cubren los formatos de medios, códecs y las APIs modernas de HTML5 y JavaScript.
Integración de Elementos Multimedia y Accesibilidad. Esta unidad se centra en la correcta inserción de imágenes, audio y vídeo en documentos web utilizando HTML5, prestando especial atención a la accesibilidad y la optimización para diferentes dispositivos.
Añadiendo Interactividad con JavaScript y CSS. Esta unidad aborda cómo implementar interactividad en elementos web utilizando JavaScript para la manipulación del DOM y la gestión de eventos, y CSS para animaciones y transiciones dinámicas.
Herramientas Gráficas y Análisis de Código Interactivo. Esta unidad explora el uso de herramientas gráficas para crear contenido multimedia interactivo y la importancia de analizar el código que generan para optimizarlo y comprender su funcionamiento.
RA5: Desarrolla interfaces Web accesibles, analizando las pautas establecidas y aplicando técnicas de verificación.
Fundamentos de la Accesibilidad Web: Necesidad y Beneficios. Esta unidad introduce la accesibilidad web, explicando su importancia ética, legal y de negocio, y cómo beneficia a todos los usuarios, no solo a personas con discapacidad.
Análisis de la Accesibilidad Web: Metodología, Pautas WCAG y Detección de Errores por Prioridad. Esta unidad desarrolla el proceso de análisis de accesibilidad de documentos web reales, apoyándose en las Pautas de Accesibilidad al Contenido Web (WCAG): sus cuatro principios (Perceptible, Operable, Comprensible, Robusto), los niveles de conformidad (A, AA, AAA) y los criterios de éxito asociados a cada punto de verificación. Incluye un caso práctico de análisis paso a paso de una página web y un procedimiento reproducible para detectar y clasificar errores según su prioridad.
Implementación de la Accesibilidad: Alcanzando Niveles de Conformidad. Esta unidad se centra en la aplicación práctica de las pautas WCAG para desarrollar interfaces web accesibles, cubriendo técnicas de codificación y diseño para alcanzar un nivel de conformidad deseado.
Verificación de la Accesibilidad: Herramientas y Pruebas. Esta unidad aborda las técnicas y herramientas para verificar los niveles de accesibilidad alcanzados, incluyendo test externos automatizados, pruebas manuales y la verificación de la visualización en diferentes entornos.
RA6: Desarrolla interfaces Web amigables analizando y aplicando las pautas de usabilidad establecidas.
Fundamentos de Usabilidad Web y Estándares. Esta unidad introduce los conceptos clave de usabilidad web, su importancia para el éxito de un sitio y el papel fundamental de los estándares web en la creación de interfaces amigables y accesibles. Se exploran los principios básicos para analizar la usabilidad de documentos web existentes.
Diseño Centrado en el Usuario y Adaptación de Interfaces. Esta unidad se centra en cómo adecuar una interfaz web a los objetivos del sitio y a las necesidades específicas de sus usuarios. Se exploran técnicas para comprender al público objetivo y aplicar ese conocimiento en la modificación y mejora del diseño.
Verificación de Navegación y Accesibilidad Multi-periférico. Esta unidad aborda la importancia de asegurar una navegación fluida y accesible en un documento web, independientemente del periférico de entrada utilizado. Se exploran técnicas y herramientas para verificar la facilidad de interacción con teclado, ratón, dispositivos táctiles y tecnologías de asistencia.
Técnicas de Verificación de Usabilidad. Esta unidad explora diversas técnicas para evaluar y verificar la usabilidad de un documento web, desde métodos de inspección hasta pruebas con usuarios. Se detallan los procedimientos y la aplicación profesional de cada técnica para identificar problemas y proponer mejoras.