lunes, 14 de mayo de 2012

Curso Diseño Web

Programación 3


Mi nombre es Alexander Marcucci, pertenezco al curso de Programación III del IUTAJS Mérida, colaboro, aporto, y aprendo en este curso y en este blog. Como una de las razones de este blog es aportar y compartir ideas, aquí les pongo un sencilo manual de cómo agregar un favicon a tu sitio web.


Primero, ¿Qué es un favicon? Un favicon es una pequeña imagen que sale a un lado de la barra de direcciones, y se originó a partir de que los navegadores empezaron a utilizar las funciones de guardar como favoritos, para identificar cada página con una pequeña imagen.

Bueno, después de la explicación, procedemos a aprender a cómo integrarlo a tu sitio:

Sencillamente utilizaremos una etiqueta HTML que vamos a agregar en el <HEAD> de cada página que creemos en nuestro sitio, y será la siguiente:

<link href='favicon.ico' rel='icon' type='image/x-icon'/>

Donde empezaremos con unan etiqueta <LINK>, y en la que definiremos primero la propiedad HREF, donde pondremos el link o la dirección donde tenemos nuestro archivo de tipo .ICO que usaremos para la imagen a mostrar. Después agregamos otra propiedad REL, y donde pondremos de tipo 'icon', para definir que estamos agregando el icono de la página. Ahora agregaremos una última etiqueta también necesaria para definir que es un icono que será una propiedad TYPE con el valor 'image/x-icon'.

Y bueno, con esto tendremos configurado un icono a mostrar en cada página de nuestro sitio web. Cualquier pregunta se las podemos aclarar.

¡Hasta la próxima! :D

Alexander Marcucci

No hay comentarios:

Publicar un comentario

¿Como consideras tu conocimiento en programacion de computadoras?