Cómo crear una hoja de estilo en Dreamweaver
CSS es un lenguaje de hoja de estilo con lenguajes de marcado como HTML, XHTML y XML a formato y las páginas Web actuales. Lenguaje CSS puede ser incrustado dentro de una página Web o hace referencia a una plantilla de hoja de estilo CSS externa. Adobe Dreamweaver es una herramienta que se utiliza para el desarrollo de sitios web que apoyan y usa CSS plantillas y hojas de estilo para el formato de edición de Web. Crear una hoja de estilos externa en Adobe Dreamweaver tiene pero unos sencillos pasos para llevar a cabo.
Instrucciones
1 Haga clic en "Inicio" "Programas", "Adobe" y haga clic en para abrir el Adobe Dreamweaver.
2 Ir a "Archivo" y haga clic en "Nuevo."
3 Seleccione "Página en blanco" bajo "Category" en el panel izquierdo y seleccione "CSS" en el panel derecho de la ventana de "Nuevos documentos".
4 Haga clic en "Crear". Ahora se presenta una página en blanco en blanco para escribir el código CSS.
5 Escriba el código CSS. En el siguiente ejemplo CSS afecta al formato de color de fondo de una página web, títulos, tamaño de fuente y varias características de su texto de anclaje de la URL.
Correo electrónico de sintaxis CSS:
cuerpo {fondo-color: tan;}
H1 {color: marrón; de la fuente-tamaño: 20pt;}
recursos humanos {color: Marina de guerra;}
p {font-tamaño: 11pt; margen-izquierdo: 15px;}
a: link {color: green;}
una: visitó {color: amarillo;}
a: hover {color: black;}
a: active {color: blue;}
6 Haga clic en "Archivo" y luego "salvar como". Guárdelo como mystylesheet.css.
7 Vaya a Adobe Dreamweaver y abra la Página Web que desea utilizar la hoja de estilos en e incrustar la hoja de estilos en el código de su página Web. Utilice la etiqueta 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" >
Artículos relacionados
- Cómo crear una hoja de estilos para una página Web con Dreamweaver
- Cómo crear una hoja de estilo CSS secundaria para Internet Explorer 8
- Cómo hacer una hoja de estilo en Dreamweaver
- Cómo crear una hoja de estilos externa
- Cómo crear una hoja de estilos CSS internas
- Como hacer una hoja de estilo para el DIV
- Cómo mover estilos de una hoja a otra con Dreamweaver CS3
- Cómo indentar un párrafo al crear una página Web con una hoja de estilos CSS
- Cómo editar una hoja de estilo CSS en Dreamweaver CS 3