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

En lugar de trabajar desde el cuadro de diálogo Propiedades de la página para insertar una imagen de rastreo en una página web, también puede dirigirse al menú Ver, seleccionar el comando Imagen de rastreo y del submenú que contiene elegir la opción Cargar. Tras esta acción, se abrirá el cuadro de diálogo Seleccionar origen de imagen, en el cual deberá localizar y seleccionar la imagen que desea utilizar como guía para el documento.

1 Tras conocer en la lección anterior el modo de utilizar una imagen como fondo de una página Web, insertaremos en la presente práctica una imagen de rastreo, la cual podría servir de guía de diseño para la posterior elaboración de nuestro sitio web. Para ello utilizaremos la página principal de nuestro sitio elemental, index.html, que se encuentra abierta en segundo plano, así como un nuevo archivo de ejemplo que puede descargar desde nuestra página web con el nombre rastreo.jpg. Cuando disponga de esta nueva imagen almacenada en la carpeta de imágenes de su equipo, ponga en primer plano el documento index.html haciendo clic en su pestaña.

2 El proceso para insertar una imagen de rastreo es prácticamente el mismo que el que utilizamos para insertar una imagen de fondo a una página. Por lo tanto, despliegue el menú Modificar y haga clic sobre el comando Propiedades de la página. (1)

Las imágenes de rastreo pueden encontrarse en formato JPEG, GIF o PNG.

La combinación de teclas Ctrl + J también abre el cuadro de diálogo Propiedades de la página.

3 El cuadro de diálogo Propiedades de la página cuenta con una categoría dedicada específicamente a la inserción de imágenes de rastreo. Haga clic en dicha categoría, denominada precisamente Imagen de rastreo. (2)

4 Como en el caso anterior, cuando utilizamos las imágenes como fondo de las páginas, en primer lugar deberemos especificar el directorio en el que se encuentra el documento que va a ser utilizado como imagen de rastreo. Pulse el botón Examinar situado a la derecha del campo Imagen de rastreo.

5 Aparece el cuadro de diálogo Seleccionar origen de imagen, que nos permite seleccionar directamente el documento que va a ser utilizado como imagen de rastreo. Este cuadro se abre mostrando la última ubicación con la que ha trabajado, en este caso, la carpeta de imágenes del equipo, en la que precisamente se encontrará la 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.