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 Archivo – Guardar 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.
Seleccionamos el archivo ejemplo.css, que hemos guardado anteriormente en nuestro sitio web.
Escribimos el contenido de la nueva página.
Podemos comprobar los estilos aplicados en cada caso desde el panel estilos css.
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 Archivo – Guardar 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.
Redactado en: Dreamweaver CS4
1 comentarios:
Publicar un comentario