• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare mappe immagini

Ignazio96

Utente Guru
Autore del topic
User Legend
9 Marzo 2008
10.985
155
Miglior risposta
0
Salve a tutti, oggi vi insegnerò come creare una immagine che funzioni come una mappa.

Vi faccio un esempio, avete un'immagine dell'Italia e volete che clickando la Campania vi porti a
' Campania.html ' o che clickando l'Emilia Romagna vi porti a Romagna.html.

Questo è possibile farlo tramite l'HTML, ma oggi vi spiegherò come farlo in maniera del tutto semplice con un programma chiamato
TomaWeb Image Mapper

Il programma è FREEWARE quindi è gratis e scaricabile dal sito

Perfavore, Entra oppure Registrati per vedere i Link!

Per prima cosa installiamo il programma
ed apriamolo, premiamo su
d89509e2d6257049b1c7419596fe2bad.png
e selezioniamo la nostra immagine ( Deve essere .gif o .jpeg )


f8a3421f7ebf269dd4523bfe8ba8850d.png


Adesso premiamo uno dei nostri strumenti di selezione
bbfb6fe9c0b9a5eccc2d408319711090.png
che saranno

Da sinistra verso destra

1) Selezione forma a piacere
2) Selezione rettangolare
3) Selezione circolare

Essendo la mia immagine piena di spigoli e con una forma astratta ho selezionato la prima scelta ed ho iniziato a contornare la provincia di Caserta.

Una volta finito premete su
27c5e6947d89909dccf9aa8b4bcf3d6b.png
e rifate il passo precedente tante volte quanti contorni si vogliono creare.

5c9bd31ca3bb44bb369c13e4c79dd294.png


Finita questa procedura premete su
02bdfccaa3bdba0e9cd3188ef7a99344.png
e prendete il codice html della vostra mappa.

Per un esempio di come funziona potete andare qui:
Perfavore, Entra oppure Registrati per vedere i Link!
Perfavore, Entra oppure Registrati per vedere i Link!
, funzionano solo le provincie di Caserta e Benevento come dimostrazione.

Ciao! ^^