| Home page |
| Reglas básicas |
|
Dreamweaver básico |
| Acerca de Dreamweaver |
| Herramientas básicas |
| Diseña tu sitio local |
| Inicia tu página |
| Aplicando estilos CSS |
| Diseña con tablas |
| Trabaja con vínculos |
|
Publica tu web |
| Define tu sitio remoto |
| Dominios |
|
Promociona tu web |
| Posiciona tu sitio |
| Generador de Metatags |
|
Varios de la semana |
| DW-avanzado |
| Javascript |
| Noticias webmaster |
| Página de la semana |
| Trabaja desde casa |
Escribenos |
En ningún tutorial de Dreamweaver puede faltar un apartado para que aprendas a trabajar con Hojas de Estilo en Cascada. Aquí pretendemos introducirte para que mejores la presentación de tus páginas. Cualquier pagina que se precie debe tener una Hoja de Estilo en Cascada asociada.
En la ventana "SITIO" de la aplicacion Dreamweaver 3 pulsa clic en "Edición" + "Preferencias".
En la lista de la izquierda de la ventana que se abre, pulsa un solo clic en "Editores Externos".
Ahora verás dos cuadros con fondo blanco en la parte baja. Sobre el de la izquierda haz clic en el signo "+", escribe ".css" y dale a Enter.
Ahora haz clic en el signo de la derecha (aseguraos que el .css recien escrito esta sombreado o de color azul) y se abre una ventana donde tienes que buscar y seleccionar el programa "Notepad.exe".
Pulsa en "Aceptar" / "OK" y listo.
Inicia Dreamweaver 3 entra en la ventana sitio (site map/site file).
Pincha en "Archivo" + "Nueva Ventana".
Ahora, en esa nueva ventana de Dreamweaver que se ha abierto hacemos clic en "Archivo" + "Guardar Como".
Se abre una ventana donde hay que ponerle un nombre. Junto a "Nombre de Archivo" escribe estilo.css y pulsa en "Guardar" y a continuacion la cerramos.
Abrir en paralelo con Dreamweaver 3 el Notepad el archivo "estilo.css".
Antes de nada hay que vaciarlo, pues estará lleno de código HTML. Pulsa dos veces sobre el archivo estilo.css y borra todo lo que haya dentro. Ya queda menos.
Ahora hay que indicarle a la página "index.htm" que la definición de los fondos, propiedades del texto etc, tendrá que buscarla en ese archivo "estilo.css". Para ello, abrimos la página "index.htm" (la de estilo.css la podemos cerrar por ahora) y en la cabecera (entre <head> y </head> copia el siguiente código:
<link rel="StyleSheet href"="estilo.css" media="screen" type="text/css">
El archivo "estilo.css" es la llamada Hoja de Estilo en Cascada. Y como puedes ver en el manual adjunto la defines perfectamente con Dreamweaver.
Guardad y cerrar "index.htm".
Recuerda que para pegar un codigo en HTML puedes pulsar el signo "<>" que aparece justo en la esquina inferior derecha de la pantalla de Dreamweaver o en la paleta Launcher "HTML Source" y consiste a continuación en pulsar y copiar como en cualquier programa de tratamiento de texto.
Software para construir tu propia hoja de estilo en Cascada: Descarga el manual TopStyle3. Lo utilizas de prueba, pero con este programa descargas otro más simple que es gratuito y con el que igualmente puedes construir tu Hoja de Estilo en Cascada.
Desbes completar esta pequeña introducción con al menos el Tutorial incluido de trabaja con Dreamweaver y el estilo CSS. Crea tu Hoja de Estilo en Cascada desde Dreamweaver. Te introduce paso a paso en la Hoja de Estilo en cascada, de forma amena y sencilla. El estilo CSS no deberá tener secretos para tí.
La ventaja de utilizar una HOJA DE ESTILO EN CASCADAsobre el uso de un estilo HTML estriba en que, además de estar vinculada a múltiples documentos, cuando se actualiza o cambia un estilo CSS, se actualiza el formato de todos los documentos que utilizan esa hoja de estilos.
Tutorial Dreamweaver incluye esta sección de Hojas de Estilo en Cascada o estilo CSS, para que puedas aplicar en tus páginas estilo css. La Hoja de Estilo en Cascada te permite lo que muchos webmaster buscan que es el texto alineado en los bordes. Desde Dreamweaver puedes aplicar Hojas de Estilo en Cascada y justificar facilmente el texto.
Bajate los manuales de Hojas de Estilo en Cascada y Hojas de Estilo en Cascada con Dreamweaver ambos en castellano.
Con estos manuales de Hoja de Estilo en Cascada y CSS con Dreamweaver, presentación de tus páginas alcanzarán una perfección que solo se puede conseguir con la Hoja de Estilo en Cascada frente al HTML.
Hay software que te ayuda a crear tu Hoja de Estilo en Cascada.Con Dreamweaver puedes crear tu Propia Hoja de Estilo en Cascada facilmente y el sistema mejora mucho con Dreamweaver 4.
