(6)
En lugar de trabajar mediante clics, puede arrastrar el botón deslizante del parámetro Transparencia hasta el punto que necesite.
10 La imagen de rastreo será por tanto un 80% transparente. Para comprobarlo, pulse el botón Aceptar.
11 De este modo la imagen podrá ser utilizada de guía, sin que resulte visualmente molesta, para situar los diferentes elementos que compondrán la página. (7) Muestre el panel Archivos y compruebe como el programa ha situado automáticamente el archivo utilizado como imagen de rastreo en la carpeta predeterminada del sitio. (8)
Una vez insertada la imagen de rastreo, ésta puede ser modificada, además de respecto a su transparencia, ajustando su posición y la alineación en la página. Para ello, es preciso dirigirse al comando Imagen de rastreo del menú Ver.
Lección 14. Insertar notas de diseño
Las notas de diseño, denominadas en Dreamweaver Design Notes, facilitan la conservación de información adicional asociada a los documentos, como los nombres de los archivos de imagen y comentarios sobre el estado del archivo. Se trata de notas que el desarrollador del sitio crea para un archivo, asociándose a éste pero almacenándose en un documento aparte. También es posible utilizar las notas de diseño para realizar el seguimiento de información confidencial que no puede introducir en un documento por motivos de seguridad. El cuadro de diálogo Design Notes permite su introducción y activación. Dreamweaver permite crear notas de diseño para cada documento o plantilla del sitio, así como para applets, controles ActiveX, imágenes, contenido Flash, objetos Shockwave y campos de imagen en los documentos.
RECUERDE
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)