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.
Contenido
Introducción. 6
Diseño web. 10
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
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
Prueba de autoevaluación. 23
Lenguajes de marcado generales. 24
Origen de los lenguajes de marcado generales: SGML y XML. 25 Características generales de los lenguajes de marcado. 27 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
Documentos válidos y bien formados. Esquemas. 45 Prueba de autoevaluación. 46
Lenguajes de marcado para presentación de páginas web. 47
Historia de HTML y XHTML. Diferencias entre versiones. 48 Estructura de un documento. 50
2.1. Versiones. 50
2.2. Elementos de la cabecera. 50
2.3. Elementos del cuerpo del documento. 51
Color. 53
3.1. Codificación de colores. 53
3.2. Colores tipo. 56
3.3. Colores seguros. 57
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
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
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
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
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
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
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
Elementos específicos para tecnologías móviles. 97
11.1. Selección y utilización de librerías específicas para el diseño de páginas orientadas a los dispositivos móviles. 102
Prueba de autoevaluación. 105
Hojas de Estilo web. 106
Tipos de hojas de estilo: estáticas y dinámicas. 107 Elementos y estructura de una hoja de estilo. 109
2.1. Creación de hojas de estilo. 109
2.2. Aplicación de estilos. 110
2.3. Herencia de estilos y aplicación en cascada. 110
2.4. Formateado de páginas mediante estilos. 111
2.5. Formateado de páginas mediante estilos internos. 111
2.6. Formateado de páginas mediante estilos externos. 112
2.7. Estructura de páginas mediante estilos. 113
Diseño de estilos para diferentes dispositivos. 116 Buenas prácticas en el uso de hojas de estilo. 128 Diseño adaptativo compatible con la presentación de los documentos en dispositivos móviles. 129 Prueba de autoevaluación. 130
Resumen. 131
Prueba de evaluación final 132
Tarjeta de crédito
Hacemos fácil la lectura
La comunicación especializada en escritores
