Páginas web con lenguaje de marcas y hojas de estilo (30h)

Descripción

PÁGINAS WEB CON LENGUAJE DE MARCAS Y HOJAS DE ESTILO

Duración

30 horas

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

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

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

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

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

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

6.16 Cuestionario: Cuestionario final