Utilización de hojas de estilos de muestra de Dreamweaver

Buscar

Última actualización el 3 may. 2021

Aplique hojas de estilos de muestra de Dreamweaver a las páginas o utilícelos como punto de partida para desarrollar sus propios estilos.

Nota:

En Dreamweaver CC y en versiones posteriores, el panel Estilos CSS se sustituye por el Diseñador de CSS. Para más información, consulte el Diseñador de CSS.

Dreamweaver dispone de hojas de estilos de muestra que pueden aplicarse a las páginas o que se pueden utilizarse como punto de partida para desarrollar sus propios estilos.

Abra el panel Estilos CSS siguiendo uno de estos procedimientos:
- Seleccione Ventana > Estilos CSS.
- Presione Mayús+F11.
En el panel Estilos CSS, haga clic en el botón Adjuntar hoja de estilos externa. (Se encuentra en la esquina inferior derecha del panel.)
En el cuadro de diálogo Adjuntar hoja de estilos externa, haga clic en Hojas de estilos de muestra.
En el cuadro de diálogo Hojas de estilos de muestra, seleccione una hoja de estilos en el cuadro de lista.

Al seleccionar las hojas de estilos del cuadro de lista, el panel Vista previa mostrará el formato de texto y de color de la hoja de estilos seleccionada.
Haga clic en el botón Vista previa para aplicar la hoja de estilos y verificar que se aplican los estilos que desea en la página actual.

Si los estilos aplicados no tienen el efecto que esperaba, seleccione otra hoja de estilos de la lista y haga clic en el botón Vista previa para aplicar dichos estilos.
De forma predeterminada, Dreamweaver guarda la hoja de estilos en una carpeta denominada CSS justo debajo de la raíz del sitio definido para la página. Si esa carpeta no existe, Dreamweaver la creará. Para guardar el archivo en otra ubicación, haga clic en Examinar y busque otra carpeta.
Cuando encuentre una hoja de estilos cuyas reglas de formato coincidan con sus criterios de diseño, haga clic en Aceptar.