In questa lezione vedremo due usi dei tag <META>. Questa sintassi fu creata per permettere a informazioni "meta" o "extra" di essere implementate in una pagina, nella parte che non e' visualizzata. Ci sono molti altri tipi di tag Meta con cui ti puoi scontrare, ma noi ti forniamo esempi dei due piu' utili.
Il loro posto e' nella parte <HEAD> ... </HEAD> del tuo documento, che abbiamo studiato alla lezione 1.
Ti mostreremo come fare il terzo esempio precedente, aggiungere un'apertura alla lezione Volcano Web. Il tag <META> deve stare dentro i tag <HEAD>..</HEAD>:
<head> <title>TITOLO</title> <META HTTP-EQUIV="REFRESH" CONTENT="X; URL=newpage_or_URL.html"> </head>dove X e' il numero di secondi che questa pagina verra' visualizzata prima di avanzare al file o all'URL listato dopo URL=. Nota che l'intera stringa dopo CONTENT= deve essere come quotazione e che ci deve essere un punto e virgola dopo il valore del numero di secondi.
Per questa lezione creeremo una copertina, che sostituira' il punto d'entrata della lezione, index.html.
Prima di tutto, dobbiamo aggiustare il nome della pagina e tutti i link a cui si riferiscono.
<A HREF="index.html">Indice</A> /che dovrebbe essere cambiato in:
<A HREF="index1.html">Indice</A> /
ed alla fine della pagina ci dovrebbe essere:
<ADDRESS> <b><A HREF="index.html">Volcano Web</A> :da trasformare in:
<ADDRESS> <b><A HREF="index1.html">Volcano Web</A> :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <title>Volcano Web</title> </head> <BODY BGCOLOR=#000000 TEXT=#FFFFCC LINK=#33CCFF VLINK=#FF6666> <center> <p><br><p><br><p><br><p><br><p><br><p><br> <font face="Comic Sans MS,helvetica,arial" size=+4> <b>v o l c a n o !</b></font> <p> <A HREF="index1.html"> <IMG SRC="../pictures/cover.gif" ALT="volcano!" WIDTH="206" HEIGHT="186" BORDER="0"></A> <p><br> <font face="helvetica,arial" size=2> <A HREF="index1.html">entra</A> </font> </center> </body> </html>
NOTA: Usiamo una lunga serie di <p><br> per spostare il contenuto verso il basso; alcuni browser ignorano le serie di <p> ed altri che ignorano le serie di <br>.Abbiamo usato anche alcuni stili <font face=..> che potrebbero non esserci su tutti i computer; se non hai il primo, il programma cerca il secondo e quindi il terzo...
Sebbene si sia aggiunto il tag <META> per l'avanzamento automatico delle pagine, e' bene fornire anche un link; l'immagine collega alla nostra pagina principale, index1.html
<title>Volcano Web</title>aggiungi:
<META HTTP-EQUIV="REFRESH" CONTENT="2; URL=index1.html">
Il tag META imposta la pausa del browser a 2 secondi e quindi avanza automaticamente alla pagina index1.html
Non parleremo molto dei motori di ricerca (ma ti invitiamo a visitare il nostro corso, "How to be a WebHound" [Come diventare un CiberSegugio]). Sostanzialmente, alcuni intelligenti programmatori hanno scritto del codice che cerca di seguire quanti piu' link riesce e ritorna ad un database centralizzato un bit di informazioni riguardo ogni pagina in cui scorre. Questo codice offre, quindi una singola web page iniziale dove si possono digitare alcune parole descrittive per la ricerca, e i siti che corrispondono a questo tipo ritornano in una lista che viene elaborata sui dati presenti nel database di questi motori, in cui l'utente puo' cercare manualmente quello che si sta cerando.
Se non ti e' familiare, fai esperienza con le opzioni di ricerca di siti come AltaVista, HotBot, Excite, Lycos, etc.
Nella maggior parte di questi web site, i risultati tornati riportano anche le primissime righe della pagina a cui si riferiscono. Se queste non sono descrittive, i risultati non saranno veramente utili. Per esempio, per la pagina principale del nostro corso presso http://www.connect.it/procura/courseIT/tut/, senza META tag, un motore di ricerca potrebbe tornare qualcosa come:
 |
|
Non e' malaccio; si ha un'idea del soggetto della pagina, ma si vedono il testo dei link della prima parte della pagina. Comunque, inserendo un META tag, possiamo avere questo risultato:
|
|
<META name="description" content=" La stringa di testo che descrive veramente il contenuto della web page. Forse una seconda frase ci aiuterebbe.">Se sei tentato a scrivere una lunga descrizione, tienti in mente che la lunghezza massima di un META tag, dal primo < all'ultimo > e' di 1024 caratteri, lasciandone 998 tra
<META name="description" content="e
">lo spazio cioe' per un centinaio di parole.
Un altro META tag che e' utile per delineare il comportamento del tuo sito nelle ricerche web, e' quello che ti permette di aggiungere le parole chiave che un visitatore potrebbe inserire nella ricerca di un sito simile al tuo. Per esempio, per la nostra pagina principale del corso presso http://www.connect.it/procura/courseIT/tut/ abbiamo fornito queste parole:
<META name="keywords" content="HTML, tutorial, imparare, fare, creare, disegnare, web page, home page, educazione, maricopa, mcli, scrittura, form, table, frame, javascript">Ora aggiungeremo i due META tag di descrizione al punto d'entrata principale del nostro sito
<META HTTP-EQUIV="REFRESH" CONTENT="2; URL=index1.html">aggiungi:
<META name="description" content="Una mini lezione sui vulcani nel mondo come esempio per il corso Writing HTML"> <META name="keywords" content="HTML, vulcano, imparare, web page, terra, marte, Mount St.Helens, Long Valley, Plinio">
NOTA: L'aggiunta dei due META tag non fara' sembrare diversa la tua web page. (Perchè?) ma una volta posizionati su un web server, miglioreranno il modo con cui la tua web page è "indicizzata" dai diversi motori.
Fai esperienza con una pagina che introduce il tuo web site ed usa i META REFRESH tag per farla saltare alla pagina principale. Puoi rendere la pagina d'apertura abbastanza interessante da "invitare" qualcuno nel tuo sito? Pensi che questa pagina dovrebbe contenere un sacco di figure o molto poche? Perche'/Perche' no?
Se vuoi saperne di più sulle tecniche di ricerca, prova il nostro Web Hound tutorial (e' ancora piu' divertente di questo!)
The Internet Connection at MCLI is
Alan Levine --}
Comments to levine@maricopa.edu