Ja sabeu que una imatge pot enllaçar a una pàgina. També podeu aconseguir que una imatge tingui més d'un enllaç, ja sigui a diferents pàgines, ja sigui a diferents objectius en una mateixa pàgina o una combinació d'ambdues opcions.

Amb el Dreamweaver podeu definir diverses zones d'una imatge i assignar-li diferents enllaços. Per veure un exemple cliqueu diferents zones de la figura que veieu aquí a la dreta.

Les versions més antigues dels navegadors no suporten les imatges amb enllaços múltiples: les imatges es visualitzen, però els enllaços no funcionen.

Recupereu la pàgina garrotxa.htm del mòdul anterior i inseriu la imatge garrotxa.jpg en el lloc de la pàgina que us sembli més oportú.

Seleccioneu la imate i fixeu-vos amb els botons Herramienta zona interactiva de la finestra de propietats

Si no apareixen aquestes icones recordeu de prémer la fletxa d'ampliació de propietats

Amb la Herramienta zona interactiva oval encercleu l'àrea d'Olot. (Posteriorment podeu afinar la regió amb Herramienta puntero de zona interactiva ).
Després amb el punter seleccioneu la zona i ompliu la finestra de propietats amb el fitxer destí (i, en aquest cas, punt de fixació) i text alternatiu. Fixeu-vos que es tracta d'un enllaç a l'objectiu #olot de la pàgina municipis.htm. Assegureu-vos del nom exacte de l'objectiu (alerta amb les majúscules!) per evitar errors en els enllaços.

Repetiu l'acció per a cada un dels municipis referenciats a la pàgina municipis.htm. En acabar, deseu la pàgina, visualitzeu-la en el Navegador i comproveu el seu funcionament.