imagen que necesitamos. Seleccione el documento rastreo.jpg y pulse el botón Aceptar. (3)
Al seleccionar un archivo en el cuadro Seleccionar origen de imagen, se muestra la vista previa del mismo en la parte derecha de este cuadro, siempre y cuando la opción Vista previa de imagen se encuentre activada.
Si pulsa el botón Aplicar en el cuadro Propiedades de la página podrá comprobar el resultado sobre la página activa antes de aceptar los cambios definitivamente.
6 También como en el caso de las imágenes de fondo, el programa determina realizar una copia del archivo seleccionado en el directorio preestablecido para albergar este tipo de archivos dentro del sitio, la carpeta images. Pulse el botón Aceptar.
7 La imagen queda incrustada en el fondo como guía visual para facilitar la edición de la página y su correcta estructuración. (4) A diferencia de la utilizada como fondo de la página, la imagen de rastreo sólo sirve como referencia, ya que no aparece cuando el documento se muestra en un navegador de Internet. Es por ello que el programa permite aplicar un índice de transparencia a este tipo de imágenes. Vamos a comprobarlo. Pulse sobre el botón Propiedades de la página del panel Propiedades.
8 En el cuadro Propiedades de la página, seleccione de nuevo la categoría Imagen de rastreo. (5)
9 Por defecto las imágenes se muestran completamente opacas. La barra deslizante del campo Transparencia permite determinar el índice de opacidad de la imagen de rastreo. Así el 100% actual indica la opacidad absoluta de la imagen. Haga clic en la parte izquierda de la barra Transparencia para establecer una opacidad del 20%. (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.
