Aree Sensibili
Nella sezione "Principianti" abbiamo visto come inserire le immagini nella nostra pagina Web e come creare un link; adesso proviamo ad assemblare i due argomenti creando per esempio un'immagine che diventa un link e magari la rendiamo sensibile a seconda di dove clicchiamo. Eccoci così a trattare delle mappe sensibili, il tag a cui faremo riferimento è: <MAP> che naturalmente è un tag a chiusura obbligatoria: </MAP>.
Esempio:
| Operazione | Codice | Esempio: |
| Codice precedente Corpo del testo Carica immagine Imposta la mappa Controllo mappa Chiude la mappa Chiude il testo Chiude la pagina |
... <BODY> <IMG SRC="tramonto.jpg" USEMAP="#Tramonto"> <MAP NAME="Tramonto"> <AREA SHAPE="Circle"COORDS=X,Y,Z HREF="nomePagina.htm"> </MAP> </BODY> </HTML> |
Nel tag <IMG SRC> utilizziamo l'attributo USEMAP che richiama il nome del tag MAP, in questo modo immagine e mappa saranno collegate. Infine inseriamo i tag che creano internamente all'immagine delle aree sensibili, con l'attributo SHAPE definiamo la forma dell'area sensibile, con l'attributo COORDS definiamo le coordinate esatte dell'area sensibile ed infine con il classico HREF stabiliamo il riferimento ad un'altra pagina. Provate a cliccare sul pulsante Esempio 8, e muovete il mouse sulla figura, noterete che in due punti ho inserito due link (ve ne accorgerete perchè il puntatore del mouse diventerà una manina) con forme diverse; una volta individuate provate a cliccare sui due link.
Caratteri Speciali
Quando compiliamo la nostra pagina Web, dobbiamo tenere conto di alcuni fattori di solito trascurati: La nostra pagina viene messa
affinché tutti possano vederla, quindi verificate che tutto il vostro progetto funzioni sia con Internet Explorer sia con Netscape(altrimenti tagliate fuori una fetta di possibili visitatori), inoltre le pagine possono essere viste anche da persone sparse nel mondo, che utilizzano un S.O. ed una tastiera con caratteri spesso diversi dai nostri; è opportuno usare i caratteri speciali piuttosto che quelli presenti sulla nostra tastiera, sicuramente non presenti negli altri Paesi. Eccovi un sunto di tali caratteri:
| Operazione | Codice |
| carattere "è" carattere "È" carattere "é" carattere "à" carattere "ì" carattere "ò" carattere "ù" |
è È é à ì ò ù |
Prima di tutto un consiglio,
mettere la musica in sottofondo può essere piacevole ma se carichiamo file di grosse dimensioni o lo utilizziamo in tutte le pagine potrebbe risultare noioso; usatelo con parsimonia quindi. il tag a cui faremo riferimento è: <EMBED>.
Esempio:
| Operazione | Codice | Esempio: |
| Codice precedente Corpo del testo Carica il suono Chiude il testo Chiude la pagina |
... <BODY> <EMBED SRC="esempi/posta.wav" AUTOSTART="TRUE" HIDDEN=""> </BODY> </HTML> |
Nel tag <EMBED SRC> utilizziamo l'attributo AUTOSTART che permette di far partire la musica automaticamente e l'attributo HIDDEN per non mostrare i comandi per il controllo della musica(tipo il PLAY, FF, STOP, etc..).