Professional Documents
Culture Documents
ESTILOS CSS
Una de las opciones ms interesantes que posee la herramienta Dreamweaver CS3 son los Estilos CSS (Hojas de Estilo en Cascada), que nos permite crear formatos que controlan de una forma flexible los contenidos de una pgina Web (texto, imgenes, formato de la pgina, listas, bloques, entre otros). Por medio de los CSS podemos combinar atributos de color, de tamao, de tipos de fuente, o de fondo; buscando la forma de no repetir asignaciones de estos atributos. La ventaja de la utilizacin de CSS, es que permite una actualizacin automtica en el documento de los cambios que se generen en ellos. La desventaja de los estilos es que algunos navegadores antiguos no pueden soportarlos y a veces los ignoran, aunque esto puede ocurrir solo en casos contados. Nota: Para evitar que ocurra un conflicto en los CSS creados, evite aplicar dos estilos deferentes a un mismo texto.
Crear Estilo CSS Nuevo: 1. En la barra de Men en la opcin Texto, seleccione Estilos CSS y luego de click en la opcin Nuevo
Copyright 2009 SENA CEV Comunidad Educativa Virtual SENA Regional Santander Todos los derechos reservados
Defina el tipo de estilo CSS que desea crear: Seleccione Clase (puede aplicarse a cualquier etiqueta) y escriba el nombre del estilo en el cuadro de texto Nombre (Ejemplo: .miestilo) Nota: los nombres de clase deben comenzar por un punto (.) y pueden contener cualquier combinacin alfanumrica (por ejemplo .myhead1). Si no introduce el punto inicial, Dreamweaver lo har de forma automtica. Para incrustar el estilo en el documento actual, donde dice Definir en, seleccione Slo este documento.
Copyright 2009 SENA CEV Comunidad Educativa Virtual SENA Regional Santander Todos los derechos reservados
4. Seleccione las opciones de estilo que desea establecer para el estilo CSS nuevo como tipo fuente, tamao, color, etc. y haga clic en el botn Aceptar.
Copyright 2009 SENA CEV Comunidad Educativa Virtual SENA Regional Santander Todos los derechos reservados
Nota: El procedimiento anterior lo debe realizar para aplicarle un estilo a cada uno de los textos que se encuentran en la pgina.
Copyright 2009 SENA CEV Comunidad Educativa Virtual SENA Regional Santander Todos los derechos reservados
Aparecer el cuadro de dilogo Cambiar nombre de clase, en el cual se encuentra seleccionado el nombre del estilo que va a cambiar
En el cuadro de texto Nuevo nombre, digite el nombre que desea asignarle al estilo y de click en el botn Aceptar.
Aparecer el cuadro de dilogo Definicin de regla, en el cual se encuentran las propiedades actuales del estilo.
Copyright 2009 SENA CEV Comunidad Educativa Virtual SENA Regional Santander Todos los derechos reservados
Modifique las propiedades que desee y por ltimo de click en el botn Aplicar y luego de click en el botn Aceptar.
Para la realizacin de este documento, se tom como referencia el Manual Adobe Dreamweaver CS3 de la empresa Adobe y el Sitio Web http://www.aulaclic.es/dreamweavercs3/index.htm
Copyright 2009 SENA CEV Comunidad Educativa Virtual SENA Regional Santander Todos los derechos reservados