Creación de estilo de clase en Adobe Dreamweaver CS5

Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver apoya la creación de estilos de clase para permitir un control más preciso sobre el formato de página. Puede crear selectores de clase,

que se nombran estilos para el cuerpo, el texto, los títulos, subtítulos, y otros elementos. A diferencia de los selectores de etiquetas, puede elegir casi cualquier nombre para una clase y aplicar su estilo de forma selectiva a los artículos, siempre y cuando lo desee.

También puede hacer que su nueva regla a disposición de más de una página en su sitio mediante la definición de una nueva hoja de estilos externa. Este método guarda sus reglas en un archivo externo que se puede conectar a varias páginas a la vez.

Creación de estilo de clase en Adobe Dreamweaver CS5
Creación de estilo de clase en Adobe Dreamweaver CS5 Agrandar
1

Cuadro de diálogo Abrir Nueva regla CSS.

Localice el panel CSS, a la derecha, y haga clic en el botón Nueva regla CSS en la parte inferior o elegir Estilos-Nuevo formato en CSS.

2

Choose Class (puede aplicarse a cualquier elemento HTML).


Esta opción se encuentra en la lista desplegable Tipo de selección.

3

El nombre de su nueva clase.

En el cuadro de texto Selector Nombre, escriba un nombre para la nueva clase. Puede introducir cualquier nombre que desee, pero asegúrese de que no tiene espacios y es descriptiva de cómo usted lo utilizará. Reallycoolstyle es una mala headlinestyle nombre- es un nombre mejor. Dreamweaver inserta el período al frente del nombre del estilo, porque es una convención de nombres necesario.

4

Elija (Nueva hoja de estilo del archivo).

Esta es una opción en la lista desplegable Regla Definición en la parte inferior. Haga clic en Aceptar.

5

Aparece la Hoja Guardar archivo de estilo cuadro de diálogo.


Localice la carpeta del sitio (o si no se ha definido un sitio, una carpeta donde guarda toda la información pertinente, tales como archivos de imagen y las páginas de su sitio).

6

Introduzca un nombre para la hoja de estilo.

Introduzca un nombre apropiado, como main.css o basic.css si es el principal conjunto de estilos que estás creando para su sitio web. (Dreamweaver añadirá la extensión .css obligatoria al final del nombre de archivo.)

7

Guarda tu estilo.

Deja la URL como está y la lista relativa Para desplegable establecido al documento. Haga clic en Guardar.

Usted ha creado un nuevo archivo .css, o una hoja de estilos externa. El cuadro de diálogo de definición de reglas CSS aparece donde se puede perfeccionar su nueva hoja de estilos.




» » » » Creación de estilo de clase en Adobe Dreamweaver CS5