dovresti scaricarti Gimp, (che trovi gratis in rete) e con quello crearti un'immagine mappata, poi basta inserire il codice che ti genera il programma ed inserirlo nella pagina....

http://www.programmaresulweb.it/come-creare-una-mappa-di-unimmagine-html-usando-gimp.html

... oltre a Gimp detto da MirKo, ...altre idee potrebbero venirti da qui:    https://helpcenter.websitex5.com/post/112618

... i link poi, una volta scelto il metodo adatto, li potresti indirizzare su finestra popup, o su showbox, o su IFRAME...

.

... per capire la fattibilità e scegliere il metodo più adatto, dovresti fornire l'immagine reale della mappa concettuale;  qualche esempio potresti trovarlo nel precedente link...

.

ciao

grazie ho risolto usando una tabella come letto nel post lincato da KolAsin. Un ultima domanda, inserendo le immagini nelle tabelle posso usare due immagini in modo da creare un effetto quando passa il mouse. non trovo quest'opzione da nessuna parte. cmq grazie siete stati risolutivi.

... è semplice; ...basta che prepari due immagini, una x SOPRA ed una x SOTTO (rollover) e le invii nella ROOT (o relativo percorso che preferisci), ed applicherai questa stringa di codice:

<img src="ImmagineSopra.jpg" onmouseover="this.src='ImmagineSotto.jpg'" onmouseout="this.src='ImmagineSopra.jpg'" />

... oppure, se le immagini le alleghi nella cartella "files", così:

<img src="files/ImmagineSopra.jpg" onmouseover="this.src='files/ImmagineSotto.jpg'" onmouseout="this.src='files/ImmagineSopra.jpg'" />

... occhio agli apici e doppi apici...

.

ciao