Gdesign.it :: Come progettare siti web accessibili ed efficaci ::


Home » Tips

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 "&#64;". Il codice Html quindi sarà:

<A HREF="mailto:nome&#64;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

^Top


Home:: Html:: Principi:: How To:: Download:: Tips:: Link:: Collabora:: Partners:: News&Updates:: Contatto:: Info

© 2001 - 2006 Giuseppe Di Carlo :: Riproduzione vietata ::

Utenti on line: 2