Creación de nuevos estilos de etiqueta en Adobe CS5 Dreamweaver

Creación de una etiqueta (o un elemento) es una ruta sencilla para el nuevo Adobe Creative Suite 5 (CS5 de Adobe) usuarios de Dreamweaver para entender CSS. Dreamweaver le permite trabajar con etiquetas HTML existentes, tales como P, H1, H2 y. El uso de etiquetas de elementos existentes en su página y el inspector de propiedades, se puede optar por aplicar formato automático donde se utilizan ciertas etiquetas HTML.

1

Abra una página HTML.

Asegúrese de elegir una que contiene texto.

2

Haga clic en el botón HTML en el panel Inspector de propiedades.

El botón está en el lado izquierdo del panel. Esto muestra el inspector de propiedades en la vista HTML.

3

Seleccionar una línea de texto.


Negrita el texto seleccionado con el botón B situado en el inspector de propiedades.

4

Cambie a la vista CSS.

Haga clic en el botón de CSS en el extremo izquierdo de la del panel Inspector de propiedades.

El objetivo es asignar información de estilo definitivo para la etiqueta que negritas del texto, por lo que cualquier texto en negrita en la página también aparece en rojo.

5

Iniciar una nueva regla CSS.

Deje el texto en negrita seleccionado, y en el Inspector de propiedades, seleccione de la lista desplegable Targeted Regla.

6

Aplicar el color al texto seleccionado.


Con aún seleccionado el texto, utilice el selector de color en la parte derecha del inspector de propiedades (que se encuentra debajo de los botones B y yo) para seleccionar un color rojo para aplicar a la seleccionada, el texto en negrita.

Creación de nuevos estilos de etiqueta en Adobe CS5 Dreamweaver
Creación de nuevos estilos de etiqueta en Adobe CS5 Dreamweaver Agrandar
7

Aparecerá el cuadro de diálogo Nueva regla CSS.

En la lista desplegable Tipo de selección, elija Tag (redefine un elemento HTML) - elegir fuerte en el selector Nombre desplegable lista- elegir (Sólo este documento) de la lista desplegable Regla Definición.

El tipo de selección determina cómo se aplicará el formato a elementos de la página. Estilos de etiquetas cambian la apariencia de cualquier elemento con formato con una etiqueta HTML específica.

8

Haga clic en Aceptar para crear el nuevo estilo de la etiqueta y cerrar el panel.

Ahora, cada vez que se aplica el etiqueta para hacer el texto en negrita (utilizando el botón B o otros accesos directos), que el texto en negrita aparece también en rojo. Usted ha creado un estilo de etiqueta que determina cómo el texto en negrita aparece ninguna vez que aparece en un documento.




» » » » Creación de nuevos estilos de etiqueta en Adobe CS5 Dreamweaver