Cursos de Diseño de paginas web, Flash MX, Dreamweaver en Mexico
   
Agregar a favoritos marcadores y destacar con icono
 
     


Ante la gran cantidad de información presente en Internet, cuya calidad y abundancia de contenidos atraen y distraen al navegante, es necesario articular mecanismos y medios para hacer recordar nuestra web y favorecer posteriores visitas a nuestro sitio web.
Además hay que tener en cuenta la existencia de multitud de enlaces que llevan a otros tantos sitios interesantes, que tienen distraído al navegante entre varias ventanas abiertas.
En ocasiones, por curiosidad se navega entre páginas que enlazan con otras y se des cubren sitios webs interesantes pero sin recordar cómo ni a través de qué página accedimos. ¿Y cuantas veces hemos querido volver a visitar una web cuya dirección URL no recordamos? Alguna vez nos ha pasado a todos.
Para que eso ocurra lo menos posible, el navegante tiene que hacer uso de favoritos (para IE) o de marcadores (para Netscape), y organizar las direcciones en distintas carpetas para una navegación rápida y eficaz.
Los creadores de sitios web podemos recordarle al navegante la posibilidad de agregarnos a sus favoritos/marcadores; y una forma muy conveniente de hacerlo es mediante un enlace, que al pulsarlo abra el menú de favoritos/marcadores.
Añadiendo el siguiente código JavaScript se crea un texto que, al ser pulsado, abre el menú desplegable de “Agregar a favoritos” en Explorer o de “Agregar a marcadores” en Netscape. El script reconoce si el navegador usado es IE versión 4 o superior (tras lo cual mostraría la opción de “Añadir a favoritos”) u otro navegador (con lo que mostraría la opción de “Añadir a marcadores”).
<script language="JavaScript">
var direccion = "http://www.signo-net.com"
var titulo = "Servicios y Aplicaciones de Internet- Signo-Net"
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {
document.write('<small><a href="javascript:window.external.AddFavorite(direccion, titulo);" ')
document.write('onMouseOver=" window.status=')
document.write("'Añada esta página a sus favoritos.'; return true ")
document.write('"onMouseOut=" window.status=')
document.write("' '; return true ")
document.write('">Añadir a favoritos</a></small>')
} else {
document.write("Añadir a marcadores")
}
</script>
NOTA: Este código JavaScript tiene varios campos modificables, y por ello debemos “configurarlo” para el uso en nuestra página web, sustituyendo el valor de las variables dirección y titulo por los valores de nuestra página. También podemos personalizar los mensajes “Añadir a favoritos” y “Añadir a marcadores” a nuestro gusto.
Una vez que el visitante nos ha agregado a su lista de favoritos/marcadores, nuestro sitio web ha dejado de estar perdido en la World Wide Web. Ahora estamos bien localizados en su lista de favoritos/marcadores.

DESTACAR EN FAVORITOS/MARCADORES MEDIANTE UN ICONO
Para destacar en la lista de favoritos/marcadores y captar la atención del navegante, qué mejor forma que sustituir el icono que precede a todas las direcciones de favoritos/marcadores por el icono que nosotros queramos.
Para ello tendremos primero que crear el icono. Se puede usar un programa de creación de iconos o convertir una imagen en icono. Para lo último existe un programa gratuito: Irfan Viewer (que se puede bajar de http://web.jet.es/efguerra/ ) que nos permite guardar cualquier imagen con extensión .ico , aunque previamente es aconsejable reducir el número de colores a 16 o 32 y el tamaño a 64 x 64 píxeles.
Una vez que tengamos listo el icono lo guardamos con el nombre “favicon.ico”.
Para que aparezca el icono tenemos dos posibilidades:
1) Si disponemos de dominio propio como por ejemplo: www.signo-net.com sólo tenemos que subir el archivo favicon.ico al directorio raíz y listo. Así de sencillo, no hace falta más. Si agregamos, por ejemplo la página de Signo-net a favoritos/marcadores, podemos ver como aparece el logo en el directorio de favoritos/marcadores. Si queremos visualizar directamente el icono de cualquier servidor se puede acceder directamente indicando la ruta http://www.signo-net.com/favicon.ico o http://www.navegalia.es/favicon.ico , por ejemplo.
2) Si la página va a estar alojada en un subdominio, será muy probable que el dominio ya tenga asociado el icono favicon.ico que aparecerá por defecto en todas las páginas del servidor (como es el caso de Navegalia). Pero esto no importa, porque es posible personalizar un icono propio que aparezca al agregar la página a favoritos/marcadores. Para ello es necesario añadir el siguiente código HTML dentro de la etiqueta <head> de la página:
<link rel ="shortcut icon” href="favicon.ico">
El enlace debe ser relativo a la página o bien escribir la URL completa de localización del icono. En este caso, podríamos cambiar el nombre favicon.ico por el nombre de fichero que queramos.
Un ejemplo lo podéis ver en: http://www.signo-net.com/ie/seguridadwxp.html . Si agregáis la página a favoritos, veréis como aparece el icono de Windows XP. En cambio, si agregáis www.signo-net.com a favoritos, aparecerá el logotipo de la empresa.

Articulos Por Miguel Cruz Martínez
Desarrollador de aplicaciones web

 

   
 
Pitagoras 1251 Col. Del Valle, México D.F. Teléfonos: Teléfonos: 5604 7684 / 5605 9464 / 01800-633-82-11 Lada sin costo
© Copyright 2003 escuelaweb.com.mx. Todos los derechos reservados.
Prohibida la reproducción total o parcial del sitio.