Página recogida integramente de
http://www.desarrolloweb.com/reportajes/muestrareportaje.asp?reportaje=iconoenfavoritos
Icono en Favoritos
En este artículo vamos a aprender a colocar un icono en el menú de
favoritos, de modo que cuando alguien guarde la página en sus favoritos se vea
la página con el icono que nosotros deseemos, en lugar del icono de Internet
Explorer. El icono de nuestra página también se podrá ver en la barra de
direcciones del explorador, siempre a partir del momento en que un usuario
guarde la página en favoritos.
Es un efecto muy sencillo y vistoso, pero tiene un serio inconveniente: solo
funciona en Internet Explorer versión 5 en adelante. No funciona en Netscape ni
en versiones antiguas de Explorer.
Cómo conseguir un icono
Un icono es un archivo especial, que tiene extensión .ico. Los editores de gráficos habituales no trabajan con este formato, por lo que se requerirá del uso de una herramienta especial para la creación y tratamiento de la imagen que vamos a utilizar como icono.
Donde colocar el icono
Para conseguir nuestro objetivo tenemos dos posibilidades. La primera se
trata de colocar un icono a todo un sitio web entero. Con la segunda opción
podremos asignar un icono en una página de manera independiente.
Colocar un icono en un sitio, de manera global
Para ello debemos conseguir un archivo ico y darle el nombre "favicon.ico".
Este archivo lo colocaremos en el directorio raiz del dominio. Cuando se
introduzca en favoritos cualquier página del sitio se vera el icono
seleccionado.
No siempre tenemos acceso al directorio raiz del dominio. Imaginemos que
publicamos una web en Geocities, en este caso nunca tendremos acceso al
directorio raiz, www.geocities.com, sino que tendremos acceso al directorio que
nos hayan asignado, www.geocities.com/mipagina. Para este caso, tenemos una
segunda manera de insertar el icono.
Colocar un icono específico en una página
En este caso tenemos que colocar una etiqueta en la cabecera del documento HTML
(entre y ). Esta etiqueta la tenemos que colocar en cada página que queramos
asociar con un icono.
<link rel="SHORTCUT ICON" href="myicono.ico">
Por supuesto, en el atributo href de la etiqueta anterior, se ha de colocar el
nombre del icono que queremos utilizar y la ruta para acceder a el. En el caso
del ejemplo anterior se supone que un archivo llamado myicono.ico estará en el
mismo directorio que la página web.
Texto por Miguel Angel Alvarez.
Gracias a la colaboración de:
Germán Rodríguez Barcos (Uruguay), de nuestra lista de correo
Rubén Alvarez, de GOgraph.es.
Página recogida integramente de
http://www.desarrolloweb.com/reportajes/muestrareportaje.asp?reportaje=iconoenfavoritos