Plantillas css en Dreamweaver CS4

En Dreamweaver CS4 tenemos la posibilidad de utilizar plantillas con estilos css ya predefinidos. Esto nos puede resultar muy útil.

Vamos a ver un ejemplo concreto para explicarlo.

Accedemos al menú Archivo –Nuevo.

Dentro de la categoría Página de muestra seleccionamos Hojas de estilo CSS. Vemos numerosas páginas de muestra con estilos ya creados.

En nuestro ejemplo seleccionamos el diseño completo Accesible.


Pulsamos Crear.

Se abre el archivo .css en vista código. Podemos modificar los estilos que queramos o dejar el archivo tal y como está.


A continuación guardamos el archivo, desde la opción ArchivoGuardar como. En nuestro caso lo hemos llamado ejemplo.css. Podemos observarlo también desde el panel Archivos.



Una vez creado el archivo css basado en la plantilla vamos a vincularlo a un nuevo archivo html y así poder aplicar los estilos. Para ello creamos un nuevo archivo html.
Accedemos al panel estilos CSS y pulsamos el icono Adjuntar hoja de estilos.



Seleccionamos el archivo ejemplo.css, que hemos guardado anteriormente en nuestro sitio web.


Escribimos el contenido de la nueva página.
A medida que vayamos aplicando formatos, creando objetos, etc, se irán aplicando automáticamente los estilos de la plantilla css.


Podemos comprobar los estilos aplicados en cada caso desde el panel estilos css.


1 comentarios:

Milena Jael Silva Morales dijo...

super, muchas gracias

Publicar un comentario

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Top WordPress Themes