MEDIAactive - Aprender Dreamweaver CS4 con 100 ejercicios prácticos

2 La primera columna de opciones del cuadro Nuevo documento permite la creación de una página en blanco, una plantilla en blanco, una página de plantilla, una página de muestra u otro tipo de documento. En el panel de la derecha se muestran los tipos de página, que varían según el tipo de documento seleccionado. La segunda parte de este panel incluye los tipos de páginas dinámicas. Seleccione la categoría Plantilla en blanco.

3 Las opciones de esta categoría permiten crear una plantilla que presente uno de los formatos del listado central. Una vez almacenado como plantilla, un documento podrá ser utilizado como base para la creación de otras páginas. Pulse sobre la categoría Página de plantilla.

4 El panel central nos indica que no existen sitios almacenados. Seleccione la categoría Otro. Los tipos de archivo de la categoría Otro están destinados a programadores experimentados.

5 Los tipos de archivo listados en esta categoría están destinados a programadores experimentados en estos lenguajes, basados en texto, con los que no es posible trabajar de forma visual mediante el programa. Pulse sobre la categoría Página de muestra.

6 Haga clic sobre la opción Colores: Rojo del panel Página de muestra y pulse el botón Crear.

7 Aparece el nuevo documento CSS modificado en su creación, como indica el asterisco junto al nombre del archivo en su pestaña. Pulse la combinación de teclas Ctrl.+N.

8 Pulse sobre la categoría Página en blanco, mantenga seleccionada la opción HTML y haga clic sobre el primer diseño de página de 2 columnas elásticas para ver su aspecto.

9 Pulse el botón Preferencias y, en el cuadro Preferencias, haga clic en el botón de flecha de la opción Documento predeterminado para acceder a sus opciones.

10 Si la mayoría de las páginas de un sitio van a ser de un tipo de archivo concreto resulta aconsejable predeterminarlo. Mantenga seleccionada la opción HTML y haga clic en Aceptar.Desde el cuadro de preferencias de Dreamweaver puede indicar qué tipo de documento será el documento predeterminado.

11 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 un nuevo documento.

IMPORTANTE

Los estilos CSSpermiten dotar de unas características comunes a las páginas, controlando parámetros relacionados con el aspecto que deben presentar los diferentes elementos que las componen, como el fondo y las tablas. El cuadro de diálogo Nuevo documento de la versión CS4 de Dreamweaver ofrece el panel Página de muestra,con todas las características de estos estilos y una vista previa y una descripción del estilo seleccionado.

DREAMWEAVER MUESTRA LOS DIFERENTES documentos abiertos distribuidos en fichas. Sus pestañas los identifican 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. Las fichas sólo se muestran cuando la ventana del archivo se encuentra maximizada; en caso contrario, las ventanas funcionan como las tradicionales de Windows. 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.

IMPORTANTE

Dreamweaver ofrece una posibilidad de recuperación directa de los archivos de uso reciente. Se trata de la opción Abrir recientedel menú Archivo, que contiene un submenú con el listado de los documentos que han sido editados y almacenados con anterioridad.

1 Contamos al inicio de la lección con varios documentos en pantalla creados en las prácticas anteriores. Para realizar este ejercicio, debe disponer de una página HTML de ejemplo almacenada en su equipo. Abra el menú Archivo y pulse en la opción Abrir. Puede acceder al cuadro de diálogo Abrir usando esa opción del menú Archivo o bien la combinación de teclas Ctrl.+O.

2 La acción nos conduce al cuadro de diálogo Abrir. Localice y seleccione su archivo de ejemplo y pulse el botón Abrir.

3 Abra el menú Ventana y pulse sobre uno de los documentos sin título para mostrarlo en primer plano. En la parte final del menú Ventana puede ver la lista de todos los documentos abiertos en estos momentos. Puede activarlos pulsando sobre ellos.

4 El archivo de ejemplo sigue abierto, pero permanece inactivo. Haga clic en la pestaña de ese archivo para activarlo.

5 Esta disposición en forma de fichas facilita la selección de los archivos para su edición. Pero el programa permite distribuirlos de otras maneras. Dreamweaver conserva las disposiciones de ventana clásicas de Windows, accesibles desde el menú Ventana. Ábralo y seleccione la opción Cascada. Dreamweaver permite mostrar las ventanas de los diferentes documentos abiertos en forma de cascada, de mosaico horizontal o de mosaico vertical.

6 Cada uno de los archivos se muestra en una ventana independiente, al estilo clásico de Windows . Para activar un documento, basta con hacer clic sobre su ventana. Los botones de control de la ventana, en el extremo derecho de su Barra de título, permiten controlar su estado de modo directo. Pulse el botón Minimizar de la ventana del documento de ejemplo.

7 El documento queda ubicado en la esquina inferior izquierda del área de trabajo. Pulse el botón Maximizar del siguiente archivo.