Foros del Web » Creando para Internet » HTML »

Mapa de imagen en Dreamweaver

Estas en el tema de Mapa de imagen en Dreamweaver en el foro de HTML en Foros del Web. Hola,me gustaria hacer un mapa de imagen en Dreamweaver para el proyecto de clase que estoy haciendo. Se trata de coger un mapa de España ...
  #1 (permalink)  
Antiguo 04/12/2010, 05:17
 
Fecha de Ingreso: diciembre-2007
Mensajes: 81
Antigüedad: 16 años, 4 meses
Puntos: 0
Mapa de imagen en Dreamweaver

Hola,me gustaria hacer un mapa de imagen en Dreamweaver para el proyecto de clase que estoy haciendo.

Se trata de coger un mapa de España e ir haciendo zonas por cada provincia de forma que al hacer click en cada una de las provincias lleve a otra pagina.

Mi pregunta es,se le puede dar estilo a cada una de esas zonas para que al pasar el raton por encima se sepa en que provincia estamos? O es mejor hacerlo con Flash?

Si es mejor hacerlo con flash?algun tutorial que me ayude?

Gracias.
  #2 (permalink)  
Antiguo 04/12/2010, 05:37
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Mapa de imagen en Dreamweaver

Hola:

Las áreas no admiten estilos, así que entre las posibilidades está hacer rollover de las mismas. Si tu mapa tiene colores planos, puedes ayudarte de esta página: Capturar áreas en imágenes.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 04/12/2010, 05:53
 
Fecha de Ingreso: diciembre-2007
Mensajes: 81
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: Mapa de imagen en Dreamweaver

Cada provincia esta pintada de un color,lo que me gustaria es saber como funciona la pagina que me has mandado.
  #4 (permalink)  
Antiguo 04/12/2010, 06:00
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: Mapa de imagen en Dreamweaver

Selecciona la etiqueta de la provincia (<area>) y dentro le pones title="nombre de la provincia" cuando pases el raton por encima saldra el nombre de la provincia y para que la abra en otra pestaña pones target="_blank".
ej:
Código HTML:
<area href="enlace a la pagina#nombre" title="nombre de la provincia" target="_blank" shape="rect" coords="217,84,333,253"> 
  #5 (permalink)  
Antiguo 04/12/2010, 06:04
 
Fecha de Ingreso: diciembre-2007
Mensajes: 81
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: Mapa de imagen en Dreamweaver

Gracias,pero solo era para saber si se le podia dar algun efecto dependiendo sobre que provincia tengamos el raton encima.
  #6 (permalink)  
Antiguo 04/12/2010, 13:51
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Mapa de imagen en Dreamweaver

Cita:
Iniciado por vandyk26 Ver Mensaje
Cada provincia esta pintada de un color,lo que me gustaria es saber como funciona la pagina que me has mandado.
Hola:

La técnica es hacer rollover de las imágenes, pero con los eventos de las áreas... si te fijas, el mapa está hecho sobre una imagen transparente, superpuesta entre la original, y una imagen transparente con la silueta de cada elemento, o sea que el mouseover del área, muestra solo la silueta (que también podría ser cualquier otra cosa), y se oculta con el mouseout, como todos los efectos rollover... el código se puede ver en la misma página.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: dreamweaver, mapa
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:48.