Un favicon en general es ese pequeño icono que tienen las páginas web en la parte superior; si quieres profundizar mira este enlace: http://es.wikipedia.org/wiki/Favicon.
Lo primero que vamos a hacer es crear nuestro icono, para posteriormente insertarlo en nuestra página.
Según mi experiencia, este icono se puede crear en photoshop:
- Descargamos e instalamos el plugin para guardar en formato .ico desde photoshop: http://www.freedownloadmanager.org/es/downloads/Enchufe_de_uni%C3%B3n_de_Icono_para_Fototienda_38086_p/free.htm
- Luego abrimos nuestro photoshop, Ctrl+N y le damos las dimensiones de 16x16 px.
- Importamos nuestra imagen, Ctrl+t , Ctrl + 0 y dimensionamos nuestra imagen para dejarla al tamaño de nuestro lienzo.... De ahi en adelante es darle rienda suelta a tu imaginación.
- Para terminar guardamos como .ico
- Entra en esta página: http://www.favicon.cc/ o esta http://www.html-kit.com/e/favicon.cgi?m=1
- y ya, jejeje.
Lo que vamos a hacer es colocar este código en nuestro html entre las etiquedas del head:
[head]
[link rel="shortcut icon" href="favicon.ico" /]
[/head]
*sustituir los [ ] por un menor que y un mayor que.
Como es obvio tienes que subir el favicon.ico y tu archivo .html en la misma ruta para que funcione.
Si te gustó enlázame.
No hay comentarios:
Publicar un comentario