Unidad 5. El texto: propiedades y formato (IX)

5.8. Hojas de estilos

Exportar estilos

Es frecuente que comencemos creando los estilos en la propia página, y después al ver que los necesitaremos en otras páginas del sitio, los pasemos a una hoja de estilo. Dreamweaver nos permite exportar estos estilos fácilmente.

Utilizamos el panel Diseñador de CSS (Mayús + F11). Creamos un archivo de estilos CSS a través del botón Agregar origen de CSS del subpanel Fuentes. Ese archivo se agregará a la lista de fuentes.

 

Después elegimos la fuente <style> que contiene todos los estilos de la página y que se mostrarán en el subpanel Selectores.

Seleccionamos las reglas que queramos exportar y sencillamente los arrastramos a nuestra hoja de estilo del subpanel fuentes.

 

Los estilos seleccionados se quitarán de la página actual, y se vinculará con la hoja de estilos.

 

Vincular una hoja de estilos.

Si queremos utilizar una hoja de estilos ya existente en nuestra página, debemos vincularla.

Podemos hacerlo desde el menú Formato → Estilos CSS → Adjuntar hoja de estilos... o desde el panel Diseñador de estilos CSS. Lo único que tendremos que hacer es seleccionar el archivo a vincular a través de la opción Adjuntar archivo CSS existente del botón Agregar origen del subpanel Fuentes. Las hojas de estilo tienen la extensión .css.

Recuerda, que aunque en principio Dreamweaver nos permite elegir cualquier archivo del equipo, todos los archivos que utilicemos deben de estar dentro del sitio.

 

Para practicar lo que acabamos de ver, puedes seguir el ejercicio paso a paso Exportar y vincular hojas de estilo.

Ejercicio propuesto de la Unidad 5

Prueba evaluativa de la Unidad 5