I testi non hanno il monopolio per quanto concerne l'iper... aumenta la versatilita' delle tue web page facendo in modo che figure fungano da link ipertestuali (prova proprio a fare click sul cubo!).
Il modo con cui fare questo e' mettere i tag HTML per le immagini inlinea nella porzione ipertestuale del tag ancora:
<a href="fileX.html"> <img src="graphic.gif"> Vai al Documento X</a>Nella tua web page, questo HTML dovrebbe visualizzare una immagine inlinea ed il testo Vai al Documento X. Entrambi fungeranno da hyperlink; facendo click o sulla figura oppure sul testo si dira' al tuo web browser di andare al file HTML fileX.html. Anche l'immagine da sola puo' essere un hyperlink. Nel World Wide Web, un "IperGrafico" generalmente ha come contorno una scatola dello stesso colore degli ipertesti visualizzati nella tua web page, in modo da sapere che questo e' "attivo".
NOTA: Diversi browser ora possono alterare il colore degli ipertesti ed alcune pagine hanno soppresso la visualizzazione di questo contorno dei link ipergrafici. Generalmente, si puo' identificare una area che funge da hyperlink cercando un eventuale cambiamento del cursore mentre attraversa aree "calde". Solitamente il cursore varia da una freccia ad una mano quando passa sopra ad un link attivo.Ora creeremo un bottone "iper" grafico. Per prima cosa, hai bisogno di procurarti una copia di un bottone a freccia dal Centro Per Il Download delle Immagini Lezione 8e.Dal punto di vista della progettazione, ci raccomandiamo che nel caso tu voglia usare una figura come collegamento ipertestuale tu offra anche un testo con le stesse funzioni o che tu usi l'attributo ALT= nel tag <IMG...> nel caso in cui il visitatore abbia disattivato il caricamento delle immagini.
Dovresti avere una copia del file grafico da qualche parte sul tuo computer (dovresti spostarlo nella folder/directory pictures nella tua workarea).
Quindi, aggiungi il codice HTML per far funzionare il bottone:
<hr> <a href="index.html#usa"> <img src="../pictures/left.gif"> Ritorna a <i>Volcano Web</i></a>
Nota: Il tag dell'immagine inlinea (<img...>) e' completamente contenuto dentro l'ancora, tra >, che segna la fine dell'URL e </a> che marca la fine dell'ipertesto. Nota anche come il tag <i> sia usato all'interno dell'ipertesto attivo per enfatizzare il titolo della lezione. E finalmente, abbiamo usato il tag <hr> per inserire una linea orizzontale o sopra il bottone (per maggiori informazioni su questo tag vedi la lezione 4).
Per prima cosa, hai bisogno di prendere una copia di due file grafici dal Centro Per Il Download delle Immagini Lezione 8e. (Questi file dovrebbero essere conservati nella tua folder/directory pictures della tua workarea).
Poi, crea un francobollo postale nel tuo file di testo principale:
Il sismometro di campo misura i terremoti associati con le
forze superficiali dei vulcani e puo' servire a predire simili
eventi futuri. E' posto su un altipiano noto come
"Volcanic Tableland" formato da un'eruzione maggiore
600,000 anni fa..
<p>
<a href="../pictures/seismo.jpg">
<img src="../pictures/stamp.gif" ALT="link to large image"
WIDTH="62" HEIGHT="85">
-- [immagine intera, 55k] --
</a>
L'immagine inlinea, stamp.gif agisce da hyperlink per una immagine di dimensioni maggiori, seismo.jpg. Quando un utente fa click o sul francobollo oppure sul testo "-- [immagine intera, 55k] --", il web browser visualizzera' l'immagine piu' grande in una pagina del browser.Nota l'uso delle dimensioni nell'immagine stamp.gif in <img...> cosi' come nell'attributo ALT=....
Nel tuo link ipertestuale noi abbiamo fornito il dato, per cui questa immagine e' 55k. Facendo cio', permetti all'utente di scegliere se sia il caso o meno di scaricare un'immagine di questa grandezza... Se il link portasse a qualcosa pesante un 1.6 Mb, il visitatore potrebbe potrebbe gradire esserne informato prima di provare a vedere un file di tale peso.
 |
|
blah blah blah blah blah blah blah blah blah blah blah blah
|
The Internet Connection at MCLI is
Alan Levine --}
Comments to mailto:alan.levine@domail.maricopa.edu?subject=Writing
HTML
