0615 – Diseño de interfaces web

Young architects working on project in office together

Volver a "Técnico Superior en Desarrollo de Aplicaciones Web"

Denominación

Módulo Profesional: Diseño de interfaces web.

Código

0615

Descripción

Este módulo profesional contiene parte de la formación necesaria para desempeñar la función de desarrollo de aplicaciones destinadas a su ejecución por navegadores en entornos web.

Este módulo pertenece al grado superior de Técnico Superior en Desarrollo de Aplicaciones Web.

Duración

80 Horas

Criterios de evaluación

Criterio 1: Planifica la creación de una interfaz web valorando y aplicando especificaciones de diseño.

Se ha reconocido la importancia de la comunicación visual y sus principios básicos.
Se han analizado y seleccionado los colores y tipografías adecuados para su visualización en pantalla.
Se han analizado alternativas para la presentación de la información en documentos Web.
Se ha valorado la importancia de definir y aplicar la guía de estilo en el desarrollo de una aplicación Web.
Se han utilizado y valorado distintas aplicaciones para el diseño de documentos Web.
Se han utilizado marcos, tablas y capas para presentar la información de manera ordenada.
Se han creado y utilizado plantillas de diseño.

Criterio 2: Crea interfaces Web homogéneos definiendo y aplicando estilos.

Se han reconocido las posibilidades de modificar las etiquetas HTML.
Se han definido estilos de forma directa.
Se han definido y asociado estilos globales en hojas externas.
Se han definido hojas de estilos alternativas.
Se han redefinido estilos.
Se han identificado las distintas propiedades de cada elemento.
Se han creado clases de estilos.
Se han utilizado herramientas de validación de hojas de estilos.
Se ha utilizado y actualizado la guía de estilo.

Criterio 3: Prepara archivos multimedia para la Web, analizando sus características y manejando herramientas especificas.

Se han reconocido las implicaciones de las licencias y los derechos de autor en el uso de material multimedia.
Se han identificado los formatos de imagen, audio y vídeo a utilizar.
Se han analizado las herramientas disponibles para generar contenido multimedia.
Se han empleado herramientas para el tratamiento digital de la imagen.
Se han utilizado herramientas para manipular audio y vídeo.
Se han realizado animaciones a partir de imágenes fijas.
Se han importado y exportado imágenes, audio y vídeo en diversos formatos según su finalidad.
Se ha aplicado la guía de estilo.

Criterio 4: Integra contenido multimedia en documentos Web valorando su aportación y seleccionando adecuadamente los elementos interactivos.

Se han reconocido y analizado las tecnologías relacionadas con la inclusión de contenido multimedia e interactivo.
Se han identificado las necesidades específicas de configuración de los navegadores Web para soportar contenido multimedia e interactivo.
Se han utilizado herramientas gráficas para el desarrollo de contenido multimedia interactivo.
Se ha analizado el código generado por las herramientas de desarrollo de contenido interactivo.
Se han agregado elementos multimedia a documentos Web.
Se ha añadido interactividad a elementos de un documento Web.
Se ha verificado el funcionamiento de los elementos multimedia e interactivos en distintos navegadores.

Criterio 5: Desarrolla interfaces Web accesibles, analizando las pautas establecidas y aplicando técnicas de verificación.

Se ha reconocido la necesidad de diseñar webs accesibles.
Se ha analizado la accesibilidad de diferentes documentos Web.
Se han identificado las principales pautas de accesibilidad al contenido.
Se han analizado los posibles errores según los puntos de verificación de prioridad.
Se ha alcanzado el nivel de conformidad deseado.
Se han verificado los niveles alcanzados mediante el uso de test externos.
Se ha verificado la visualización del interfaz con diferentes navegadores y tecnologías.

Criterio 6: Desarrolla interfaces Web amigables analizando y aplicando las pautas de usabilidad establecidas.

Se ha analizado la usabilidad de diferentes documentos Web.
Se ha valorado la importancia del uso de estándares en la creación de documentos Web.
Se ha modificado el interfaz Web para adecuarlo al objetivo que persigue y a los usuarios a los que va dirigido.
Se ha verificado la facilidad de navegación de un documento Web mediante distintos periféricos.
Se han analizado diferentes técnicas para verificar la usabilidad de un documento Web.
Se ha verificado la usabilidad del interfaz Web creado en diferentes navegadores y tecnologías.

Contenidos básicos

1) Planificación de interfaces gráficas:

Elementos del diseño: percepción visual.
Color, tipografía, iconos.
Interacción persona-ordenador.
Interpretación de guías de estilo. Elementos.
Generación de documentos y sitios Web.
Componentes de una interfaz Web.
Aplicaciones para desarrollo Web.
Lenguajes de marcas.
Mapa de navegación. Prototipos.
Maquetación Web. Elementos de ordenación.
Plantilla de diseño.

2) Uso de estilos:

Estilos en línea basados en etiquetas y en clases.
Crear y vincular hojas de estilo.
Crear y vincular hojas de estilo en cascada externa.
Herramientas y test de verificación.

3) Implantación de contenido multimedia:

Tipos de Imágenes en la Web.
Derechos de la propiedad intelectual. Licencias. Ley de la propiedad intelectual. Derechos de autor.
Imágenes: mapa de bits, imagen vectorial. Software para crear y procesar imágenes. Formatos de imágenes.
Optimización de imágenes para la Web.
Audio: formatos. Conversiones de formatos (exportar e importar).
Vídeo: codificación de vídeo, conversiones de formatos (exportar e importar).
Animaciones.
Animación de imágenes y texto.
Integración de audio y vídeo en una animación.

4) Integración de contenido interactivo:

Elementos interactivos básicos y avanzados.
Comportamientos interactivos. Comportamiento de los elementos.
Ejecución de secuencias de comandos.

5) Diseño de webs accesibles:

El Consorcio World Wide Web (W3C).
Pautas de Accesibilidad al Contenido en la Web (WCAG).
Principios generales de diseño accesible.
Técnicas para satisfacer los requisitos definidos en las WCAG.
Prioridades. Puntos de verificación. Niveles de adecuación.
Métodos para realizar revisiones preliminares y evaluaciones de adecuación o conformidad de documentos Web.
Herramientas de análisis de accesibilidad Web.
Chequeo de la accesibilidad Web desde diferentes navegadores.

6) Implementación de la usabilidad en la Web. Diseño amigable: