<p><span style="color:rgb(0,0,255);">Puede solicitar gratuitamente las soluciones a todas las actividades</span><span style="color:rgb(0,0,0);"> en el email tutor@tutorformacion.es</span><br><br><span style="color:rgb(0,0,0);">Capacidades que se adquieren con este Manual:</span><br><br><span style="color:rgb(0,0,0);">- 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.</span><br><br><span style="color:rgb(0,0,0);">- 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.</span><br><br><span style="color:rgb(0,0,0);">Índice:</span><br><br><span style="color:rgb(0,0,0);">Introducción 5</span><br><br><span style="color:rgb(0,0,0);">Hojas de estilo en la construcción de páginas web 9</span><br><span style="color:rgb(0,0,0);">1. Funciones y características. 10</span><br><span style="color:rgb(0,0,0);">1.1. Descripción de estilos. 10</span><br><span style="color:rgb(0,0,0);">1.2. Utilización de estilos. 10</span><br><span style="color:rgb(0,0,0);">1.3. Los estilos en el lenguaje de marcas. 12</span><br><span style="color:rgb(0,0,0);">1.4. Los estilos con herramientas de edición web. 17</span><br><span style="color:rgb(0,0,0);">2. Hojas de estilo y accesibilidad. 21</span><br><span style="color:rgb(0,0,0);">2.1. Adecuación de las hojas de estilos. 21</span><br><span style="color:rgb(0,0,0);">3. Tipos de estilo: incrustados, enlazados, importados, en línea. 25</span><br><span style="color:rgb(0,0,0);">3.1. Descripción de los tipos de estilo. 25</span><br><span style="color:rgb(0,0,0);">3.2. Enlazar una hoja de estilo externa a un documento HTML (CSS Externo) 26</span><br><span style="color:rgb(0,0,0);">3.3. Insertar un estilo dentro de un documento HTML (CSS Interno y CSS Inline) 27</span><br><span style="color:rgb(0,0,0);">3.4. Importar una hoja de estilo desde un documento HTML (CSS Importado) 28</span><br><span style="color:rgb(0,0,0);">3.5. Importar una hoja de estilo, a través de un archivo con estilos. 30</span><br><span style="color:rgb(0,0,0);">3.6. Utilización y optimización de los tipos de estilos. 33</span><br><span style="color:rgb(0,0,0);">4. Selectores y reglas de estilo. 36</span><br><span style="color:rgb(0,0,0);">4.1. Estructura de los estilos. 36</span><br><span style="color:rgb(0,0,0);">4.2. Sintaxis básica de estilos. 36</span><br><span style="color:rgb(0,0,0);">4.3. Utilización de elementos y seudoelementos. 41</span><br><span style="color:rgb(0,0,0);">4.4. Utilización de clases y seudoclases. 44</span><br><span style="color:rgb(0,0,0);">5. Atributos de estilo para fuentes, color y fondo, texto y bloques (párrafos). 48</span><br><span style="color:rgb(0,0,0);">5.1. Descripción de los atributos de estilo. 48</span><br><span style="color:rgb(0,0,0);">5.2. Utilización de los atributos de estilo. 51</span><br><span style="color:rgb(0,0,0);">6. Creación de ficheros de estilo. 58</span><br><span style="color:rgb(0,0,0);">6.1. Creación de ficheros de estilo genéricos. 59</span><br><span style="color:rgb(0,0,0);">6.2. Adaptación de los ficheros de estilo para distintas páginas web. 62</span><br><span style="color:rgb(0,0,0);">7. Autoevaluación. 70</span><br><br><span style="color:rgb(0,0,0);">Diseño, ubicación y optimización de los contenidos de una página web. 71</span><br><br><span style="color:rgb(0,0,0);">1. Creación de un documento funcional. 72</span><br><span style="color:rgb(0,0,0);">1.1. Descripción de los objetivos de la página web. 72</span><br><span style="color:rgb(0,0,0);">1.2. Definición de los elementos funcionales de la página web. 74</span><br><span style="color:rgb(0,0,0);">1.3. Descripción de cada elemento. 75</span><br><span style="color:rgb(0,0,0);">2. Diseño de los contenidos. 86</span><br><span style="color:rgb(0,0,0);">3. Identificación de la información a ubicar en la página web. 88</span><br><span style="color:rgb(0,0,0);">4. Selección de contenidos para cada elemento de la página. 92</span><br><span style="color:rgb(0,0,0);">5. Utilización del documento funcional para las especificaciones del diseño. 95</span><br><span style="color:rgb(0,0,0);">6. Tipos de página para la ubicación de contenidos. 101</span><br><span style="color:rgb(0,0,0);">7. Definición de los tipos de página en base a los contenidos y funcionalidades. 105</span><br><span style="color:rgb(0,0,0);">8. Selección de los tipos de página para la página web. 112</span><br><span style="color:rgb(0,0,0);">9. Utilización del documento funcional para las especificaciones del tipo de página. 114</span><br><span style="color:rgb(0,0,0);">10. Especificaciones de navegación. 125</span><br><span style="color:rgb(0,0,0);">11. Utilización del documento funcional para integrar el mapa de navegación. 130</span><br><span style="color:rgb(0,0,0);">12. Elementos utilizados para la navegación. 131</span><br><span style="color:rgb(0,0,0);">12.1. Definición de los elementos utilizados para navegar. 131</span><br><span style="color:rgb(0,0,0);">12.2. Utilización del documento funcional para especificar los elementos de navegación. 131</span><br><span style="color:rgb(0,0,0);">13. Elaboración de una guía de usuario. 134</span><br><span style="color:rgb(0,0,0);">14. Autoevaluación 138</span><br><br><span style="color:rgb(0,0,0);">Evaluación final 139</span></p>