Introducción
Bloque I. Los lenguajes de marcas
1. Características de los lenguajes de marcas
1.1. Texto plano
1.2. HTML
1.2.1. Versiones de HTML
1.3. HTML5
1.3.1. Ventajas de HTML5
1.3.2. Diferencias entre HTML5 y HTML4
1.4. Etiquetas y elementos
1.5. Compatibilidad
1.6. Editores de texto
1.6.1. Editores de texto plano
1.6.2. Editores WYSIWYG
Autoevaluación
2. Estructura de un documento creado con el lenguaje de marcas
2.1. Comienzo del archivo
2.1.1. Tipo de documento (DOCTYPE)
2.1.2. Marcas de inicio y final. Etiquetas <HTML> y </HTML>
2.2. Cabecera o encabezado
2.2.1. Meta
2.2.2. Título
2.3. Estilos
2.4. Scripts
2.4.1. Diseño de documentos para clientes que soportan scripts. El elemento script
2.4.2. Diseño de documentos para navegadores cliente que no soportan scripts. NOSCRIPT
2.5. Cuerpo
Autoevaluación
3. Navegadores web
3.1. Navegadores modo texto
3.1.1. Lynx
3.2. Los navegadores más utilizados
3.2.1. Google Chrome
3.2.2. Mozilla Firefox
3.2.3. Microsoft Edge
3.2.4. Opera
3.2.5. Safari
3.3. Diferencias de visualización
Autoevaluación
4. Marcas para dar formato al documento
4.1. Marcas de inicio y final
4.2. Marcas de cabeceras
4.3. Párrafo
4.4. Comentarios
4.5. Marcas de aspecto
4.5.1. Aplicar estilo a las etiquetas
4.5.2. Formato de texto y presentación
4.6. Marcas de párrafo
4.6.1. Alineación de un párrafo
4.6.2. Salto de línea
4.6.3. Separador horizontal
4.7. Marcas de fuentes y colores
4.8. Listas no ordenadas
4.9. Listas ordenadas
4.10. Listas de definiciones: <dl>, <dt> y <dd>
Autoevaluación
5. Enlaces y direccionamientos
5.1. Los enlaces y la navegación
5.2. Creación de un enlace
5.3. Vínculos
5.4. Destino del enlace
5.5. Anclas
5.6. Enlaces con imágenes
5.7. ?Enlaces para descarga de ficheros
Autoevaluación
6. Marcos, tablas y capas
6.1. Marcos
6.1.1. Creación de marcos
6.1.2. Situación de los marcos
6.1.3. Tipos de marcos. El elemento FRAMESET
6.1.4. Configuración de los marcos. El elemento FRAME
6.1.5. Especificación de información sobre el marco destino
6.1.6. Contenido alternativo. El elemento NOFRAMES
6.1.7. Marcos en línea: el elemento <iframe>
6.2. Tablas
6.2.1. Definición de una tabla
6.2.2. Filas y columnas
6.2.3. Agrupación de las filas
6.2.4. Combinar celdas
6.2.5. Estilos CSS para tablas
6.3. Capas
6.3.1. Header
6.3.2. Nav
6.3.3. Main
6.3.4. Section
6.3.5. Article
6.3.6. Aside
6.3.7. Footer
Autoevaluación
Bloque II. Imágenes y elementos multimedia
7. Inserción de imágenes: formatos y atributos
7.1. Incluir imágenes en las páginas
7.2. Atributos de las imágenes. Propiedades de ubicación de las imágenes
7.3. Imágenes responsive
7.4. Elemento PICTURE
Autoevaluación
8. Mapas de imágenes
8.1. Definición de mapa
8.2. Creación de un mapa con una imagen. Establecer y vincular las diferentes partes de la imagen
Autoevaluación
9. Inserción de elementos multimedia: audio, vídeo y programas
9.1. Características y propiedades de los elementos multimedia
9.2. Recursos necesarios para el funcionamiento de los elementos multimedia
9.3. Etiquetas y propiedades para inserción de elementos multimedia (audio, vídeo y programas)
9.4. Elemento AUDIO de HTML5. Formatos
9.4.1. Configuración de los recursos de audio. Especificar más de un formato de archivo a la vez
9.4.2. Navegadores que no cumplan con los estándares
9.5. Elemento VÍDEO de HTML5. Formatos
9.5.1. Configuración de los recursos de vídeo. Multiformato
9.5.2. Navegadores no compatibles con los estándares 167
Autoevaluación
10. Marquesinas
10.1. Los textos con movimiento. Atributos de <marquee>
10.2. Controladores de eventos
10.3. Métodos
10.4. Utilización de las etiquetas para incluir marquesinas
10.5. Las marquesinas y los distintos navegadores
Autoevaluación
Bloque III. Técnicas de accesibilidad y usabilidad
11. Accesibilidad web, ventajas de la accesibilidad
11.1. Definición y aplicabilidad de la accesibilidad
11.2. Limitaciones
11.3. Problemas de accesibilidad
11.4. Características de un sitio accesible
11.5. Ayudas técnicas
11.6. Pautas de accesibilidad web
11.7. Ventajas de la accesibilidad web
11.7.1. Facilidad de acceso y mejoras en la navegación
11.7.2. Independencia de la plataforma
Autoevaluación
12. Usabilidad web, importancia de la usabilidad
12.1. Definición y aplicabilidad de la accesibilidad
12.2. Interacción web-individuo
12.3. Aplicabilidad de la usabilidad
12.3.1. Reglas de usabilidad web
12.4. Beneficios de la usabilidad
12.5. Recursos sobre la usabilidad
Autoevaluación
13. Aplicaciones para verificar la accesibilidad de sitios web (estándares)
13.1. Recursos web de estándares
13.2. Utilización de los recursos en las páginas web
13.3. Comprobar la accesibilidad en las páginas web. Herramientas
Autoevaluación
14. Diseño de sitios web usables
14.1. Descripción y estudio de la estructura y diseño de los sitios web usables
14.2. Diseño claro
14.3. Llamadas a la acción
14.4. Diseño responsive
14.5. Tiempo de carga
14.6. Buscador y menú
Autoevaluación
15. Adaptación a sitios usables
15.1. Utilización de los sitios web usables
15.2. Inspeccionar problemas de usabilidad móvil en Google
15.3. Información acerca del diseño optimizado para móviles
15.4. Corrección de los problemas de usabilidad móvil
15.5. Otras consideraciones sobre usabilidad
Autoevaluación
Bloque IV. Herramientas de edición web
16. Instalación y configuración de herramientas de edición web
16.1. Sublime Text
16.2. Visual Studio Code
16.3. Bluefish
Autoevaluación
17. Funciones y características de las herramientas de edición web 2
17.1. Sublime Text
17.1.1. Disposición
17.1.2. Funciones
17.2. Visual Studio Code
17.2.1. Disposición
17.2.2. Funciones
17.3. Bluefish
17.3.1. Disposición
17.3.2. Funciones
Autoevaluación