Recursos de Dreamweaver CS4

Introducción a la barra de herramientas Representación de estilos

La barra de herramientas Representación de estilos (oculta de manera predeterminada) contiene botones que le permiten ver cómo aparecería el diseño en distintos tipos de medios si utilizase hojas de estilos dependientes de los medios. También contiene un botón con el que es posible activar o desactivar los estilos CSS. Para mostrar la barra de herramientas, seleccione Ver > Barras de herramientas > Representación de estilos.

Esta barra de herramientas sólo funciona si los documentos utilizan hojas de estilos dependientes de los medios. Por ejemplo, su hoja de estilos puede especificar una regla para imprimir y otra regla distinta para los dispositivos de mano. Para obtener más información acerca de la creación de hojas de estilos dependientes de los medios, consulte el sitio Web de World Wide Web Consortium en www.w3.org/TR/CSS21/media.html.

De manera predeterminada, Dreamweaver muestra el diseño para una pantalla (que muestra cómo se representa una página en la pantalla del equipo). Puede ver las representaciones para los diferentes soportes haciendo clic en los correspondientes botones de la barra de herramientas Representación de estilos.

Representar tipo de medio Screen: Muestra cómo aparece la página en la pantalla de un equipo.
Representar tipo de medio Print: Muestra cómo aparece la página en una hoja de papel impresa.
Representar tipo de medio Handheld: Muestra cómo aparece la página en un dispositivo de mano, como un teléfono móvil o un dispositivo BlackBerry.
Representar tipo de medio Projection: Muestra cómo aparece la página en un dispositivo de proyección.
Representar tipo de medio TTY: Muestra cómo aparece la página en un teletipo.
Representar tipo de medio TV: Muestra cómo aparece la página en la pantalla de televisión.
Alternar visualización de estilos CSS: Le permite activar o desactivar estilos CSS. Este botón funciona de manera independiente a los demás botones de medios.
Hojas de estilos de tiempo de diseño: Le permite especificar una hoja de estilos de tiempo de diseño.

Para ver un tutorial sobre el diseño de hojas de estilos para impresión y dispositivos móviles, consulte www.adobe.com/go/vid0156_es.