Creando la segunda Hoja de Estilos
Ahora vamos a crear la segunda hoja de estilo, la que vamos a llamar "estilo2.css".
Para ello, de nuevo, pulsad "Archivo" + "Nuevo" o "Archivo" + "Nueva ventana" y aparecerá una nueva ventana, (obviamente).
Ahora le damos a "Archivo" + "Guardar Como..." le ponemos el nombre "estilo2.css" guardamos y la cerramos.
Pero como esto no es una página web sino una hoja de estilo, que como sabéis, no tienen las palabrejas <HEAD> y esas cosas, tenemos que borrar todo el código que Dreamweaver le ha puesto por defecto.
Para eso, nos vamos a la ventana "Sitio", hacemos doble clic en "estilo2.css" para abrirla. Esta vez no aparece como una ventana de Dreamweaver sino como un documento de Block de Notas de Windows. (Esto es por ponerle al guardar la extensión .css en lugar de .htm)
Podemos así ver su código. Este es el código que Dreamweaver pone a todas las páginas HTML, pero en este caso no es HTML sino CSS de modo que borramos TODO el código que aparece y la cerramos guardando los cambios. Más adelante iremos añadiendo los estilos de la plantilla conforme nos haga falta, pero por ahora ahí lo tenemos, completamente en blanco.
Parece una maniobra algo absurda, verdad? Quizás no lo he explicado muy bien. La cosa es que hemos creado un archivo en blanco y lo hemos llamado "estilo2.css", simplemente. No tiene más historia.
|