Читать книгу Manual de Dreamweaver CS5 - MEDIAactive - Страница 13

Los paneles, accesibles desde el menú Ventana, contienen las opciones y los comandos que permiten modificar el comportamiento de los documentos y de los elementos que los componen. Adobe, en su suite de programas, ha desarrollado una interfaz común para todos sus productos, cambiando el sistema de mostrar los diferentes paneles, reduciéndolos al mínimo y agrupándolos en conjuntos. En Dreamweaver, los paneles se organizan en grupos. El panel seleccionado en un grupo de paneles aparece como una ficha. El programa, además, permite disponer de ellos de la manera que el usuario desee. Mediante la técnica de arrastre se pueden situar los diferentes grupos en el lugar elegido de la pantalla, bloqueándolos en alguno de los laterales (bien acoplándolos en algún grupo existente, bien conformando uno nuevo) o ubicándolos como flotantes. Los paneles incluyen un menú emergente con opciones adicionales al que se accede mediante el icono que aparece en su esquina superior derecha.

1 El panel Propiedades, conocido más usualmente como Inspector de propiedades, es uno de los principales de la aplicación y, por defecto, se encuentra acoplado en la parte inferior de la pantalla. Cada panel presenta en su parte superior una pestaña con su título seguida de una barra con el botón de opciones. Como ya vimos en la lección anterior, para contraer un panel es posible hacer doble clic sobre su pestaña, aunque también puede utilizar el menú contextual de la misma. En este caso y a modo de ejemplo, haga clic con el botón derecho del ratón sobre la pestaña del panel Propiedades y, en el menú contextual que se despliega, pulse sobre el comando Minimizar. (1)

En versiones anteriores del programa, era posible contraer un panel con un único clic en su cabecera.

2 Efectivamente, de este modo el panel queda contraído en este caso en la parte inferior de la pantalla, mostrando sólo la pestaña que lo encabeza. (2) Para mostrarlo nuevamente expandido, haga doble clic sobre dicha pestaña.

3 Dada la complejidad de sus funciones, Dreamweaver cuenta con un gran número de paneles. La mayoría de ellos se encuentran apilados en el lateral derecho de la pantalla en el espacio de trabajo predeterminado Diseñador. Algunos de estos paneles se presentan de forma independiente, aunque la mayoría se ven agrupados con paneles relacionados, como el panel Archivos y el panel Activos. Esto no significa que no puedan gestionarse por separado. Abra el menú Ventana y seleccione la opción Activos.

4 La ficha Activos pasa a primer plano dentro del grupo llamado Archivos. No es necesario utilizar el menú Ventana cada vez que se quiera alternar la ficha del grupo de paneles activa. Como ya sabe, para acceder a un panel activo basta con pulsar sobre su pestaña. Haga clic en la pestaña Archivos para visualizar de nuevo su contenido.

5 Los grupos pueden ser desacoplados mediante la técnica de arrastre y situados como flotantes en el lugar elegido del área de trabajo. Además de esta reubicación, los paneles pueden ser expandidos de manera que ocupen toda la pantalla, opción muy útil en aquellos casos en que la estructura del sitio Web creado sea muy amplia. Haga clic sobre el botón de opciones del panel Archivos y, del menú que se despliega, pulse sobre el comando Expandir panel de archivos. (3)

6 El panel Archivos adquiere el aspecto de ventana independiente. (4) Para contraer de nuevo el panel, pulse sobre el primer icono empezando por la derecha de la barra de herramientas de esta ventana.

Una vez contraído un panel, puede volver a expandirlo desplegando el menú contextual del panel contraído y pulsando sobre el comando Expandir panel.

Algunos paneles pueden mostrarse y ocultarse mediante la pulsación de una tecla o una combinación de teclas; en el caso del panel Archivos, esta tecla es la de función F8.

7 Despliegue de nuevo el menú Ventana y haga clic sobre el nombre del panel Inspector de etiquetas.

8 Se abre el panel Inspector de etiquetas compartiendo espacio con el conjunto de paneles Estilos CSS y Elementos PA. (5) El inspector de etiquetas permite ver y editar cada atributo asociado a una determinada etiqueta. Este panel contiene los subpaneles Atributos y Comportamientos. Despliegue el menú de opciones del panel.

9 El menú de opciones, pese a contener comandos diferenciados en su parte superior referidos a las funciones específicas del panel, presenta en la inferior una serie de opciones comunes. La primera abre la ayuda del programa en el punto en que ofrece información relativa al funcionamiento del panel. Las últimas opciones del menú posibilitan el cierre del panel o del grupo entero. En el menú emergente, pulse sobre la opción Cerrar grupo de fichas. (6)

El panel Inspector de etiquetas puede mostrarse y ocultarse mediante la pulsación de la tecla de función F9.

El comando Cerrar del menú de opciones de un conjunto de paneles permite ocultar sólo el panel activo.

10 El conjunto de paneles se oculta. No todos los paneles se presentan por defecto integrados El panel o ventana Inspector en la ventana de la aplicación. Despliegue de nuevo el menú Ventana y seleccione la opción Ins-de código ^{puede mostrarse}

El panel o ventana Inspector de código puede mostrarse pulsando la tecla de función F10.

11 El panel Inspector de código se dispone de manera independiente en forma de ventana flotante. (8) La disposición de grupos y paneles inicial viene configurada por la elección del espacio de trabajo. Sabemos que podemos resituar los paneles mediante la técnica de arrastre. Para añadir un panel a un grupo, basta con arrastrarlo hasta situarlo dentro del grupo deseado. Haga clic en la cabecera del panel Inspector de código y arrástrelo hasta situarlo dentro del grupo de paneles Archivos y Activos. (9)

Al situar el elemento arrastrado sobre la ubicación de destino, aparece un marco azul que indica si se encuentra dentro o fuera del grupo y, por tanto, el momento idóneo para soltar el botón del ratón.

12 De este modo, el panel Inspector de código pasa a formar parte del conjunto encabezado por el panel Archivos. (10) El programa permite contraer en iconos todos los conjuntos de paneles a la vez, liberando el espacio de trabajo. Para ello, pulse sobre la doble punta de flecha situada en la parte superior derecha del espacio de paneles. (11)

Encontrará el comando Contraer en iconos también en el menú contextual de la cabecera de los conjuntos de paneles.

13 De esta forma los paneles se muestran en forma de iconos (12) Como novedad en la versión CS5 de Dreamweaver, entre los paneles predeterminados se incluyen los denominados Adobe BrowserLab y Business Catalyst. El programa se integra con Adobe BrowserLab, uno de los nuevos servicios en línea de CS Live, que proporciona una solución rápida y precisa para realizar pruebas de compatibilidad con múltiples navegadores. Por su parte, Business Catalyst es una aplicación alojada que sustituye las herramientas de escritorio tradicionales por una plataforma central para diseñadores web. Además de efectuar la contracción de los paneles, también puede ocultarlos por completo para conseguir así todavía más espacio en el área de trabajo. Para ello, despliegue el menú Ventana y haga clic sobre el comando Mostrar paneles. (13)

14 Efectivamente, los conjuntos de paneles han desaparecido y ahora dispone de toda la ventana central del programa para trabajar. (14) Para dar por acabado este ejercicio, despliegue de nuevo el menú Ventana y pulse sobre el comando Mostrar paneles.

La tecla de función F4 también permite mostrar y ocultar los conjuntos de paneles.

Debe saber que puede encontrar el comando Mostrar paneles del menú Ventana también en el menú Ver.