Community
 
Aggiungi lista preferiti Aggiungi lista nera Invia ad un amico
------------------
Crea
Profilo
Blog
Video
Sito
Foto
Amici
   
 
 


 La Favicon, una sciccheria per il nostro sito

Avete mai visto tra i "preferiti" del vostro browser qualche collegamento da voi immesso con una iconcina colorata diversa da quella normale delle pagine web di Explorer? Molti siti lo fanno da sempre, ricordate questa immagine storica del vecchio portale IOL?

Questa è una funzione che potete attivare per il vostro sito con poca fatica.

 Come funziona

Favicon è la contrazione di "Favorites icon", ovvero l'icona da visualizzare quando una certa pagina viene salvata tra i "preferiti" del vostro browser. Con alcuni browser non risulta necessario immettere il link tra i preferiti, perchè visualizzano comunque l'icona quando disponibile (vedi Firefox). Con altri l'icona potrebbe non venir piu visualizzata quando il file icona dovesse venir rimosso dalla cache (vedi Explorer).

Il browser cerca automaticamente una icona avente il nome di "favicon.ico", ed in caso non la trovasse associa al documento la classica icona di default. E' comunque possibile specificare un diverso nome per tale icona nonchè un differente URL qualora lo si ritenga opportuno mediante la dichiarazione da inserire nel codice html di ogni pagina tra <head> e </head>:

<LINK REL="SHORTCUT ICON" href="http://indirizzoIcona.ico">

 Come fare

  • Procuriamoci una icona in formato .ICO standard, avente dimensioni 16x16 e con 16 colori (quelle piccine di Windows che - di norma - funzionano sempre).
  • Rinominiamola in "favicon.ico" e trasferiamola sul sito, posizionandola nella cartella principale del sito.
  • Inseriamo nelle pagine HTML la nostra dichiarazione, ovvero
    <link rel="shortcut icon"
     href="http://digilander.libero.it/mioNick/favicon.ico">
  • Pubblichiamo le pagine così modificate sul sito. Ovviamente "mioNick" è il vostro nickname, quello che appare anche nell'indirizzo del sito... serviva dirlo?

Siamo ora pronti per provare!
Visualizzate la vostra pagina, premiamo "Aggiorna" o "Ricarica" per accertarci che la pagina visualizzata sia effettivamente l'ultima versione modificata, e potremmo già vedere la nostra icona fare capolino nella finestrella dell'URL (dipende dal browser).

Inseriamola ora nei preferiti: dovremmo vedere la nostra icona in bella mostra tra i collegamenti! Se la cosa non funzionasse verificate che l'icona sia del giusto tipo, e che l'indirizzo URL specificato in LINK REL sia corretto.

 Una icona...

Ecco qualche icona già pronta per le vostre prove, potrete poi disegnarne una su misura in tema con il vostro sito per mezzo di qualche icon editor, facilmente reperibile in rete. Cliccare col destro sull'immagine desiderata quindi selezionare "Salva oggetto con nome". Potrete così effettuare il download del file ICO.

  Troverete in rete molti programmi per costruire icone, shareware o freeware, nonchè degli editors "online" che non necessitano di alcuna installazione. Basta cercare "icon editor" con Google e verrete sommersi. Un buon indirizzo per cominciare è http://icofx.xhost.ro/
Questo sito è stato realizzato dai digileaders della community