Un "footer" e' una caratteristica utile di una pagina web, posta sul fondo della pagina, che fornisce informazioni riguardo l'autore ed il documento, e forse anche la data dell'ultima modifica, ed al contempo e' un mezzo per mandare una mail all'autore.
Questo e' il posto giusto per il tag address che crea solo un blocco stilizzato di testo in corsivo e lo mette in contrasto rispetto ad una nuova riga di testo.
Una buona idea e' quella di fare dei footer brevi, significativi e coerenti lungo le tue diverse pagine web. Alcune informazioni utili da inserire sono:
Come esempio, dai un'occhiata ai footer sul fondo di ogni pagina web di questo corso. Nel comporre il tuo stile personale, sbircia anche alle altre web page in cerca di idee. L'imitazione e' ancora una forma molto raffinata di lusinga!
La formattazione HTML per il tag address e' circa cosi':
<address>
testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo
</address>
Nota che tutto l'altro HTML dentro il tag address e' permesso dagli standards, quindi noi potremmo modificare il testo con tag per il grassetto,
breaks, e links ipertestuali:
| HTML | Risultato | ||
|---|---|---|---|
<address> <b>Titolo Pagina</b><br> Ultima Modifica 30 Novembre 1999<br> Web Page di Alan Levine (levine@maricopa.edu) <br> <a href="http://www.mcli.dist.maricopa.edu/"> Maricopa Community Colleges</a><br> </address> |
|
Ora, supponiamo che qualcuno che sta leggendo la tua pagina voglia inviarti un commento in cui ti spiega perche' la tua opera gli e' piaciuta tanto. Lui dovrebbe trascriversi un indirizzo e-mail, lanciare un'altra applicazione e mandarti un messaggio. Beh, non sarebbe forte se si potesse inviare e-mail dal tuo web browser? Ed ora la stragrande maggioranza dei browser puo' farlo!
Il procedimento e' quello di creare un link ipertestuale con il mailto inserito nell'URL (vai alla lezione 8b per una rinfrescata). Costruisci un link ipertestuale e-mail simile a questo:
<a href="mailto:levine@maricopa.edu">manda una e-mail ad alan</a>
Quando l'utente fa click sul testo manda una e-mail ad alan, il web browser apre una schermata in cui puoi comporre un messaggio e mandarmelo. E in piu' puoi anche inserire un soggetto predefinito per la mail (NOTA: questo potrebbe non funzionare su tutti i browser):
<a href="mailto:levine@maricopa.edu?subject=hi dalla lezione 12">
manda una e-mail ad alan</a>
Provaci! Mandami un appunto!
manda una e-mail ad alan
E qui c'e' qualcosa che puoi fare in piu' aggiungendo il link mailto. Se volevi mandare lo stesso messaggio a piu' di un indirizzo, diciamo al Presidente degli USA e al suo Vicepresidente, basta solo che inserisci gli indirizzi separati da virgole (nota che il codice HTML che ti risulta potrebbe essere una riga di testo piuttosto lunga, noi qui l'abbiamo spezzato in modo da poterlo osservare meglio):
<a href="mailto:levine@maricopa.edu,pres@whitehouse.gov,
vice-pres@whitehouse.gov?subject=saluti dalla lezione 12">
manda una e-mail ad alan, al pres, ed al vicepres</a>
Diciamo che il Vicepresidente dovrebbe essere solo in carbon copied [lett. copia a carta carbone] ("cc:") per questo messaggio. Si puo' fare aggiungendo un'altra stringa di testo dopo il soggetto ed usando cc= e l'indirizzo e-mail. Nota che la stringa Subject= e la cc= sono separate da &:
<a href="mailto:levine@maricopa.edu,pres@whitehouse.gov,
?subject=saluti dalla lezione 12&cc=vice-pres@whitehouse.gov">
manda una e-mail ad alan, al pres; cc: al vicepres</a>
E, ultima cosa, puoi provare a inserire un messaggio predefinito usando la sintassi body= ed il testo che dovrebbe trovare posto nel corpo della finestra del messaggio e-mail:
<a href="mailto:levine@maricopa.edu,pres@whitehouse.gov,
?subject=saluti dalla lezione 12&cc=vice-pres@whitehouse.gov
&body=Salve, penso che Alan si meriti una cena al posto vostro.">
manda una e-mail ad alan, al pres; cc: al vicepres con un messaggio predefinito</a>
Per piacere, non provare a spedire questo messaggio! Ad Alan piacciono le e-mail ma non disturbiamo la gente che sta alla Casa Bianca!
Ora torniamo all'esempio del Vulcano. Nota che tu hai alcuni testi (o grafici) che fungono da link ipertestuali. Come nella lezione precedente, andiamo a modificare il codice HTML per fare in modo che l'indirizzo internet crei un link per le e-mail.
| HTML | Risultato | ||
|---|---|---|---|
<address> <b>Titolo Pagina</b><br> Ultima Modifica 30 Novembre 1999<br> Web Page di Alan Levine <A HREF="mailto:levine@maricopa.edu"> (levine@maricopa.edu)</A> <br> <a href="http://www.mcli.dist.maricopa.edu/"> Maricopa Community Colleges</a><br> </address> |
| ||
| E finalmente, ci raccomandiamo perche' tu metta nel footer l'indirizzo della pagina. Perche'? Cosa succede se qualcuno si stampa la tua pagina web ma non ci mette un segnalibro o non si trascrive il tuo URL? Includendo l'URL nella tua fornisci un comodo riferimento. Devi solo modificare l'esempio sottostante (nota come questo codice e' sotto il tag <address>...</address>: | |||
| HTML | Risultato | ||
<address> <b>Titolo Pagina</b><br> Ultima Modifica 30 Novembre 1999<br> Web Page di Alan Levine <A HREF="mailto:levine@maricopa.edu"> (levine@maricopa.edu)</A> <br> <a href="http://www.mcli.dist.maricopa.edu/"> Maricopa Community Colleges</a><br> </address> <p> <tt> URL: http://www.mcli.dist.maricopa.edu/tut/ </tt> |
|
||
<HR> <address><B>Volcano Web</B> <br> creato da Lorrie Lava, <A HREF="mailto:lava@pele.bigu.edu">lava@pele.bigu.edu</A><br> Volcanic Studies, <A HREF="http://www.bigu.edu/">Big University</A><p> <TT>ultima modifica: 30 Novembre 1999</TT> </address> <p> <tt>URL: http://www.bigu.edu/web/index.html</tt>
NOTA: Noi abbiamo usato alcuni tag HTML che sono stati trattati nelle lezioni precedenti. Nota anche il tag extra <p> sul fondo; questo ci assicura che l'ultima linea del testo sia sempre visibile.
The Internet Connection at MCLI is
Alan Levine --}
Comments to mailto:alan.levine@domail.maricopa.edu?subject=Writing
HTML