Ejercicio paso a paso Unidad 11. Hojas de estilos.

a.- Crear hojas de estilos.

1. Arranca FrontPage si no lo habías hecho ya.

2. Si no estás en el sitio Webpersonal, cierra el sitio con la opción Cerrar sitio del menú Archivo, y a continuación abre el sitio WebPersonal con la opción Archivo - Abrir sitio... o con la opción Archivo - Sitios Recientes.

Vamos a crear dos hojas de estilos y a aplicar cada una a una página web distinta.

1. Haz clic en Archivo - Nuevo

2. Ahora haz clic en Plantillas de Página y elige la pestaña Hojas de Estilo.

3. Elige la hoja de nombre centro.

4. Haz clic en Aceptar y aparecerá.

5. Guárdala en la raíz del sitio con el nombre hoja.css.

6. Repite el proceso para la hoja de nombre neón.

7. Guárdala con el nombre hoja2.css.

b.- Aplicar la hoja de estilos.

1. Abre la página favoritos.htm. 

2. Aplícale la hoja de estilos. Para ello haz clic en Formato -Vínculos de hoja de estilos.

3. Pulsa en Agregar y busca el fichero de hoja de estilos hoja.css.

4. Haz clic en ella y luego haz clic en Aceptar y se aplicará la hoja de estilos.

5.Cambia el estilo de los títulos a Encabezado 4. Recuerda que para cambiar el estilo tan sólo has de seleccionar los títulos y en la barra de formato, hacer clic en Estilo y hacer clic en Encabezado 4.

Si no lo hacemos, los títulos serán considerados como texto normal y se le aplicará el estilo del texto.

6. Repite el proceso con el archivo comentarios.htm y la hoja hoja2.css.

7. Repite el proceso para los títulos, pero esta vez usa el Encabezado 2.