EXPOSICIÓN DE WEB Y MULTIMEDIA ESTILOS CSS INTEGRANTES:BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARIO VILLA LUISA.

Presentación del tema: "EXPOSICIÓN DE WEB Y MULTIMEDIA ESTILOS CSS INTEGRANTES:BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARIO VILLA LUISA."— Transcripción de la presentación:

1 EXPOSICIÓN DE WEB Y MULTIMEDIA ESTILOS CSS INTEGRANTES:BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARIO VILLA LUISA

2 Crear estilos CSS  Para crear un estilo CSS en Dreamweaver, realiza:  Para abrir el cuadro de diálogo Nueva Regla CSS, realiza cualquiera de las siguientes opciones.  A. Haz clic en el menú Formato /Estilos CSS /Nuevo.  B. O del panel Estilos CSS, haz clic en el ícono Nueva regla CSS.

3 Tipo de selector  Permite elegir alguno de los siguientes tipos de selector:  Clase. Crea un estilo personalizado que pueda aplicarse como atributo class a cualquier elemento HTML.  ID. Define el formato de una etiqueta que contenga un atributo ID concreto.  Etiqueta. Redefine el formato predeterminado de una etiqueta HTML específica.  Compuesto. Define una regla compuesta que afecte a dos o más etiquetas, clases o ID simultáneamente.

4 Definición de la regla  Permite establecer en donde se va a crear la hoja de estilos, entre las siguientes dos opciones:  Sólo este documento. Incrusta el estilo en el documento actual.  Nuevo archivo de hojas de estilo. Crear una hoja de estilos externa, es decir, un documento CSS (.css)  Una vez configuradas las anteriores opciones, haz clic en el botón Aceptar.

5  Se visualizará un cuadro de diálogo parecido al que se muestra abajo, en donde se habrán de configurar todos las propiedades del Estilo CSS.  Cuando hayas terminado de configurar las propiedades del estilo CSS, haz clic sobre el botón Aceptar.

6 Editar estilos CSS  Los estilos CSS que se crean en Dreamweaver permiten editar tanto las reglas internas como las externas que se hayan aplicado en el documento.  Para editar una regla CSS, realiza:  1. Abre el panel Estilos CSS.  2. Selecciona la regla CSS que desees editar.  3. Haz clic en el botón Editar estilo, del panel Estilos CSS.  4. Realiza los cambios necesarios y haz clic en  Aceptar para conservar los cambios realizados.

7 Vincular estilos CSS  Cuando se quiere usar una hoja de estilos externa en un documento HTML, lo que único que se tiene que hacer es vincular la hoja de estilos en el documento.  Para establecer vínculos en una hoja de estilos CSS externa, realiza:  1. Abre el panel Estilos CSS.  2. En el panel Estilos CSS, haz clic en el botón Adjuntar hoja de estilos.  3. En el cuadro de diálogo Vincular hoja de estilos externa, configura las siguientes opciones:  Arch./URL. Oprime el botón Examinar para localizar la hoja de estilos a vincular.

8  Añadir como. Activa Vincular para establecer un vínculo entre el documento actual y la hoja de estilos externa, o la opción Importar para utilizar una hoja de estilo externa como referencia.  Media. Especifica el medio de destino de la hoja de estilo.  Vista previa. Permite verificar que la hoja de estilo aplica los estilos que se desean en la página actual.  4. Por último, pulsa sobre el botón Aceptar.