Cómo crear hojas de estilo internas y externas en dreamweaver

Video: Vincular hoja de estilos externa al HTML en Dreamweaver

Al crear nuevos estilos en Dreamweaver, tiene que decidir si desea guardar el estilo en una hoja de estilo interna o externa. en una hoja de estilo interna, la regla de estilo se guarda en la parte superior del documento HTML en el que desea aplicar el estilo. en una hoja de estilo externa, nuevos estilos se guardan en un documento separado que se puede conectar a cualquier archivo en su sitio web.

hojas de estilo externas ofrecen las mayores ventajas porque el uso de un conjunto de estilos a través de muchas páginas es más eficiente que la creación de estilos para cada página de su sitio. Dicho esto, las hojas de estilo en ocasiones internos son una buena opción, como por ejemplo cuando se está creando un estilo que se aplicará sólo a los elementos en una página.

Cómo crear una hoja de estilo interna en Dreamweaver

hojas de estilo internas se guardan en el mismo archivo HTML en el que se aplican. Por lo tanto, no se crea un archivo cuando se crea una hoja de estilo interna, como lo hace cuando se crea una hoja externa.

Video: Curso CSS Avanzado desde 0. Hojas de estilo internas y externas I Vídeo 2.mp4

En cambio, cuando se crea una hoja de estilo interna, sólo tiene que añadir etiquetas dentro de la etiquetas en la parte superior del archivo HTML que tienen abierto en Dreamweaver. Entonces, cuando se crea estilos, guarda las nuevas definiciones de reglas de estilo dentro de la etiquetas en su archivo.

Creación de un nuevo estilo interno en Dreamweaver requiere sólo dos pasos. Primero haga clic en el icono de signo más (+) en el panel Fuentes en la parte superior del panel Diseñador de CSS. A continuación, seleccione Definir en la página de la lista desplegable. Ya está. Dreamweaver inserta el etiquetas en el código en su archivo y listas de la hoja de estilo interna en el panel Orígenes de la etiqueta.

Video: 11. Curso Básico de Html. DIV.Manejo de Hoja de estilos.Introducción de CSS.Vincular hoja de estilos

Cómo crear una hoja de estilo externa en Dreamweaver

En la parte superior del panel Diseñador de CSS, se encuentra el panel Orígenes. Este panel muestra el nombre o nombres de las hojas de estilo a disposición de la página abierta. Este mismo panel se utiliza para crear o enlazar hojas de estilo al crear o aplicar estilos.

Video: Dreamweaver CS4. Crear estilos

Para crear una hoja de estilos externa, en primer lugar crear y guardar un nuevo archivo HTML o abrir un archivo existente en Dreamweaver y, a continuación, siga estas instrucciones:

1. Haga clic en el icono de signo más (+) en el panel Fuentes en la parte superior del panel Diseñador de CSS.

   Una lista desplegable se abre con tres opciones: crear un nuevo archivo CSS, CSS Adjuntar archivos existentes, y definir de página.

   

2. Seleccione la opción Crear un nuevo archivo CSS de la lista desplegable.

   Se abre el cuadro de diálogo Crear un nuevo archivo CSS.

3. Introduzca un nombre para el nuevo archivo de hoja de estilo.

   Se puede nombrar a hojas de estilo en lo que quiera, siempre y cuando no se incluye espacios o caracteres especiales que no sean el guión (-) o un guión bajo (_).

   

4. Seleccionar la opción Enlace.

   Enlace se considera la mejor práctica en la mayoría de los casos y se selecciona de forma predeterminada en Dreamweaver.

   En su mayor parte, la opción de importación sólo se utiliza cuando se desea aplicar varias hojas de estilo externo a la página, pero sólo quieren vincular a una hoja de estilo. En ese caso, se puede utilizar la opción Importar para asociar varias hojas de estilo con una.

5. Haga clic en la flecha al lado de Uso Condicional para ver opciones adicionales.

   Los ajustes de uso de condicionales se utilizan para crear preguntas de los medios de hojas de estilo.

6. Haga clic en Aceptar.

   La hoja de estilo se guarda y se vincula a la página HTML que tiene abierto en Dreamweaver. Nota: Si está trabajando en una nueva página HTML, asegúrese de que ha guardado el page- de lo contrario, no podrás crear y vincular un nuevo archivo CSS.

Después de crear una hoja de estilos externa, puede vincular esa misma hoja de estilo a tantas páginas como desee siguiendo los pasos en el ejercicio que sigue inmediatamente. También puede agregar tantas reglas de estilo que desee para cualquier hoja de estilo externa, que está cubierto en varios ejercicios que siguen en la creación de la clase, la etiqueta, y otros tipos de estilos.