Al crear un documento basado en un archivo de muestra, Dreamweaver crea una copia del archivo.
8 Mediante los estilos se pueden controlar el aspecto y los colores del texto y de otros elementos de las páginas, como el fondo y las tablas. Pulse el botón Crear.
9 Automáticamente aparece en el área de trabajo el nuevo documento CSS, mostrando el código del contenido de partida, que define los diferentes parámetros del estilo. (7) De momento, regresaremos al cuadro de diálogo Nuevo documento para seguir conociendo sus opciones. En este caso, pulse la combinación de teclas Ctrl + N.
10 En el panel Carpeta de muestra, seleccione en esta ocasión el directorio Conjunto de marcos. (8)
El cuadro de diálogo Nuevo documento recuerda los parámetros utilizados en el último uso.
11 Los marcos se utilizan para distribuir los elementos de una página, dividiéndola en diferentes archivos HTML integrados en un documento principal. Pulse ahora sobre la categoría Página en blanco para seleccionarla.
12 Mantenga seleccionada como tipo de documento la opción HTML y haga clic sobre el primer diseño de página de 2 columnas, denominado 2 columnas fijas, barra lateral derecha. (9)
13 El cuadro de diálogo se completa con un enlace y una serie de botones en su parte inferior. Además de los botones que permiten la creación del documento seleccionado y la cancelación de la operación, aparecen los encargados de conducir a la ayuda del programa y al cuadro de diálogo Preferencias. Pulse el botón Preferencias.
14 El acceso al cuadro de diálogo Preferencias desde el cuadro de diálogo Nuevo documento comporta que se muestre directamente la categoría del mismo nombre. Pulse el botón de flecha del cuadro desplegable Documento predeterminado para acceder a sus opciones. (10)
Es posible crear páginas con una diseño CSS prediseñado o bien crear completamente en blanco y realizar su propio diseño.
Estas opciones permiten establecer un tipo de documento como predeterminado.
15 Si la mayoría de las páginas de un sitio van a ser de un tipo de archivo concreto resulta aconsejable predeterminarlo. En este curso trabajaremos principalmente con documentos HTML, de modo que no cambiaremos la opción configurada por defecto. Haga clic nuevamente sobre el botón flecha del desplegable Documento predeterminado para ocultar la lista de opciones.
16 La desactivación de la casilla de verificación Mostrar el cuadro de diálogo Nuevo documento con Control + N permite omitir la aparición del mencionado cuadro para acceder a la creación de documentos a través del método abreviado de teclado correspondiente. Haga clic en Aceptar. (11)
17 Por último, el enlace Obtener más contenido inicia Dreamweaver Exchange, que permite descargar más contenido de diseño de páginas. Pulse el botón Crear para crear el nuevo documento (12) y dar por terminado este ejercicio.
Además de acceder al cuadro de Preferencias desde el cuadro de diálogo Nuevo documento, también dispone de un acceso en el menú Edición del programa.
La disposición en pestañas de los documentos abiertos en Dreamweaver permite una fácil navegación por los mismos.
RECUERDE
Los archivos de Hojas de estilos en cascada tienen la extensión .css y se utilizan para aplicar formato al contenido HTML y controlar la posición de los distintos elementos de la página.
Lección 5. Ver distintos archivos a la vez
Dreamweaver, al igual que la práctica totalidad de los programas creados para Windows, permite visualizar varios archivos simultáneamente, si bien sólo es posible manipular uno de ellos cada vez. La versión CS5 de Dreamweaver presenta la disposición en forma de fichas de los diferentes documentos abiertos. Las pestañas identifican cada uno de los documentos y permiten activarlos fácilmente. De forma predeterminada, las fichas se muestran en el orden de creación o apertura de los archivos pero se pueden arrastrar para cambiarlas de posición. Dreamweaver también permite disponer los archivos en forma de Cascada y Mosaico, opciones clásicas de distribución de ventanas del sistema operativo de Microsoft.
RECUERDE
La disposición en forma de fichas facilita la selección de los diferentes archivos para su edición; sin embargo, el programa permite distribuirlos del modo que el usuario considere más oportuno.
1 Contamos al inicio de la lección con dos documentos en pantalla, creados en las prácticas anteriores. En la primera parte de esta lección conoceremos el modo de abrir archivos en Dreamweaver. Para ello, vamos a utilizar un archivo de muestra, denominado precisamente muestra.htm, que puede descargar desde nuestra página web junto con la imagen foto-flor.jpg y guardarlas ambas en la carpeta de documentos de su equipo. Una vez disponga de él, despliegue el menú Archivo y pulse sobre la opción Abrir.
2 El cuadro de diálogo Abrir se abre por defecto mostrando el contenido de la carpeta de documentos del equipo. Seleccione el documento muestra.htm y pulse sobre el botón Abrir para ejecutarlo en Dreamweaver.
3 El nuevo documento abierto se sitúa en primer plano, pero los otros continúan abiertos, como podemos comprobar viendo sus pestañas. A continuación, despliegue el menú Ventana.
4 En la parte inferior del menú Ventana se listan los documentos en uso. Pulse sobre el nombre del documento Untitled-2. (1)
La combinación de teclas Ctrl + O también nos conduce al cuadro de diálogo Abrir.
5 El documento seleccionado pasa a estar en primer plano. (2) Como hemos dicho, en la parte superior de la ventana del documento los archivos quedan representados por pestañas. Haga clic en la pestaña del documento muestra.htm para poner este documento en primer plano.
6 Dreamweaver conserva las disposiciones de ventana clásicas de Windows, accesibles desde el menú Ventana. Despliegue de nuevo este