Creación del estilo de clase en adobe dreamweaver cs5

Video: DREAMWEAVER CS5 - CREACION DE UN HORARIO DE CLASES (XHTML - CSS ).avi

Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver admite la creación de estilos de clase para permitir un control más preciso sobre el formato de la página. Puede crear selectores de clase, la cual se nombran estilos de cuerpo, texto, 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 desea.

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 ahorra sus reglas en un archivo externo que se puede conectar a varias páginas a la vez.

286284.image1.jpg

1cuadro de diálogo Nueva regla CSS abierta

Localizar el panel CSS, a la derecha, y haga clic en el botón Nueva regla CSS en la parte inferior o elija Formato → → Estilos CSS Nuevo.

2Elija Clase (puede aplicarse a cualquier elemento HTML)

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

3El nombre de su nueva clase

En el cuadro de texto Nombre de selección, introduzca un nombre para su nueva clase. Se puede introducir cualquier nombre que desee, pero asegúrese de que no tiene espacios y es descriptiva de cómo lo vas a usar. Reallycoolstyle es una mala headlinestyle nombre- es un nombre mejor. Dreamweaver inserta el punto al frente del nombre del estilo porque es una convención de nomenclatura es necesario.

4Elegir (Nueva hoja de estilos)

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

5Aparece el archivo de hoja de estilo Guardar como cuadro de diálogo

Busque la carpeta de 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).

Video: Curso de Dreamweaver CS5. 4 Crear clases css

6Introduzca un nombre para la hoja de estilo

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

7Guarde el Style

Deja la URL tal como está y la lista relativa desplegable Para establecer al documento. Clic en Guardar.

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

Artículos Relacionados