ZONAS INTERACTIVAS Una zona interactiva es un rea de un grfico web que est vinculada a una direccin URL.

Un mapa de imagen no es ms que un grfico sobre el que se han puesto varias zonas interactivas.

Las zonas interactivas y los mapas de imagen necesitan normalmente menos recursos que los grficos con divisiones. La creacin de divisiones necesita ms recursos por parte de los navegadores web debido a que es preciso descargar el cdigo HTML adicional y volver a ensamblar los grficos divididos. Las zonas interactivas resultan convenientes cuando desea vincular reas de una imagen con otras pginas web, pero no necesita resaltar estas reas ni producir efectos de rollover en respuesta a los movimientos o acciones del ratn. Las zonas interactivas y los mapas de imagen tambin son convenientes cuando el grfico en el que se ha insertado las zonas interactivas se exporta mejor como un nico archivo de imagen, es decir, utilizando un mismo formato de archivo y la misma configuracin de optimizacin. Creacin de zonas interactivas Despus de identificar las reas del grfico origen que podran servir como zonas interactivas, puede crear estas zonas y asignar vnculos URL. Existen dos formas de crear zonas interactivas: Puede dibujar un rea de destino en el grfico, utilizando las herramientas Zona interactiva rectangular, circular o poligonal (forma irregular). Es posible seleccionar un objeto e insertar en l la zona interactiva.

Las zonas interactivas pueden tener formas que no sean rectngulos ni crculos. Tambin puede crear zonas interactivas poligonales que consten de muchos puntos. Esto puede ser necesario cuando se trabaje con imgenes complejas. Para crear una zona interactiva rectangular o circular:

1. Elija la herramienta Zona interactiva rectangular o Zona interactiva circular

en la seccin Web del panel Herramientas.

2. Arrastre la herramienta Zona interactiva para dibujar una zona interactiva

sobre un rea del grfico. Mantenga pulsadas las teclas Alt-Mays (Windows) u Opcin-Mays (Macintosh) para dibujar a partir de un punto central. Para crear una zona interactiva con forma irregular:

1. Elija la herramienta Zona interactiva poligonal . 2. Haga clic en la herramienta para trazar los puntos de vector, igual que si
estuviese dibujando segmentos rectos con la herramienta Pluma. El relleno permite definir el rea de la zona interactiva, sin importar si el trazado est abierto o cerrado. Para crear una zona interactiva mediante el trazado de uno o varios objetos seleccionados:

1. Elija Editar > Insertar > Zona interactiva.

Si selecciona varios objetos, aparece un mensaje en el que se pregunta si desea crear una nica zona interactiva rectangular que abarque todos los objetos o varias zonas interactivas, una para cada objeto.

2. Haga clic en Uno o en Varios. En la capa de Web aparece una o varias zonas
interactivas nuevas.

Edicin de zonas interactivas Las zonas interactivas son objetos Web y, al igual que otros muchos objetos, pueden modificarse mediante las herramientas Puntero, Subseleccin y Transformar. Es posible cambiar la posicin y el tamao de una zona interactiva introduciendo valores numricos en el Inspector de propiedades o panel Informacin.

En el Inspector de propiedades tambin se puede cambiar la forma de una zona interactiva. Para convertir una zona interactiva seleccionada en otra rectangular, circular o poligonal: En el Inspector de propiedades, elija Rectngulo, Crculo o Polgono en el men emergente "Forma de la zona interactiva". Preparacin de las zonas interactivas para la exportacin Puede utilizar el Inspector de propiedades para asignar valores URL, texto alternativo, marcos destino y nombres personalizados a las zonas interactivas. Si el Inspector de propiedades est minimizado, haga clic en la flecha de expansin que se encuentra en la esquina inferior derecha para ver todas las propiedades.

Las propiedades de una zona interactiva se asignan del mismo modo que las propiedades de una divisin.

Creacin de mapas de imagen Una vez que ha aadido varias zonas interactivas sobre una imagen, es preciso exportar la imagen para que funcione como un mapa de imagen en un navegador Web. Cuando se exporta un mapa de imagen, se generan el archivo grfico y el archivo HTML que contiene la informacin de mapa para las zonas interactivas y los vnculos URL correspondientes. Como alternativa a la exportacin, puede copiar el mapa de imagen en el Portapapeles y pegarlo en Dreamweaver u otro editor HTML. Para exportar un mapa de imagen o copiarlo en el Portapapeles: Para preparar el grfico con el fin de exportarlo, debe optimizarlo.

1. Elija Archivo > Exportar. 2. Si desea exportar una imagen (en lugar de copiarla en el Portapapeles),
abra la carpeta en la que desea poner el archivo HTML y asigne un nombre al archivo. Si ya ha creado una estructura local de archivos para el sitio Web, puede guardar el grfico en la carpeta correcta del sitio. En el men desplegable "Tipo" elija HTML e imgenes. Elija una opcin en el men emergente HTML: "Exportar Archivo HTML" genera el archivo HTML necesario y los archivos de grficos correspondientes que despus podr importar en Dreamweaver u otro editor HTML.

3. 4.

5. 6. 7.

Copiar al Portapapeles simplemente copia el mapa de imagen en el Portapapeles de forma que despus pueda pegarlo en Dreamweaver u otro editor HTML. En Divisiones, elija Ninguna. Si fuera necesario, seleccione la opcin Colocar imgenes en subcarpeta y abra la carpeta adecuada. (Esto no es necesario si lo copia en el Portapapeles.) Haga clic en Guardar para cerrar el cuadro de dilogo Exportar.

Creacin de rollovers con zonas interactivas Si utiliza el mtodo de rollover de arrastrar y poner para crear interactividad, podr incluir fcilmente un efecto de rollover desunido en una zona interactiva, si el rea destino est definida como una divisin. Los efectos rollover se aplican en zonas interactivas como si fueran divisiones. Nota: Una zona interactiva slo puede activar un rollover desunido. No puede ser el elemento destino de un rollover que provenga de otra zona interactiva o divisin.

Despus de crear un rollover desunido con una zona interactiva, la lnea azul de conexin permanece visible al seleccionar la zona interactiva. Uso de zonas interactivas sobre divisiones Puede poner una zona interactiva sobre una divisin para activar una accin o comportamiento. Esto es conveniente si tiene una gran imagen y slo desea que una pequea porcin acte como activador de una accin. Por ejemplo, si tiene un grfico grande con texto sobre el mismo y desea que slo el texto active una accin o comportamiento, como un efecto rollover, puede poner una divisin sobre el grfico y despus una zona interactiva sobre el texto. Al situar el cursor sobre el texto se activar el efecto rollover, aunque todo el grfico que se encuentra debajo de la divisin desaparecer al producirse el efecto rollover. Evite la creacin de zonas interactivas que se superpongan sobre ms de una divisin ya que puede producirse un efecto impredecible.

Para crear un activador para un efecto rollover utilizando una zona interactiva sobre una divisin:

1. Inserte una divisin sobre la imagen que desee intercambiar. 2. Cree un nuevo fotograma en el panel Fotogramas e inserte una imagen que 3.
se utilizar como imagen de intercambio. Asegrese de ponerla debajo de la divisin insertada en el paso 1. Arrastre y ponga una lnea de comportamiento desde la zona interactiva hasta la divisin que contiene la imagen que desea intercambiar. Se abre el cuadro de dilogo Intercambiar imagen.

4. Elija el fotograma que contiene la imagen de rollover en la lista Intercambiar

imagen de, y haga clic en Aceptar.