Le Imagemap permettono all'utente di cliccare su sezioni predefinite di un'immagine presente nella propria pagina Web e avere in risposta dal server un comportamento uguale a quello che si avrebbe avuto se si fosse  cliccato su un hyperlink di testo. 

Utenti di FrontPage:
Se si ha FrontPage installato nel proprio account, non è necessario preoccuparsi di come vengono gestite le imagemap. Pensa a tutto FrontPage, il quale ha in dotazione un editor imagemap con il quale si puo' progettare ogni  'hot spot'  e automaticamente viene generato un codice sia per il lato client che per il lato server.

Imagemap lato Client
Le imagemap lato client non richiedono la presenza di uno script Web del lato-server circa la interpretazione delle aree "calde" della propria immagine grafica multi-cliccabile. L'imagemap lato client è molto più efficiente dell'imagemap lato server e permette al visitatore di vedere l'URL attuale associata con le regioni mappate nella barra di stato del loro browser. 

  1. Deve essere scaricato un programma di mapping per creare un map file basato sull'immagine desiderata. Il map file conterrà le coordinate di ciascuna parte d'immagine cliccabile. Sono consigliati i seguenti programmi di mapping: MapEdit (Pc) e WebMap (Mac), ma altri programmi di mapping sono disponibili.
  1. E' possibile operare il mapping sugli hotspot utilizzando uno di questi programmi e selezionare il formato del file map "Client-side imagemap" come alternativa a NCSA o CERN (per i server-side map), prima di salvare il file.
           Ecco un esempio di client-side map file creato usando MapEdit:

<map name="esempio">
<area shape="rect" coords="20,27,82,111" href="hotspot1.html">
<area shape="circle" coords="129,113,29" href="hotspot2.html">
<area shape="rect" coords="21,158,170,211" href="mailto:support@abcdefghi.com">
<area shape="default" nohref>
</map>
  • Includere il codice del map file dentro il documento HTML desiderato e fare riferimento ad esso utilizzando il seguente tag:
<img border="0" src="image.gif" usemap="#esempio">

Sostituire "image.gif" con l'immagine che si vuole effettivamente utilizzare e notare il rapporto tra il tag html <map name="esempio"> e l'attributo usemap="#esempio". Si può testare la nuova imagemap lato cliente offline sul proprio PC per vedere se i collegamenti fanno riferimento ai file indicati nel codice.

Imagemap lato server
Gli  imagemap lato server sono meno efficienti e meno intuitivi degli  imagemap lato client, ma sono più supportati, specialmente dai vecchi browser. 

Noi usiamo il processore integrato Apache per le imagemap, mod_imap, per eseguire le richieste di tipo imagemap.
mod_imap offre la stessa funzionalità di base sia di /cgi-bin/imagemap che di /cgi-bin/htimage, ma consente di utilizzare un codice html più semplice, gira più velocemente, ed ha una varietà di funzioni aggiuntive, inclusa la generazione di menu di testo per i browser solo testo (Lynx). 

Per implementare la funzionalità imagemap mod_imap, sono necessarie 2 operazioni:
     1) bisogna creare un file imagemap in formato NCSA mediante un programma come MapEdit (Pc) e WebMap (Mac). 

# esempio di NCSA map file
rect /sales/index.html 5,11 20,32 
poly /about/company.html 40,36 80,34 75,40 40,70
circle /contact.html#jeff 120,88 130,102
default /index.html

     2) quindi bisogna riferire il map file creato alla corrispondente immagine in formato HTML in questo modo: 

 

<A HREF="/path/mapfile.map">
<IMG border="0" SRC="image.gif" ISMAP></A>

Maggiori informazioni sul formato usato da mod_imap si possono trovare al seguente indirizzo: 
http://www.apache.org/docs/mod/mod_imap.html

Le informazioni di configurazione del file sono descritte a metà della pagina; nella prima parte della pagina vengono trattate primariamente le opzioni di .htaccess per la generazione di menu di testo e altre caratteristiche avanzate. Si possono ignorare queste informazioni se non si pensa di usare queste caratteristiche. 

Conversione da  /cgi-bin/imagemap a mod_imap:
Se si sta utilizzando correntemente /cgi-bin/imagemap, è facile passare al mod_imap. Se il proprio codice HTML si presenta così: 
<A HREF="/cgi-bin/imagemap/somepath/mapfile.map">
<IMG border="0" SRC="someimage.gif" ISMAP></A> 

E' sufficiente cambiarlo così: 
<A HREF="/somepath/mapfile.map"> 
<IMG border="0" SRC="someimage.gif" ISMAP></A> 

Non occorre fare altro. Da notare che tutto quello che c'è da fare è rimuovere '/cgi-bin/imagemap'. mod_imap e /cgi-bin/imagemap usano ambedue lo stesso formato NCSA, quindi non occorrono altri cambiamenti. 

Conversione da /cgi-bin/htimage a mod_imap:
Se si sta usando /cgi-bin/htimage, si potrà cambiare similarmente in questo modo: 
<A HREF="/cgi-bin/htimage/somepath/mapfile.map"> 
<IMG border="0" SRC="someimage.gif" ISMAP></A>

diventa: 
<A HREF="/somepath/mapfile.map"> 
<IMG border="0" SRC="someimage.gif" ISMAP></A> 

I programma htimage utilizza il formato imagemap CERN, così si deve, inoltre, convertire il proprio mapfile al formato NCSA. Se si sta usando un editor grafico di imagemap, si dovrebbe poter salvare con "Save As" in  ciascuno dei due formati, in maniera tale da essere in grado di caricare i propri file e risalvarli con il formato NCSA. Se il proprio editor non supporta NCSA, o si stanno creando manualmente i propri mapfile, bisogna fare questi cambiamenti da sè. 

Un semplice esempio che compara i due formati CERN e NCSA si può trovare all'indirizzo: 
http://www.ihip.com/mapfile.html

..................................................................

inizio pagina

..................................................................

pagina glossario

Home Page      Web Marketing      Web Design      Web Hosting       E-Commerce      Service 

Domain Parking       Domain Pointer        Faq        Glossario        Check Domain       Info 

pagina info