Note sulla struttura della pagina :
La barra di navigazione é una Tabella annidata nella prima cella del secondo rigo della Tabella che comprende tutta la parte superiore della Pagina (fino allo Script di identificazione browser).
La seconda cella della prima Tabella, contiene la prima animazione sopra questa nota e questa nota stessa, questo é stato fatto per non essere costretti a spaziare con <br> questo testo che é scritto liberamente.
( La parte con lo sfondo stellato é contenuta in una seconda Tabella, implementata dopo lo Script di identificazione del browser.)
La mappa immagine usa funzioni JavaScript in ogni sezione dell'immagine, muovendo il mouse sopra di esse si vedrà la descrizione della sezione nella barra di stato e cliccando su una sezione, tale descrizione apparirà nella casella di testo, l'assegnazione delle Coordinate si fà partendo da Sinistra in alto e calcolando prima la distanza orizzontale e poi quella verticale scendendo insieme con il Browser, il rettangolo é definito da solo due punti, corrispondenti ai vertici opposti, quello in alto a sinistra e quello in basso a destra.
Questa a destra é un'immagine divisa in 6 sezioni da utilizzare come mappa ipertestuale a sinistra c'é una tabella delle stesse dimensioni per mostrare appunto la ripartizione e l'attribuzione delle Coordinate che definiscono le aree ipertestuali.
Mappa immagine lato cliente Sezione Poligonale
A titolo esemplificativo ecco la sintassi per accodare due istruzioni al gestore di eventi oOnMouseOver : <area shape=...onMouseOver="window.status='Rettangolo',window.form3.text3.value='Rettangolo, Clicca su questa sezione per leggerne le coordinate.'"; return true;>