Duración en Horas: 30
Objetivos
– Conocer la existencia de técnicas de maquetación basadas en marcos y su evolución natural hacia el diseño adaptativo con capas.
– Reconocer los formatos de audio y de vídeo que se incluyen habitualmente en las páginas web.
– Conocer las diferentes técnicas para insertar elementos multimedia en los sitios webs.
– Trabajar con las etiquetas que facilitan la inserción de todo tipo de elementos multimedia.
– Identificar y usar adecuadamente las etiquetas necesarias para crear mapas de imágenes.
– Conocer los conceptos de usabilidad y accesibilidad aplicados al diseño de sitios webs.
– Tener en cuenta los criterios definidos y la normativa estándar de accesibilidad y usabilidad a la hora de diseñar sitios webs.
– Conocer las ventajas de crear sitios accesibles y con facilidades de uso para todos los visitantes.
– Instalar y configurar herramientas de edición de páginas web.
– Desarrollar sitios web usando aplicaciones específicas de edición web.
– Interpretar la documentación técnica que proporcionan las herramientas de edición.
– Conocer las ventajas y desventaja de usar hojas de estilos CSS y lenguaje HTML como pilares de la edición web que separa desde el principio los contenidos y el formato.
– Identificar los atributos y propiedades que se utilizan para definir estilos para una página web.
– Utilizar eficazmente los diferentes procedimientos para incluir estilos en las páginas webs ya sea directamente o mediante el uso de ficheros externos.
– Aplicar criterios de «usabilidad» y accesibilidad al diseño de páginas webs aprovechando las ventajas que sobre este asunto aportan las hojas de estilo.
– Conocer las ventajas de aplicar los estándares y la realización de pruebas en diferentes navegadores.
– Adecuar los contenidos de la página web para adaptarlos al formato de la misma de acuerdo con las especificaciones recibidas.
– Tener en cuenta la usabilidad y la facilidad en el manejo de las páginas web a la hora de diseñar sitios en Internet.
– Optimizar los recursos utilizados en las páginas web equilibrando los conceptos de diseño atractivo y contenidos.
Índice
1 Lenguajes de marcas | ||
1.1 Aspectos importante de los lenguajes de marca | ||
1.2 Estructura de un lenguaje creado con lenguaje de marcas | ||
1.3 Navegadores web | ||
1.4 Marcas para dar formato al documento | ||
1.5 Enlaces y direccionamientos | ||
1.6 Marcos | ||
1.7 Capas | ||
1.8 Cuestionario: Cuestionario de evaluación | ||
2 Tratamiento de imágenes y elementos multimedia | ||
2.1 Incorporar imágenes | ||
2.2 Mapas de imágenes | ||
2.3 Insertar elementos multimedia | ||
2.4 Diferentes formatos de audio y vídeo | ||
2.5 Marquesinas | ||
2.6 Cuestionario: Cuestionario de evaluación | ||
3 Técnicas de accesibilidad y usabilidad | ||
3.1 Accesibilidad web | ||
3.2 Verificar la accesibilidad de sitios | ||
3.3 Usabilidad web y su importancia | ||
3.4 Diseño de sitios web usables | ||
3.5 Adaptación de sitios web usables | ||
3.6 Cuestionario: Cuestionario de evaluación | ||
4 Configuración de herramientas de edición web | ||
4.1 Herramientas de edición web | ||
4.2 Tipos de editores web | ||
4.3 Editores para Windows | ||
4.4 Editores para Linux y multiplataforma | ||
4.5 Funciones y características | ||
4.6 Cuestionario: Cuestionario de evaluación | ||
5 Hojas de estilo en páginas web | ||
5.1 Funciones de las hojas de estilo | ||
5.2 Hojas de estilo y accesibilidad | ||
5.3 Tipos de estilos | ||
5.4 Selectores y reglas de estilo | ||
5.5 Atributos de estilo | ||
5.6 Creación de ficheros de estilo | ||
5.7 Cuestionario: Cuestionario de evaluación | ||
6 Documento funcional | ||
6.1 Crear un documento funcional | ||
6.2 Diseño de contenidos | ||
6.3 Información a ubicar en la página web | ||
6.4 Selección de contenidos por cada elemento | ||
6.5 Uso del documento funcional para el diseño | ||
6.6 Tipos de páginas para la ubicación de contenidos | ||
6.7 Tipos de página en base a los contenidos y funcionalidades | ||
6.8 Selección de los tipos de página para la página web | ||
6.9 Documento funcional para las especificaciones del tipo de página | ||
6.10 Especificaciones de navegación | ||
6.11 Creación de un mapa de navegación de páginas | ||
6.12 Documento funcional para integrar el mapa de navegación | ||
6.13 Elementos utilizados para la navegación | ||
6.14 Elaboración de una guía de usuario | ||
6.15 Cuestionario: Cuestionario de evaluación | ||
6.16 Cuestionario: Cuestionario final |