| 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.
-
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.
-
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
|