Crear un favicon

Views:
 
Category: Entertainment
     
 

Presentation Description

Presentación usada para el curso Aplicaciones didácticas de la Web 3.0 Enero 2014

Comments

Presentation Transcript

Crear un favicon Favorite Icon:

Crear un favicon Fav orite Icon ¿Qué es un Favicon ? Una de las formas de personalizar un sitio web o blog, es cambiar el favicon . Puede parecer un pequeño detalle pero resulta ser más importante de lo que muchos creen a la hora de darle una identidad propia a nuestro sitio web o blog. Un favicon , o favorite icon , es un pequeño icono que originalmente se utilizaba para que se mostrara al lado del nombre del sitio web en caso de que el usuario lo agregara a sus favoritos. Posteriormente, otros navegadores comenzaron a mostrar el favicon en la barra de direcciones y junto al nombre de la pestaña del sitio web. Este icono, tradicionalmente tiene un tamaño de 16 x 16 píxeles, aunque también se puede incluir con un tamaño de 32 x 32. Elaborado por Erika Xóchitl Flores Rosales

Ingresar a una página que permita generar un favicon:

Ingresar a una página que permita generar un favicon Ejecuta cada paso con el orden que se muestra. Elaborado por Erika Xóchitl Flores Rosales

Paso 1.Seleccionar el archivo a subir:

Paso 1.Seleccionar el archivo a subir Presiona el botón Busca el archivo Debes tener un diseño ya elaborado, puede ser en Paint y guardado como imagen. Elaborado por Erika Xóchitl Flores Rosales

Ya seleccionado el archivo presiona el botón :

Ya seleccionado el archivo presiona el botón Subir Imagen Se muestra la imagen en el recuadro Se observa que se ha seleccionado el archivo Elaborado por Erika Xóchitl Flores Rosales

Paso 2. Si la región sombreada se encuentra fuera de la imagen arrastra hasta hacerla coincidir con la imagen:

Paso 2. Si la región sombreada se encuentra fuera de la imagen arrastra hasta hacerla coincidir con la imagen Presionar el botón Si marca error al leer el archivo cambia el tamaño de la imagen en el botón Seleccionar tamaño. Recuerda los que se mencionó al inicio, con respecto al tamaño, en éste caso selecciona 16x16, ya que si soporta el de 32x32 puedes cambiar Elaborado por Erika Xóchitl Flores Rosales

PASO 3. Aparecen las opciones, descargar Favicon o descargar png:

PASO 3. Aparecen las opciones, descargar Favicon o descargar png Descarga el archivo Favicon y guárdalo en una carpeta para que lo subas a tu blog. Elaborado por Erika Xóchitl Flores Rosales

Para hacer el cambio del Favicon en el blog:

Para hacer el cambio del Favicon en el blog Ingresa a tu blog y despliega las opciones Escritorio/Diseño 1. En el área de Favicon selecciona la opción Editar Como puedes observar desde aquí puedes realizar todos los cambios a tu blog, agregar y eliminar gadgets , mover o editar las secciones. Elaborado por Erika Xóchitl Flores Rosales

2. Después de seleccionar Editar presiona el botón:

2. Después de seleccionar Editar presiona el botón 3 . Busca el archivo del favicon que se descargó 4. Observa que ya ha sido seleccionado un archivo, en seguida presiona Elaborado por Erika Xóchitl Flores Rosales

5. Volvemos a la vista Diseño del blog, desde aquí guarda los cambios presionando el botón:

5. Volvemos a la vista Diseño del blog, desde aquí guarda los cambios presionando el botón Elaborado por Erika Xóchitl Flores Rosales

El favicon se puede ver en la barra de direcciones y en la pestaña que se abre.:

El favicon se puede ver en la barra de direcciones y en la pestaña que se abre. Elaborado por Erika Xóchitl Flores Rosales

NOTA:

NOTA Para los navegadores Fire Fox Mozilla e IE no hay problema en observar el favicon en la pestaña que se abre, con Chrome puede suceder que no se actualice el favicon , para ello debes borrar las cookies. Elaborado por Erika Xóchitl Flores Rosales

authorStream Live Help