Favicon

Tornem a la càrrega amb més informació per al nostre públic!

En aquestes setmanes ja hem estat finalitzant les nostres nocions sobre l'HTML, i com no, aquesta informació la representarem en diferents posts.

Avui parlaré sobre els Favicon.

Si us fixeu bé, cada vegada que entreu en alguna plana web, en la seva URL, normalment (però no sempre) es veu com un petit logotip de la casa o del creador de la web. Aquesta petita icona s'anomena Favicon.

Aquí us dono exemples:


RTVE


ANTENA3


BLOGGER



GOOGLE


Aquests són diferents tipus de favicons dels milers que hi ha a la xarxa.

Per crear un, pots o bé baixar el programa o bé fer-lo online des d'alguna web. A continuació, us poso un exemple de web on es pot fer:

http://tools.dynamicdrive.com/favicon/

És molt fàcil. Només esculls l'imatge a Examinar i a continuació li dones a "Create icon" i ja ho tens.

Per inserir aquest Favicon en la teva web, primer ho has de guardar en la mateixa carpeta on tinguis tots els arxius de la teva web, i després inserir la porció de codi que ara us donaré.

Primer aclarir un tema: alguns navegadors no accepten aquesta funció o si la accepten, la modifiquen. Jo us passaré el codi per "Mozilla Firefox" i per "Internet Explorer".

Mozilla Firefox:

"[link rel="icon" href=http://tuweb.com/favicon.ico
type="image/vnd.microsoft.icon"]" . Aixó es posa dins de l'etiqueta [BODY].

Internet Explorer:

[link rel="Shortcut Icon" href=http://tuweb.com/favicon.ico"/]".
Això es posas dins de la capçalera del web [HEAD].

En teoria, hauria de funcionar, però hi ha casos que no funciona, però mai ens hem de rendir.

Salut!


P.D: En les etiquetes heu de canviar els [ ] per < >, que si ho posava amb < >, l'editor del blog es menjava el que escrivia.