Por lo general cuando introducimos un Libro de Visita en nuestra Web, este contiene dos pagina una para ver el libro y otra para escribir en él. Normalmente lo que se suele hacer es utilizar dos imágenes distintas, una se vincula a la pagina del libro donde están las firmas y la otra se vincula a la pagina donde se escriben. En esta ocasión no ha sido así , puesto que sólo vamos a utilizar una imagen, he querido hacerlo de esta otra forma para introducir este nuevo concepto de "Mapa de Imagen"

Hasta ahora hemos aprendido a vincular una imagen a una página, pero puede ocurrir como en este caso que necesitemos vincular una misma imagen a más de una pagina, para ello dividimos imaginariamente dicha imagen y a cada parte que resulta de esta división le aplicamos un vínculo distinto. A esto se le llama aplicar un mapa de imagen. Bieenn!! pues vamos a ver como se hace, ¿vale?

Lo primero es verificar que tenemos activada la opción Ver mapa de imagen. Para ello vamos a Barra de herramientas / Ver / Ayudas visuales / mapa de imagen

En segundo lugar insertamos la imagen sobre la que queremos aplicar el mapa de imagen ( en este caso será el gráfico del libro que usamos en le bloque 1º), la seleccionamos para activar el inspector de propiedades.

En el inspector de propiedades rellenaremos la caja de texto Mapa   con un nombre, en este caso podría ser "libro". A continuación elegimos la forma del mapa que vayamos a aplicar, aquí tendremos que tener en cuenta que forma es la que mejor se adapta a nuestra imagen y a nuestras necesidades. En este caso concreto describiremos dos formas rectangulares de manera que cubran toda la imagen. Seleccionaremos para ello el icono: (forma rectangular) que se encuentra en el inspector de propiedades . Las razones de esta elección es en primer lugar el que sólo necesitaremos dos divisiones, una para el enlace "Ver Libro" y otra para el enlace "Firmar Libro" y en segundo lugar porque la imagen (Libro) tiene forma rectangular.

Para trazar estos rectángulos sobre la imagen arrastraremos el cursor sobre ella hasta describir un rectangulo que nos cubra la mitad superior del libro , el área que describamos tomará un color azul celeste.

En el caso que necesitemos modificar la forma que hemos descrito o desplazarla utilizaremos la herramienta puntero de zona interactiva,que se encuentra en el inspector de propiedades:

Una vez dibujada la forma, rellenaremos en el inspector de propiedades las casillas correspondientes a esta división que acabamos de describir. En vínculo ponemos la dirección de la pagina "ver" del libro de visitas y el resto como se indica en la imagen. La dirección de la página la recibirás en tu correo una vez que te registres en el servicio de libro de visitas en Melodysof

A continción procederemos de la misma forma para trazar la división que nos queda, procurando que toda la zona del libro quede cubierta:

Y en el inspector de propiedades rellenamos la casilla vínculo con la dirección de la página "firmar", el resto como se indica en la imagen

Y listooo!!, pulsa en el libro para ver el efecto

 

Pilar Biurrun
Original

Imprimir Tutorial

©2005 Pilar Biurrun / todos los Derechos Reservados

FIRMA MI LIBRO DE VISITAS VER LIBRO FIRMAR LIBRO