Creamos un favicon para nuestro sitio

Creamos un favicon para nuestro sitio

Primer tutorial de una larga serie dedicada a Dreamweaver y Photoshop.
En este artículo, vemos cómo crear nuestro favicon juntos. ¿Qué es? Pronto dijo. Un favicon significa literalmente ícono de marcadores, es un ícono asociado con una página web del tamaño de 16 × 16 píxeles (también puede ser de 32 × 32 píxeles, por supuesto, se cambiará de tamaño). Integrado y utilizado por primera vez con el navegador Internet Explorer 5, se mostraba en el menú de favoritos asociado a un sitio o página web específicos.

Esta funcionalidad aún existe y luego fue asumida por todos los demás navegadores, que al extender su uso hizo posible mostrar esta imagen no solo en favoritos (o marcadores) sino también en la barra de direcciones.



No es algo técnicamente importante, ¡pero le da a un sitio una cierta personalidad!
Así que vamos a crearlo y ponerlo en nuestras páginas web.

¿Recuerda el tutorial sobre la creación de iconos personalizados en Windows?
Bueno, el procedimiento para crear el favicon es el siguiente, pero en lugar de crear un icono de 32x32px, necesitarás crear uno de los 16 × 16 píxeles y guardarlo con el nombre favicon.ico.
Si quieres, también puedes usar extensiones gif con mucha animación o png, veremos cómo usarlas más adelante.

Una vez que haya creado su favicon en Photoshop, abra Dreamweaver y cree un nuevo documento HTML en blanco (o trabaje directamente en sus páginas web).

Entre las etiquetas ... escribir:

icono«Href =»http: //www.your.site/favicon.ico«/>
Ö
icono«Href =»favicon.ico«/>
Ö
icono«Href =»ruta / favicon.ico«/>

Eso es todo, ¡guarda y abre la página web!

DATEI Consejo rápido: añada fácilmente Color y sombras de dibujos animados a Lineart

Favicon en Firefox

Lo que hemos escrito es el código conforme a los estándares web dictados por el w3c de hecho también es posible escribir:
Icono de acceso directo«Href =»favicon.ico«/>

como también es posible no especificar ningún código html si el favicon está en la raíz, es decir, la carpeta principal, donde residen sus páginas web, por lo tanto, es posible guardar el favicon en una carpeta específica y luego indicar la ruta De este modo:

Icono de acceso directo«Href =»images / favicon.ico«/>
Ö
icono«Href =»images / favicon.ico«/>

Si lo desea, puede escribir ambas etiquetas de enlace:


...
Icono de acceso directo«Href =»images / favicon.ico«/>
icono«Href =»images / favicon.ico«/>

Y también es posible insertar imágenes .gif (también animadas) o .png,
obviamente, el tamaño de 16 × 16 píxeles al especificar el atributo en la etiqueta del enlace pegar de esta manera:

icono«Href =» favicon.gif«Tipo =»imagen / gif«/> para gifs
Ö
icono«Href =»favicon.png«Tipo =»imagen / png«/> para png

obviamente el atributo rel también puede ser Icono de acceso directoSin embargo, tenga en cuenta que no todos los navegadores admiten gifs animados.

Hinaufgehen

Wir verwenden unsere eigenen Cookies und Cookies von Drittanbietern, um die Benutzererfahrung zu verbessern. Mehr Informaticon