1. Diseño web
1.1. Principios de diseño web
1.1.1. Diseño orientado al usuario
1.1.2. Diseño orientado a objetivos
1.1.3. Diseño orientado a la implementación
1.2. El proceso de diseño web
1.2.1. Estructura de un sitio web y navegabilidad
1.2.2. Estructura y composición de páginas
1.2.3. Compatibilidad con navegadores
1.2.4. Diferencias entre diseño orientado a presentación e impresión
Ejercicios
Actividades
2. Lenguajes de marcado generales
2.1. Origen de los lenguajes de marcado generales: SGML y XML
2.2. Características generales de los lenguajes de marcado
2.3. Estructura general de un documento con lenguaje de marcado
2.3.1. Metadatos e instrucciones de proceso
2.3.2. Codificación de caracteres. Caracteres especiales (escape)
2.3.3. Etiquetas o marcas
2.3.4. Elementos
2.3.5. Atributos
2.3.6. Comentarios
2.4. Documentos válidos y bien formados. Esquemas
Ejercicios
Actividades
3. Lenguajes de marcado para presentación de páginas web
3.1. Historia de HTML y XHTML. Diferencias entre versiones
3.2. Estructura de un documento
3.2.1. Versiones
3.2.2. Elementos de la cabecera
3.2.3. Elementos del cuerpo del documento
3.3. Color
3.3.1. Codificación de colores
3.3.2. Colores tipo
3.3.3. Colores seguros
3.4. Texto
3.4.1. Encabezados. Jerarquía y estructura del contenido de un documento
3.4.2. Párrafos
3.4.3. Alineación, espaciado y sangrado de texto
3.4.4. Características de letra: tipos, tamaños y colores
3.4.5. Separadores de texto
3.4.6. Etiquetas específicas para el marcado de texto. Estilos lógicos
3.5. Enlaces de hipertexto
3.5.1. Estructura de un enlace: la dirección de internet o URL
3.5.2. Estilos de enlaces
3.5.3. Diferencias entre enlaces absolutos y relativos
3.5.4. Enlaces internos
3.5.5. Enlaces especiales: correo electrónico. Enlaces de descarga
3.5.6. Atributos específicos: título, destino, atajos de teclado, etc.
3.6. Imágenes
3.6.1. Formatos de imágenes
3.6.2. Características de imágenes: tamaño, título, textos alternativos
3.6.3. Enlaces en imágenes
3.6.4. Imágenes de fondo
3.7. Listas
3.7.1. Características
3.7.2. Ordenación de listas
3.7.3. Anidamiento de listas
3.7.4. Otros tipos de listas: listas de definición
3.8. Tablas
3.8.1. Estructura básica
3.8.2. Formato de tablas: bordes, alineación, tamaño, etc.
3.8.3. Formato de contenido de celdas. Agrupamiento de filas y columnas
3.8.4. Tablas anidadas
3.8.5. Buenas prácticas en el uso de tablas
3.9. Marcos
3.9.1. Creación de marcos
3.9.2. Ventajas e inconvenientes en el uso de marcos
3.9.3. Soporte de navegadores
3.9.4. Formateado de marcos
3.9.5. Enlaces entre contenido de marcos
3.9.6. Marcos anidados
3.9.7. Marcos incrustados (iframes)
3.10. Formularios
3.10.1. Descripción general y uso de formularios
3.10.2. Elementos de un formulario: texto, botones, etc.
3.10.3. Procesamiento de formularios
3.10.4. Formateado de formularios: atajos de teclado, orden de edición, grupos, etiquetas, etc.
3.11. Elementos específicos para tecnologías móviles
3.11.1. Selección del lenguaje de marcas para tecnologías móviles
3.11.2. Hojas de estilo en dispositivos móviles
3.12. Elementos en desuso (deprecated)
3.12.1. Texto parpadeante
3.12.2. Marquesinas
3.12.3. Alineaciones
3.12.4. Otros elementos en desuso
Ejercicios
Actividades
4. Hojas de estilo web
4.1. Tipos de hojas de estilo: estáticas y dinámicas
4.2. Elementos y estructura de una hoja de estilo
4.2.1. Creación de hojas de estilo
4.2.2. Aplicación de estilos
4.2.3. Herencia de estilos y aplicación en cascada
4.2.4. Formateado de páginas mediante estilos
4.2.5. Estructura de páginas mediante estilos
4.3. Diseño de estilos para diferentes dispositivos
4.4. Buenas prácticas en el uso de hojas de estilo
Ejercicios
Actividades
Referencias