Elaboración de documentos web mediante lenguajes de marca. UF1841.

Este Manual es el más adecuado para impartir la UF1841 "Elaboración de documentos web mediante lenguajes de marca" de los Certificados de Profesionalidad, y cumple fielmente con los contenidos del Real Decreto.
Puede solicitar gratuitamente las soluciones a todas las actividades y al examen final en el email [email protected]

Capacidades que se adquieren con este Manual:

Elaborar documentos utilizando lenguajes de marcas y estándares de desarrollo software:

Determinar las diferentes partes de un documento creado con lenguaje de marcas utilizado para su implementación.
Reconocer las diferentes técnicas de desarrollo de software existentes en el mercado para mejorar la integración en el sistema y elaboración de documentos según el diseño especificado.
Utilizar marcas adecuadas para generar la documentación interna en el desarrollo según las especificaciones del diseño.
Realizar documentos con un lenguaje de marcas que permitan la interacción con el usuario contando con especificaciones dadas:
– Escribir marcas que permitan el cambio de los atributos del texto utilizado.
– Escribir marcas que permitan el cambio del color e imagen del fondo del documento.
– Crear marcas referentes a tablas y listas.
– Crear marcas referentes a enlaces a otros documentos.
– Integrar marcas que permitan la inclusión de imágenes estáticas o dinámicas, sonidos y vídeos.
– Integrar marcas referentes a marcos para relacionar diversos documentos.
– Integrar marcas que permitan la ejecución de programas y controles de cliente.
– Construir formularios para recoger y validar información del usuario.
– Diseñar mapas interactivos para facilitar la accesibilidad del usuario.
– Planificar efectos especiales para ser aplicados en los documentos a elaborar.
Enunciar características generales referentes a «hojas de estilo» para ser aplicados en los documentos a elaborar según el diseño especificado.
Usar marcas para proporcionar diferentes estilos a los documentos desarrollados según el diseño especificado.
Construir documentos utilizando lenguajes de marcas para permitir al usuario el uso de dispositivos móviles y medios específicos de accesibilidad.

Índice:

Introducción 6

Diseño web 10

1. Principios de diseño web. 11
1.1. Diseño orientado al usuario. 11
1.2. Diseño orientado a objetivos 12
1.3. Diseño orientado a la implementación. 13
2. El proceso de diseño web. 14
2.1. Estructura de un sitio web y navegabilidad. 14
2.2. Estructura y composición de páginas. 17
2.3. Compatibilidad con navegadores. 21
2.4. Diferencias entre diseño orientado a presentación e impresión. 21
3. Prueba de autoevaluación. 23

Lenguajes de marcado generales 24

1. Origen de los lenguajes de marcado generales: SGML y XML. 25
2. Características generales de los lenguajes de marcado. 27
3. Estructura general de un documento con lenguaje de marcado. 29
3.1. Metadatos e instrucciones de proceso. 29
3.2. Codificación de caracteres. Caracteres especiales. 32
3.3. Etiquetas o marcas. 38
3.4. Elementos. 39
3.5. Atributos. 41
3.6. Comentarios. 44
4. Documentos válidos y bien formados. Esquemas. 45
5. Prueba de autoevaluación. 46

Lenguajes de marcado para presentación de páginas web 47

1. Historia de HTML y XHTML. Diferencias entre versiones. 48
2. Estructura de un documento. 50
2.1. Versiones. 50
2.2. Elementos de la cabecera. 50
2.3. Elementos del cuerpo del documento. 51
3. Color. 53
3.1. Codificación de colores. 53
3.2. Colores tipo. 56
3.3. Colores seguros. 57
4. Texto. 58
4.1. Encabezados. Jerarquía y estructura del contenido de un documento. 58
4.2. Párrafos. 58
4.3. Alineación, espaciado y sangrado de texto. 59
4.4. Características de letra: tipos, tamaños y colores. 59
4.5. Separadores de texto. 59
4.6. Etiquetas específicas para el marcado de texto. Estilos lógicos. 60
5. Enlaces de hipertexto. 65
5.1. Estructura de un enlace: la dirección de internet o URL. 65
5.2. Estilos de enlaces. 65
5.3. Diferencias entre enlaces absolutos y relativos. 66
5.4. Enlaces internos. 66
5.5. Enlaces especiales: correo electrónico. Enlaces de descarga. 66
5.6. Atributos específicos: título, destino, atajos de teclado, etc. 67
6. Imágenes. 68
6.1. Formatos de imágenes. 68
6.2. Características de imágenes: tamaño, título, textos alternativos. 69
6.3. Enlaces en imágenes. 70
6.4. Imágenes de fondo. 70
7. Listas. 72
7.1. Características. 72
7.2. Ordenación de listas. 73
7.3. Anidamiento en listas. 73
7.4. Otros tipos de listas: listas de definición. 74
8. Tablas. 80
8.1. Estructura básica. 80
8.2. Formato de tablas: bordes, alineación, tamaño, etc. 81
8.3. Formato de contenido de celdas. 82
9. Marcos (frames). 85
9.1. Creación de marcos. 86
9.2. Ventajas e inconvenientes en el uso de marcos. 86
9.3. Soporte de navegadores. 87
9.4. Formateado de marcos. 87
9.5. Enlaces entre contenidos de marcos. 87
9.6. Marcos anidados. 87
9.7. Marcos incrustados (iFrames). 87
10. Formularios. 89
10.1. Descripción general y uso de formularios. 89
10.2. Elementos de un formulario: texto, botones, etc. 89
10.3. Procesamiento de formularios. 90
10.4. Formateado de formularios: atajos de teclado, orden de edición, grupos, etiquetas, etc. 91
11. Elementos específicos para tecnologías móviles. 97
11.1. Selección del lenguaje de marcas para tecnologías móviles. 97
11.2. Hojas de estilo en dispositivos móviles. 97
12. Elementos en desuso (deprecated). 100
12.1. Texto parpadeante. 100
12.2. Marquesinas. 100
12.3. Alineaciones. 101
12.4. Otros elementos en desuso. 102
13. Prueba de autoevaluación. 103

Hojas de Estilo web 104

1. Tipos de hojas de estilo: estáticas y dinámicas. 105
2. Elementos y estructura de una hoja de estilo. 107
2.1. Creación de hojas de estilo. 107
2.2. Aplicación de estilos. 108
2.3. Herencia de estilos y aplicación en cascada. 108
2.4. Formateado de páginas mediante estilos. 109
2.5. Formateado de páginas mediante estilos internos. 109
2.6. Formateado de páginas mediante estilos externos. 110
3. Hojas de estilo en dispositivos móviles. 112
4. Otras hojas de estilo. 113
4.1. Hojas de estilo impresas. 113
4.2. Hojas de estilo para la accesibilidad. 113
5. Prueba de autoevaluación. 122

Resumen 123

Prueba de evaluación final 124