About Taringa!

Popular channels

Como mapear una imagen con dreamwaver

Como mapear una imagen con dreamwaver





Hola, primero que nada si no lo tenes, bajalo desde Adobe, y te cuento como podes hacer que en una imagen puedas hacer clic, en un sector especifico de la misma elegido por vos, para enviarte a otra pagina.



Una vez abierto Dreamwaver y seleccionado HTML, vas a Insertar y seleccionas Imagen, una vez colocada la imagen, en el panel de Propiedades, debajo de todo a la izquierda podrás ver Herramienta Zona interactiva rectangularHerramienta Zona interactiva circular y Herramienta Zona interactiva poligonal, selecciona la que más te guste con sentido común, para dar las medidas del sector que seleccionarás con el mouse donde habrá que hacer clic, luego de darle la forma necesaria,  debajo en el panel de Propiedades donde dice Vinculo, colocarás el dominio o el nombre de la página donde quieres que te envíe la zona mapeada al hacer clic, donde dice Destino podes hacer que se habrá en otra pestaña o ventana sino querés que ocupe la misma pestaña donde estará la imagen, luego de haber hecho esto, donde esta la imagen debajo seleccionarás Herramienta Seleccionar y listo. Revisa bien donde vas a guardar el archivo HTML), que no sea donde está la imagen (Crea la carpeta imagenes dentro de la carpeta del archivo HTML) sino cuando lo habrás en el navegador no funcionará, si funciona copias el código que te demuestro como ejemplo a continuación y lo pegas en la página que estés diseñando, (No te olvides de especificar exactamente la dirección de la imagen, sino no se va a mostrar, tendrás que cambiar la dirección de la imagen.

El código Ejemplo:




 



La dirección del archivo de imagen JPG que muestro en el ejemplo tendrás que cambiarla por solamente .
Otra cosa, si modificas el tamaño de la imagen el mapeo se perderá de donde lo seleccionaste y puede ser que se haya movido a otro sector de la misma o haberse quitado del todo por la redimensión de la imagen. Por eso si necesitas redimensionar la imagen tendrás que mapearla otra vez.


Espero que haya servido. Compartir es agradecer.


0No comments yet
      GIF