Writing HTML | Riguardo A | FAQ | Riferimenti | Tag | Lezioni | indietro | avanti

8c. Link Al Mondo: Siti Internet

Hai gia' controllato i motori, e muori dalla voglia di imboccare la Information SuperHighway, vero? Bene, ora cominceremo ad estendere il nostro uso dei tag ancora per creare collegamenti a risorse esterne, nella Rete.

Obiettivi

Dopo questa lezione sarai in grado di:

Creare un'ancora per collegare ad un sito Internet.
Copiare velocemente l'URL per un sito ed utilizzarlo nel tuo documento HTML.

Lezione

Nota: Se non hai i documenti di lavoro dalla lezione precedente scaricane una copia ora.

HTML per Ancore Internet

Creare un collegamento ad un sito Internet combina quegli argomenti a cui abbiamo lavorato nella prima parte della lezione Link a File Locali (Lezione 8a) con quello che abbiamo appreso sugli URL (Lezione 8b). Il codice HTML completo per un link ancora verso un elemento di Internet e':


     <a href="URL">Testo per Attivare il Link</a>

dove URL e' il Uniform Resource Locator completo, tra doppi apici, l'indirizzo del sito Internet a cui vuoi reindirizzare il visitatore. La stringa Testo per Attivare il Link e' quello che sara' evidenziato come ipertesto nel tuo web browser, (solitamente, ma non in tutti i casi) sottolineato ed in color blu. Quando i visitatori del sito faranno click su un ipertesto, il web browser li connettera' al sito indicato dall'URL. Ricorda che un URL puo' essere un collegamento ad un altro World Wide Web (WWW) server, un server Gopher, un sito FTP o qualsiasi grafico, testo, suono, file video su questi server.

Ora, dovremmo aggiungere un link ipertestuale ad un sito NASA che dispone di informazioni sui vulcani presenti sul pianeta Marte. Segui queste indicazioni per aggiungere link ad ancora al tuo documento HTML:

Apri il tuo file index.html nel text editor.
Sotto l'intestazione, Luoghi Vulcanici su Marte, inserisci il seguente testo:
```
<a href="http://www.hawastsoc.org/solar/eng/mars.htm">
Marte</a> ha la sua bella varieta' di formazioni vulcaniche,
incluso il vulcano conosciuto piu' grande del sistema solare, il 
<a href="http://www.hawastsoc.org/solar/raw/mars/olympus.jpg">
Monte Olimpo</a>
```
Nota: Abbiamo fatto un link tra due tipi diversi di informazioni. Il primo collegamento ipertestuale connette ad una web page che fornisce informazioni sul pianeta Marte. Il secondo e' un link ad una piccola immagine GIF di un vulcano marziano.
Salva e Aggiorna nel tuo web browser

Un Modo Facile e Veloce per Inserire URL negli Anchor Tag

Mentre navighi tra pagine web diverse, l'URL della pagina attualmente visibile puo' essere visto nella parte superiore della finestra del web browser (potresti dover dare un'occhiata al menu Visualizza, opzione Barre Strumenti, Collegamenti). Per esempio, in questo documento, l'URL e' qualche cosa tipo:


   http://www.connect.it/procura/courseIT/tut/tut8c.html

Puoi usare il tuo mouse per selezionare e copiare un URL dal display del web browser e quindi incollarlo nel tag anchor del tuo documento HTML. Questo metodo e' molto piu' efficiente rispetto a quello di scriversi gli URL su carta (alcuni sono veramente lunghi!)

Ora aggiungeremo alcuni link ad altri siti di cui faremo una lista sotto la sezione Riferimenti della nostra lezione sul vulcano. Uno dei siti che potrebbero fornire informazioni di rilievo e' quello dello US Geological Survey.

Segui questi punti:

Apri il tuo documento HTML index.html nel text editor
Sotto l'intestazione "Riferimenti", digita:
```
<ul>
<li> <a href="">Educational Resources from the
USGS</a>
</ul>
```
NOTA: Noi abbiamo costruito il link ipertestuale ma bisogna che inserisci un URL tra i doppi apici.
Connettiti allo US Geological Survey Education Index.
Dalla web page, usa il mouse per selezionare l'URL come visualizzato nel suo campo.
Dal menu Visualizza, Copia l'URL.
Ora, torna al tuo documento index.html
Fai click con il mouse una volta tra i doppi apici che hai inserito al passo #2 e Incolla il testo che hai copiato al passo #5. Il risultato finale dovrebbe essere simile a:
```
<a href="http://info.er.usgs.gov/education/index.html"> 
Educational Resources from the USGS</a>
```
Nota: Hai appena costruito una struttura HTML per una Lista Non Ordinata, dove ogni elemento della lista e' un link ad un sito che offre informazioni sui vulcani. Per un rinfrescatina dell'argomento liste, vedi lezione 6

Per un ulteriore esercizio, esplora alcuni dei seguenti siti Internet sulla Geologia e/o sui Vulcani. Copia e costruisci i link ipertestuali di almeno altri due siti ed aggiungili alla sezione Riferimenti:

Siti con Informazioni sui Vulcani:: Alaska Volcano Observatory * Cascades Volcano Observatory * Michigan Tech Volcanoes Page * NASA Earth Observing System (EOS) IDS Volcanology Team * Volcano Information Center * Volcano/Earth Science-Oriented Servers * Smithsonian Global Volcanism Program (GVP) * Volcano Watch Newsletter * Volcanoes Online
Siti con Informazioni Generali sulla Geologia:: Yahoo: Earth Science * Earth Resources Observation Systems (EROS) Data Center * Tradewave Galaxy * NASA Observatorium * United States Geological Survey * WWW Virtual Library * US Geological Survey Volcanic Hazards Program

Controlla il Tuo Lavoro

Paragona la tua web page con un esempio di come il documento dovrebbe apparire. Se la tua web page fosse diversa dall'esempio o i link non connettessero correttamente ad un sito remoto, rivedi il testo che hai digitato nel tuo text editor. Nota che il tuo elenco di riferimenti potrebbe essere diverso da quello dell'esempio.

Verifica

Qual'e' l'indirizzo per un elemento su Internet?
Quali passi hai dovuto compiere per creare un link "ad ancora" al sito Internet della NASA?
Quale scorciatoia e' stata identificata nel mettere un URL in un link "ad ancora"?
Racconta ad un collega o ad un amico di ogni altro link che hai inserito nel tuo documento.

Pratica Indipendente

Crea link "ad ancora" dalla tua web page personale che connettano agli stessi indirizzi URL che hai scoperto.

Prossimamente....

Nella prossima lezione creerai link che connettono a diverse sezioni di un documento HTML.

VAI A.... | Indice Delle Lezioni | indietro: "URL" | avanti: "Named Anchor" |

Writing HTML: Lezione 8c: Link Al Mondo: Siti Internet
©1994-1999 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges

The Internet Connection at MCLI is Alan Levine --}
Comments to mailto:alan.levine@domail.maricopa.edu?subject=Writing HTML