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

Tenga en cuenta que si el archivo al que desea asociar la nota de diseño se encuentra en un sitio remoto, primero debe proteger u obtener el documento en cuestión y, a continuación, seleccionarlo en la carpeta local.

1 En esta lección conoceremos el modo de introducir un tipo de ayudas que proporciona el programa para facilitar el control del trabajo realizado, las llamadas Design Notes o notas de diseño. Despliegue el menú Archivo y seleccione el comando Design Notes. (1)

2 Las Design Notes son notas de diseño que el usuario crea para un archivo, las cuales se asocian al archivo que describen, pero se guardan en un archivo aparte. El cuadro de diálogo Design Notes, el cual consta de dos pestañas (Información básica y Toda la información), presenta en su parte superior un desplegable que permite designar el estado para la nota de diseño. Despliegue el campo Estado y, tras comprobar las opciones que contiene, mantenga seleccionada la opción Borrador. (2)

También es posible acceder al cuadro de diálogo Design Notes desde el menú contextual del documento al que deseemos asociar la nota.

3 Seguidamente, haga clic en el icono situado en la parte superior derecha del cuadro de texto Nota para que aparezca la fecha local actual en la nota.

4 Efectivamente, la fecha actual se inserta al inicio del espacio reservado para el texto de la nota. (3) Las notas de diseño pueden ser utilizadas para mantener información adicional asociada a los documentos, como comentarios sobre el estado del archivo. En el campo Nota, haga clic por debajo de la fecha actual, escriba la frase borrar referencia y pulse la tecla Retorno. (4)

5 Las notas de diseño también pueden ser empleadas para realizar el seguimiento de la información confidencial que no puede introducir en un documento por motivos de seguridad. Active con un clic la casilla de verificación de la opción Mostrar al abrir el archivo para activarla.

6 De este modo la nota pasa a estar activa y será mostrada antes de poder iniciar la edición del documento al que se encuentra asociada. Haga clic en la pestaña Toda la información para acceder a esta ficha.

7 La ficha Toda la información muestra en la parte superior el nombre y la ubicación del archivo al que la nota quedará asociada, en este caso la página principal, index.html, del sitio elemental. El botón que muestra el signo + permite la introducción de nuevos elementos en la nota, los parámetros de los cuales pueden ser definidos en los cuadros Nombre y Valor. Vamos a comprobarlo. Haga clic sobre el signo +. (5)

8 El cursor de edición se sitúa en el campo Nombre, lo que significa que podemos insertar la nueva nota. Como ejemplo, en este campo escriba la palabra Autor.

9 Haga clic en el campo Valor y escriba el nombre Sonia. (6)

El botón que muestra el signo – elimina de la nota el elemento seleccionado en el campo Información.

Si necesita información acerca de la creación y el uso de las notas de diseño, pulse el botón Ayuda.

10 De esta forma hemos agregado un nuevo par de elementos en la misma nota de diseño. Pulse el botón Aceptar.

11 Para comprobar que la nota ha quedado activada y asociada correctamente al archivo index.html, en primer lugar deberemos cerrarlo. Pulse el botón de aspa de la pestaña del documento y haga clic en el botón Sí del cuadro de advertencia para almacenar las modificaciones.

12 Dreamweaver guarda las notas de diseño en una carpeta llamada _notes en la misma ubicación que el archivo actual. El nombre de archivo será el nombre del documento más la extensión .mno. A continuación, despliegue el panel Archivos y haga doble clic sobre la página index.html para abrirla de nuevo en el área de trabajo.

13 Efectivamente, el programa, antes de cargar la página para su edición, muestra la nota asociada al archivo en el mismo cuadro de diálogo Design Notes. En este cuadro, pulse en la casilla de verificación de la opción Mostrar al abrir el archivo para desactivarla y, seguidamente, haga clic en Aceptar.

14 Automáticamente el programa carga la página index.html, posibilitando su edición. La nota sigue asociada al documento, pese a que no volverá a ser mostrada a menos que sea activada de nuevo. ¿Cómo podemos saber si una página en un sitio web cuenta con notas de diseño asociadas? Dreamweaver permite añadir una columna en el panel Archivos denominada Notas que indica la existencia o no de este tipo de notas. Por defecto, esta columna se encuentra oculta. Veamos cómo mostrarla. Despliegue el menú Sitio y haga clic sobre el comando Administrar sitios. (7)

Si necesita recordar algún aspecto acerca de la creación de un sitio local, no dude en consultar las lecciones 9 y 10 de este manual.

Mediante el botón + situado debajo del cuadro de columnas puede insertar columnas personalizadas en el panel Archivos.

15 En el cuadro de diálogo Administrar sitios, con el sitio elemental seleccionado, haga clic en el botón Editar para acceder al cuadro de configuración del sitio.

16 Se abre así el cuadro de diálogo Configuración del sitio para elemental, en el cual debemos acceder a las opciones de configuración avanzadas. Para ello, haga clic sobre la categoría Configuración avanzada y muestre la sección Columnas vista archivo. (8)

17 En esta sección se muestran todas las columnas que aparecen en el panel Archivos con la información referente a las páginas y los elementos de un sitio web. En este caso, compruebe que todas las columnas se encuentran activas (con el estado Mostrar en la columna del mismo nombre), excepto la de las notas (con el estado Ocultar). Haga doble clic sobre el nombre de la columna Nota para editarla.

18 A continuación, marque la opción Mostrar en el apartado Opciones para cambiar el estado de la columna de notas y haga clic en Guardar para confirmar el cambio. (9)

19 Efectivamente, el cambio se refleja ahora en el cuadro de columnas. Pulse en Guardar en el cuadro de configuración del sitio. (10)

La opción Activar columnas compartidas, desactivada por defecto en el cuadro de configuración del sitio, permite compartir las notas de diseño con el resto de los documentos del sitio. La activación de esta opción requiere, sin embargo, activar las Design Notes, así como la carga de las mismas.

20 De vuelta al cuadro Administrar sitios, pulse el botón Listo para confirmar los cambios realizados.

21 Efectivamente, en el panel Archivos ya puede comprobar la aparición de la columna Nota y del icono de color amarillo que indica que la página index.html cuenta con una nota de diseño asociada. (11) Ahora puede consultar la nota de diseño directamente desde el panel Archivos. Para ello, haga doble clic sobre el icono de color amarillo.

22 Efectivamente, se abre el cuadro de diálogo Design notes mostrando los datos de la nota asociada. (12) Pulse el botón Aceptar para salir de este cuadro y dar así por terminada esta lección.

Si desea eliminar todos los archivos locales de Design Notes del sitio, acceda al cuadro de configuración del sitio, concretamente a las opciones de configuración avanzada, y en la sección Design Notes, haga clic en Limpiar, confirmando la operación de eliminación cuando el programa lo solicite.