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

4.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 Estilos CSS (Mayús + F11). En este caso nos será más útil la vista Todo. Agrupados en <style> encontramos los estilos creados en la página.

Estilos incrustados

Seleccionamos las reglas que queramos exportar, y en las propiedades del panel (el icono de la esquina superior derecha) seleccionamos Mover Reglas CSS....

Nos aparecerá la siguiente ventana:

Encontramos dos opciones para ubicar los estilos:

  • Hoja de estilos nos permite seleccionar una hoja ya existente. Las reglas se añadirán a ella.
  • Una nueva hoja de estilos... creará una hoja nueva para las reglas exportadas. Deberemos de indicar dónde queremos guardar el archivo, normalmente en la misma carpeta que las páginas.

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ú FormatoEstilos CSS Adjuntar hoja de estilos... o desde el panel Estilos CSS. Lo único que tendremos que hacer es seleccionar el archivo a vincular. 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 4 • Prueba evaluativa de la Unidad 4
Pág. 4.9

Atrás  Inicio  Adelante