Tips
Proteggiamo l'indirizzo e-mail dallo spam
È buona abitudine inserire nelle nostre pagine web anche il nostro indirizzo e-mail per poter essere facilmente contattati dai visitatori. Per far ciò basta inserire il seguente codice Html:
<A HREF="mailto:nome@dominio.suffisso">E-mail</A>
Per proteggere la nostra e-mail possiamo sostituire "@" con "@". Il codice Html quindi sarà:
<A HREF="mailto:nome@dominio.suffisso">E-mail</A>
Questa tecnica non ci protegge al 100% ma sicuramente rende la vita difficile a qualche spam robots, quindi perchè non usarla?
Oggetto dell'e-mail
Per creare un collegamento ad un'e-mail con l'oggetto preimpostato il codice Html da utilizzare è:
<A HREF="mailto:nome@dominio.suffisso?subject=Testo_oggetto"> E-mail+Oggetto</A>
Redirect
Vogliamo che i nostri visitatori siano automaticamente reindirizzati ad altra pagina web dopo un certo numero di secondi? Basta inserire il seguente codice Html tra i tag <HEAD> e </HEAD>:
<META HTTP-EQUIV="REFRESH" CONTENT="1; url=http://www.dominio.suffisso/pagina.html">
Il valore di content indica quanti secondi devono trascorrere prima che il browser vada all'indirizzo web indicato. Content può anche essere pari a 0; in questo modo il browser andrà all'indirizzo web indicato istantaneamente.
Aggiungi a preferiti
Se vogliamo che i nostri visitatori con un semplice click aggiungano l'indirizzo del nostro sito tra i loro "Preferiti" il codice Html da utilizzare è:
<A HREF="javascript:window.external.AddFavorite ('http://www.dominio.suffisso', 'Nome Sito')">Preferiti</A>
Attenzione:AddFavorite è supportato solo da Internet Explorer 4+.
Imposta come Home page
Per fare in modo che i nostri visitatori aggiungano il nostro sito come pagina predefinita del loro browser il codice Html da utilizzare è:
<A style="cursor:hand" HREF onClick="this.style.behavior= 'url(#default#homepage)';this.setHomePage('URL_sito');">Imposta come Home page</A>
Funziona solo se il browser è Internet Explorer 4+
Avanti e indietro
Per inserire nelle nostre pagine due comandi che funzionano come i tasti AVANTI e INDIETRO del nostro browser il codice da utilizzare è:
<A HREF="javascript:history.go(-1)">INDIETRO</A>
<A HREF="javascript:history.go(1)">AVANTI</A>
Possiamo anche creare due bottoni per queste funzioni con il codice:
<FORM><INPUT type="button" value="INDIETRO" onclick="history.go(-1)"></FORM>
<FORM><INPUT type="button" value="AVANTI" onclick="history.go(1)"></FORM>
Descrizione di un link nella barra di stato
È possibile visualizzare una descrizione di un link nella barra di stato del browser. Quando il mouse passerà sopra un link, la sua descrizione verrà visualizzata nella barra di stato. Il codice da utilizzare è:
<A HREF="http://www.gdesign.it" onMouseOver="window.status='Principi di Web Design by GDC'; return true" onMouseOut="window.status='';return true">GDesign.it</A>
Aprire una finestra popup al caricamento della pagina
Per fare in modo che si apra una finestra popup al termine del caricamento di una pagina è sufficiente inserire tra <BODY> e </BODY> questo codice:
<SCRIPT language="JavaScript">
window.open('Url del file da aprire','titolo','height=320,width=320,scrollbars,resizable'); </SCRIPT>
Vedere il codice sorgente di una pagina con un click
Inserire tra i tag <HEAD> il seguente codice:
<SCRIPT language="JavaScript">
function ViewSource() {
window.location = "view-source:" + window.location.href }
</SCRIPT>
e dopo creare un link nella pagina web utilizzando il codice:
<A HREF=javascript:ViewSource()>Guarda il codice sorgente</A>
» Vai alle prossime nove tips
» Torna all'indice delle tips
