Diseño de páginas web con HTML y CSS

CAPÍTULO 1. LOS LENGUAJES DE MARCADO
1.1. LENGUAJES DE MARCADO
1.1.1. Características de los lenguajes de marcado
1.1.2. Clasificación de los lenguajes de marcado
1.2. INTRUDUCCIÓN A HTML5
1.3. ELEMENTOS BÁSICOS DE HTML
1.3.1. Definición del tipo de documento DTD (!DOCTYPE)
1.3.2. Etiqueta html
1.3.3. Etiqueta head
1.3.4. Etiqueta body
1.3.5. Comentarios
1.4. INFORMACIÓN DEL DOCUMENTO
1.4.1. Elemento base
1.4.2. Elemento link
1.4.3. Elemento meta
1.4.4. Elemento title
1.4.5. Elemento style
1.4.6. Elemento script
1.4.7. Principales metadatos a definir
1.5. ATRIBUTOS GLOBALES
1.5.1. Atributo accesskey
1.5.2. Atributo autocapitalize
1.5.3. Atributo autofocus
1.5.4. Atributo class
1.5.5. Atributo contenteditable
1.5.6. Atributo draggable
1.5.7. Atributo dir
1.5.8. Atributo enterkeyhint
1.5.9. Atributo hidden

1.5.10. Atributo inputmode
1.5.11. Atributo id
1.5.12. Atributo lang
1.5.13. Atributo nonce
1.5.14. Atributo slot
1.5.15. Atributo style
1.5.16. Atributo tabindex
1.5.17. Atributo title
1.5.18. Atributo translate
1.5.19. Atributos personalizados
1.6. DEFINICIÓN DE CONTENIDOS
1.6.1. Elementos semánticos de HTML
1.6.2. Formateando el texto
1.6.3. Elemento address
1.6.4. Listas
1.6.5. Enlaces
CAPÍTULO 2. TÉCNICAS DE ACCESIBILIDAD Y USABILIDAD
2.1. LA USABILIDAD
2.1.1. Qué es la usabilidad
2.1.2. Usabilidad objetiva o inherente
2.1.3. Usabilidad subjetiva o aparente
2.1.4. Cómo se puede asegurar la usabilidad
2.1.5. Legislación y estándares
2.1.6. Principios básicos
2.1.7. Principios de Usabilidad
2.2. LA ACCESIBILIDAD WEB
2.2.1. Qué es la accesibilidad web
2.2.2. Tipos de discapacidad
2.2.3. Ejemplos de Tecnologías dónde aplicar la accesibilidad
2.2.4. Legislación y estándares
2.2.5. La iniciativa WAI ARIA y el estándar WCAG
CAPÍTULO 3. IMÁGENES Y MULTIMEDIA
3.1. TIPOS DE IMÁGENES
3.2. ELEMENTOS DISPONIBLES EN HTML5
3.2.1. Elemento audio
3.2.2. Elementos figure y figcaption
3.2.3. Elemento img
3.2.4. Elementos map y area
3.2.5. Elemento picture
3.2.6. Elemento source
3.2.7. Elemento track
3.2.8. Elemento video
3.3. USABILIDAD Y ACCESIBILIDAD EN LOS ELEMENTOS MULTIMEDIA
3.3.1. En imágenes
3.3.2. En audio y vídeo
CAPÍTULO 4. FORMULARIOS
4.1. TIPOS DE FORMULARIO
4.1.1. Formularios de contacto
4.1.2. Formularios de suscripción
4.1.3. Formularios de acceso
4.1.4. Formularios de registro
4.1.5. Formularios de entrada general
4.2. ELEMENTOS DISPONIBLES EN HTML5
4.2.1. Elemento form
4.2.2. Elemento button
4.2.3. Elemento datalist
4.2.4. Elemento fieldset
4.2.5. Elemento input
4.2.6. Elemento label
4.2.7. Elemento legend
4.2.8. Elemento meter
4.2.9. Elemento optgroup
4.2.10. Elemento option
4.2.11. Elemento output
4.2.12. Elemento progress
4.2.13. Elemento select
4.2.14. Elemento textarea
4.3. USABILIDAD Y ACCESIBILIDAD EN LOS FORMULARIOS
4.3.1. Autocompletado
4.3.2. Estructuración y optimización
4.3.3. Capacidades de los dispositivos
4.3.4. Combos o desplegables
4.3.5. Número de campos
4.3.6. Nombres de campo
4.3.7. Tipos de datos estándar
4.3.8. Botones y enlaces
4.3.9. Rangos de valores
CAPÍTULO 5. DEFINICIÓN DE PLANTILLA WEB
5.1. DEFINICIÓN DE PLANTILLA WEB
5.1.1. Función de las plantillas web
5.1.2. Tipos de plantilla web
5.1.3. Diferencias entre plantillas
5.2. EJEMPLOS DE CREACIÓN DE PLANTILLAS SEGÚN TECNOLOGÍA
5.2.1. Creación de una plantilla para emails
5.2.2. Creación de una plantilla de Landing Page
5.2.3. Creación de una plantilla de error

5.2.4. Creación de una plantilla de mantenimiento
5.2.5. Creación de una plantilla para WordPress
5.2.6. Creación de una plantilla basada en Bootstrap para Drupal 8
CAPÍTULO 6. CSS Y HOJAS DE ESTILO
6.1. SOPORTE A LOS NAVEGADORES
6.2. /CÓMO FUNCIONA CSS
6.3. DEFINICIÓN DE SELECTOR Y CLASIFICACIÓN
6.4. UNIDADES DE MEDIDA
6.4.1. Unidades absolutas o fijas
6.4.2. Unidades relativas
6.5. SELECTORES
6.5.1. Simples y combinados
6.5.2. Pseudo-clases
6.5.3. Pseudo-elementos
6.5.4. Especificidad de los selectores
6.6. PROPIEDADES
6.6.1. Texto, fuentes y tipos de letra
6.6.2. Listas
6.6.3. Márgenes internos y externos
6.6.4. Bordes internos y externos
6.6.5. Colores
6.6.6. Posicionamiento
6.6.7. Comportamientos y tamaños
6.6.8. Reglas arroba y media queries
6.7. FUNCIONES
6.7.1. Funciones de pseudo-elementos
6.7.2. Funciones de cálculo
6.7.3. Funciones gráficas
6.8. VARIABLES
6.9. IMÁGENES Y VÍDEOS
6.9.1. Imágenew receptivos y adaptativos
6.9.2. Videos receptivos
6.10. DISEÑOS BASADOS EN DIMENSIONES
6.10.1. Diseño basado en tablas
6.10.2. Diseño basado en cajas flexibles (Flexbox)
6.10.3. Diseño basado en cuadrículas (Grid Layout)
6.11. IFRAMES Y OBJETOS MULTIMEDIA RESPONSIVE
6.12. CREACIÓN DE FORMULARIOS RECEPTIVOS Y ADAPTABLES
6.13. EJERCICIO COMPLETO
REFERENCIAS