Hojas de estilo externo (dreamweaver)

Usted puede tener una Hoja de estilos CSS internas, externas, o en línea.

En este tutorial, voy a discutir una hoja de estilos externa, que creo que es la más útil cuando se trabaja en un sitio web con más de una Página.

Para crear una hoja de estilo externo con Dreamweaver, simple clic "Nuevo" y en "Página básica" elegir "CSS".

Esto le dará una hoja de estilo en blanco.

Lo siguiente que quiero hacer es experimentar y crear una o dos definiciones CSS.

Puede crear una definición CSS llamado "background1 'y hacer que el color verde.

A continuación, guarde la hoja de estilo CSS como algo parecido a 'sample1.css.

A continuación, se abre un archivo HTML en la misma carpeta que tiene algún texto en ella y "fijar" la hoja de estilos externa.

Que adjuntar la hoja seleccionando el menú desplegable "Texto" y elegir "Estilos CSS" y luego "Adjuntar hoja de estilos".

Una vez que se haya adjuntado una hoja de estilos externa a una Página web, usted puede hacer cambios a la hoja de estilos externa y cambiar el contenido de la página. Esto es especialmente importante si usted tiene un sitio web con varias páginas web.

El concepto es que, adjuntando una hoja de estilos externa a todos los de sus páginas web, puede actualizar muchas páginas web de forma instantánea al cambiar la hoja de un estilo CSS que se une a ellos.

De esta manera, un gran sitio web corporativo con 20.000 páginas podría ser actualizado con nuevos colores y fuentes en menos de 15 segundos! ... Simplemente cambiando la hoja de estilos CSS externa.

Así que ya ve la utilidad de hojas de estilo CSS se puede.

Para empezar, basta con entrar en su código HTML después de que haya conectado un hoja CSS externa a la página de Dreamweaver. Usted puede tomar cualquier etiqueta como una etiqueta y empezar a escribir en una clase CSS.

Por ejemplo,. Si usted comienza a agregar una clase CSS a cualquiera de estas etiquetas, Dreamweaver comenzará a auto-completar para usted y usted puede elegir la clase que desea agregar un menú desplegable.

También puede usar esto para los fondos de página estilo, fondos de mesa, fuentes, y mucho más!

Sólo tienes que aprender los fundamentos de la CSS y luego experimentar con Dreamweaver y te prometo que serás capaz de utilizar CSS con Dreamweaver en cuestión de pocas horas.

Para obtener más información acerca de Dreamweaver y hojas de estilo, se puede ver videos paso a paso en http://www.dreamweaverhowto.com