2. Software
3. Adobe
4. Dreamweaver
5. Cómo crear un nuevo estilo de etiqueta en Adobe Dreamweaver CS6

Libro Relacionado

Por Jennifer Smith, Christopher Smith, Fred Gerantabee

La creación de un estilo de etiqueta (o selector de tipo) en Adobe Dreamweaver CS6 es una ruta sencilla y segura para que los nuevos usuarios entiendan CSS, ya que se dirige a las etiquetas HTML existentes, como P, H1 y H2.

Usando las etiquetas existentes en su página, puede elegir aplicar formato automático dondequiera que se usen ciertas etiquetas HTML. Por ejemplo, puede hacer que cualquier texto dentro de una

etiqueta (Título 1)

sea

automáticamente negrita, 36 píxeles y rojo.

Para crear un estilo de etiqueta con el inspector de propiedades, siga estos pasos:

1. Abra una página HTML que contenga texto.
2. En el inspector de propiedades, haga clic en el botón HTML en el lado izquierdo del panel para mostrar el inspector de propiedades en la vista HTML.
3. Seleccione una línea de texto y póngala en negrita haciendo clic en el botón B ubicado en el inspector de propiedades.
4. El objetivo es asignar información de estilo definitiva a la etiqueta que pone en negrita el texto, de modo que cualquier texto en negrita de la página también aparezca en rojo.
5. Deje el texto en negrita seleccionado y, en el Inspector de propiedades, seleccione <Nueva regla CSS> de la lista desplegable Regla de destino.
6. Con el texto aún seleccionado, use el selector de color en el lado derecho del inspector de propiedades (ubicado debajo de los botones B e I) para seleccionar un color rojo que se aplicará al texto en negrita seleccionado.
7. En la lista desplegable Tipo de selector, seleccione Etiqueta (Redefine un elemento HTML); elija Fuerte en la lista desplegable Nombre del selector; elija (Este documento solamente) en la lista desplegable Definición de la regla El tipo de selector determina cómo se aplicará el formato a una etiqueta HTML seleccionada en la página. Los estilos de etiquetas se aplican automáticamente en cualquier lugar de la página donde aparezca ese elemento.
8. Ahora, cada vez que aplique la etiqueta <fuerte> para crear texto en negrita (utilizando el botón B u otros accesos directos), ese texto en negrita también aparecerá en rojo. Ha creado un estilo de etiqueta que determina el aspecto del texto en negrita cada vez que aparece en un documento.

Puede refinar aún más este nuevo estilo de etiqueta seleccionando cualquier texto en negrita y continuando con la modificación de las propiedades de texto del inspector de propiedades.

Si desea editar y ajustar la regla que ha creado, puede hacer clic en el botón Editar regla situado debajo de la lista desplegable Regla de destino para abrir el cuadro de diálogo Definición de regla de CSS. Este cuadro de diálogo se abre de forma predeterminada en la categoría Tipo, donde puede modificar las propiedades relacionadas con el tipo.

Cuando haya terminado de ajustar el estilo de la etiqueta, haga clic en Aplicar en la parte inferior del cuadro de diálogo para ver los cambios. También puede hacer clic en Aceptar para aplicar los cambios y salir del cuadro de diálogo.