Cómo crear una hoja de estilos en Dreamweaver

CSS es un lenguaje de hojas de estilo utilizado con lenguajes de marcado como HTML, XHTML y XML para formatear y presentar páginas Web. lenguaje CSS puede ser embebido dentro de una página web o referenciado por una plantilla de hoja de estilos CSS externa. Adobe Dreamweaver es una herramienta de autoría Web que se utiliza para el desarrollo de sitios web que apoyan y utilizan plantillas CSS y hojas de estilo para el formato. Creación de una hoja de estilos externa en Adobe Dreamweaver toma sólo unos pocos pasos simples para llevar a cabo.

Instrucciones

1 Haga clic en "Programas" Inicio ",", "Adobe" y haga clic para abrir Adobe Dreamweaver.

2 Sube a "Archivo" y luego en "Nuevo".

3 Seleccione "página en blanco" en "Categoría" en el panel izquierdo, y luego seleccione "CSS" en el panel derecho de la ventana "New Documents".

4 Haga clic en "Crear". Ahora aparecerá una página en blanco en blanco para escribir el código CSS.

5 Escribir el código CSS. El siguiente ejemplo CSS afecta al formato de color de un fondo de páginas web, los encabezados, tamaño de fuente y varias características de su texto URL de anclaje.

correo electrónico sintaxis CSS:

body {background-color: amarillo oscuro;}

h1 {color: marrón; font-size: 20pt;}

hr {color: azul marino;}

p {font-size: 11pt; margin-left: 15px;}

a: link {color: green;}

a: visited {color: amarillo;}

a: hover {color: negro;}

a: active {color: blue;}

6 Haga clic en "Archivo" y luego "Guardar como". Guardarlo como myStyleSheet.css.

7 Ir a Adobe Dreamweaver y abrir la página Web que desee utilizar la hoja de estilo en e incrustar la hoja de estilo en el código fuente de su página Web. Utilice el código de enlace HTML para incrustar la hoja de estilo dentro de la página Web.

Ejemplo: "<link rel =" stylesheet "type =" text / css href = "myStyleSheet.css">