Recursos de Dreamweaver CS4

Utilización de hojas de estilo de tiempo de diseño

Las hojas de estilos de tiempo de diseño le permiten mostrar u ocultar el diseño aplicado por una hoja de estilos CSS mientras trabaja con un documento de Dreamweaver. Por ejemplo, puede utilizar esta opción para aprovechar o evitar el efecto de las hojas de estilos exclusivas de Macintosh o Windows mientras diseña una página.

Las hojas de estilos de tiempo de diseño sólo se aplican mientras se trabaja en el diseño de un documento; cuando la página se muestra en la ventana de un navegador, aparecen sólo los estilos que realmente están adjuntos o incrustados en el documento que aparece en un navegador.

Nota: También puede activar o desactivar estilos en toda una página empleando la barra de herramientas Representación de estilos. Para mostrar la barra de herramientas, seleccione Ver > Barras de herramientas > Representación de estilos. El botón Alternar visualización de estilos CSS (situado más a la derecha) funciona de forma independiente a los demás botones de medios de la barra de herramientas.

Para utilizar una hoja de estilos de tiempo de diseño, siga estos pasos.

Abra el cuadro de diálogo Hojas de estilo de tiempo de diseño siguiendo uno de estos procedimientos:
- Haga clic con el botón derecho en el panel Estilos CSS y, en el menú contextual, seleccione Tiempo de diseño.
- Seleccione Formato > Estilos CSS > Tiempo de diseño.
En el cuadro de diálogo, defina las opciones para que se muestre o se oculte la hoja de estilos seleccionada:
- Para mostrar una hoja de estilos en tiempo de diseño, haga clic en el botón más (+) situado sobre Mostrar sólo en tiempo de diseño. En el cuadro de diálogo Seleccionar archivo, vaya a la hoja de estilos CSS que desea mostrar.
- Para ocultar una hoja de estilos CSS, haga clic en el botón más (+) situado sobre Ocultar en tiempo de diseño. En el cuadro de diálogo Seleccionar archivo, vaya a la hoja de estilos CSS que desea ocultar.
- Para eliminar una hoja de estilos de cualquier lista, haga clic en la hoja de estilos que desea eliminar y haga clic en el botón menos (–) correspondiente.
Haga clic en Aceptar para cerrar el cuadro de diálogo.
El panel Estilos CSS se actualiza con el nombre de la hoja de estilos seleccionada y con un indicador, “oculto” o “diseño”, que refleja el estado de la hoja de estilos.