¿Cuáles son las mejores prácticas para hacer un mapa de imágenes en estos días?

Sé de dos formas bastante convenientes de hacer un mapa de imagen. Si hay más formas, espero aprender sobre ellas.

  1. Exporte los elementos como PNG transparentes y colóquelos absolutamente como elementos de lista dentro de una lista no ordenada [1] .

    Este es el más flexible, a costa de un mayor tamaño de archivo. Los elementos podrían intercambiarse fácilmente, solo podrían necesitar ajustes menores de posición. Este método facilitaría mucho el script con una clase en cada elemento de la lista.

  2. O a la antigua usanza: use software como Dreamweaver para dibujar manualmente las coordenadas de su punto de acceso [2] .

    Menos flexible Como mencionó Ryan ODonnell, necesitaría volver a dibujar los mapas si algo cambia en la imagen. Animación de elementos específicos no posible.

[1] http://www.noobcube.com/tutorial…
[2] http://help.adobe.com/en_US/Drea…

Dreamweaver es una herramienta decente para dibujar formas personalizadas para mapas de imágenes, pero personalmente, cortaría la imagen en pedazos y la vincularía de esa manera. Luego, puede aplicar más fácilmente los eventos de desplazamiento y clic como mejor le parezca. Si sigue la ruta de los mapas de imágenes y el cliente tiene un cambio, tendrá que volver a dibujar los mapas de nuevo y bueno, eso simplemente explota.