Páginas web con lenguaje de marcas y hojas de estilo

Qué vas a aprender

• 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.

Temario

1. 1Lenguajes de marcas

   • Aspectos importante de los lenguajes de marca
   • Estructura de un lenguaje creado con lenguaje de marcas
   • Navegadores web
   • Marcas para dar formato al documento
   • Enlaces y direccionamientos
   • Marcos
   • Capas
2. 2Tratamiento de imágenes y elementos multimedia

   • Incorporar imágenes
   • Mapas de imágenes
   • Insertar elementos multimedia
   • Diferentes formatos de audio y vídeo
   • Marquesinas
3. 3Técnicas de accesibilidad y usabilidad

   • Accesibilidad web
   • Verificar la accesibilidad de sitios
   • Usabilidad web y su importancia
   • Diseño de sitios web usables
   • Adaptación de sitios web usables
4. 4Configuración de herramientas de edición web

   • Herramientas de edición web
   • Tipos de editores web
   • Editores para Windows
   • Editores para Linux y multiplataforma
   • Funciones y características
5. 5Hojas de estilo en páginas web

   • Funciones de las hojas de estilo
   • Hojas de estilo y accesibilidad
   • Tipos de estilos
   • Selectores y reglas de estilo
   • Atributos de estilo
   • Creación de ficheros de estilo
6. 6Documento funcional

   • Crear un documento funcional
   • Diseño de contenidos
   • Información a ubicar en la página web
   • Selección de contenidos por cada elemento
   • Uso del documento funcional para el diseño
   • Tipos de páginas para la ubicación de contenidos
   • Tipos de página en base a los contenidos y funcionalidades
   • Selección de los tipos de página para la página web
   • Documento funcional para las especificaciones del tipo de página
   • Especificaciones de navegación
   • Creación de un mapa de navegación de páginas
   • Documento funcional para integrar el mapa de navegación
   • Elementos utilizados para la navegación
   • Elaboración de una guía de usuario

Preguntas frecuentes