Elaboración de hojas de estilo. UF1303.

Este Manual es el más adecuado para impartir la UF1303 "Elaboración de hojas de estilo" de los Certificados de Profesionalidad, y cumple fielmente con los contenidos del Real Decreto.

Puede solicitar gratuitamente las soluciones a todas las actividades en el email [email protected]

Capacidades que se adquieren con este Manual:

- Describir las características de las hojas de estilo para dar formato a las páginas web, y crear ficheros de estilo de acuerdo a un diseño especificado.

- Diseñar, ubicar y optimizar los contenidos de una página web, para adecuarla al formato de la misma, facilitar su manejo a los usuarios y optimizarla de acuerdo a un diseño especificado.

Índice:

Introducción 5

Hojas de estilo en la construcción de páginas web 9

1. Funciones y características. 10

1.1. Descripción de estilos. 10

1.2. Utilización de estilos. 10

1.3. Los estilos en el lenguaje de marcas. 12

1.4. Los estilos con herramientas de edición web. 17

2. Hojas de estilo y accesibilidad. 21

2.1. Adecuación de las hojas de estilos. 21

3. Tipos de estilo: incrustados, enlazados, importados, en línea. 25

3.1. Descripción de los tipos de estilo. 25

3.2. Enlazar una hoja de estilo externa a un documento HTML (CSS Externo) 26

3.3. Insertar un estilo dentro de un documento HTML (CSS Interno y CSS Inline) 27

3.4. Importar una hoja de estilo desde un documento HTML (CSS Importado) 28

3.5. Importar una hoja de estilo, a través de un archivo con estilos. 30

3.6. Utilización y optimización de los tipos de estilos. 33

4. Selectores y reglas de estilo. 36

4.1. Estructura de los estilos. 36

4.2. Sintaxis básica de estilos. 36

4.3. Utilización de elementos y seudoelementos. 41

4.4. Utilización de clases y seudoclases. 44

5. Atributos de estilo para fuentes, color y fondo, texto y bloques (párrafos). 48

5.1. Descripción de los atributos de estilo. 48

5.2. Utilización de los atributos de estilo. 51

6. Creación de ficheros de estilo. 58

6.1. Creación de ficheros de estilo genéricos. 59

6.2. Adaptación de los ficheros de estilo para distintas páginas web. 62

7. Autoevaluación. 70

Diseño, ubicación y optimización de los contenidos de una página web. 71

1. Creación de un documento funcional. 72

1.1. Descripción de los objetivos de la página web. 72

1.2. Definición de los elementos funcionales de la página web. 74

1.3. Descripción de cada elemento. 75

2. Diseño de los contenidos. 86

3. Identificación de la información a ubicar en la página web. 88

4. Selección de contenidos para cada elemento de la página. 92

5. Utilización del documento funcional para las especificaciones del diseño. 95

6. Tipos de página para la ubicación de contenidos. 101

7. Definición de los tipos de página en base a los contenidos y funcionalidades. 105

8. Selección de los tipos de página para la página web. 112

9. Utilización del documento funcional para las especificaciones del tipo de página. 114

10. Especificaciones de navegación. 125

11. Utilización del documento funcional para integrar el mapa de navegación. 130

12. Elementos utilizados para la navegación. 131

12.1. Definición de los elementos utilizados para navegar. 131

12.2. Utilización del documento funcional para especificar los elementos de navegación. 131

13. Elaboración de una guía de usuario. 134

14. Autoevaluación 138

Evaluación final 139