Inicio Tutoriales Lecciones FAVICON: tu web lucirá más elegante - 1
Oct
01
2008
FAVICON: tu web lucirá más elegante - 1 Imprimir E-mail
Usar puntuación: / 5
MaloBueno 

MANUAL PARA USUARIOS DE VERSIONES 1.5 DE JOOMLA: COLOCANDO UN FAVICON

- AVISO: Todo el contenido de este portal -tanto texto de los temas, imágenes, video-tutoriales, etc.- está amparado por el correspondiente copyright © legal que deberá respetarse. No obstante puede usarse dicho material siempre que se tengan en cuenta las limitaciones de la licencia Creative Commons (que puede verse en la página principal, abajo).»» NO MODIFICACIÓN del contenido; DEJAR CLARA LA AUTORÍA de dicho contenido mediante un link a este portal; y NO COMERCIALIZACIÓN en modo alguno del repetido contenido que siempre se ofrecerá gratuítamente.


○ Vamos a comenzar hoy un nuevo Manual de Joomla, que servirá de herramienta para el webmaster que quiera realizar este cambio en su web para darle un pequeño sello de distinción.
○ Se trata de aprender los pasos necesarios para colocar un favicon en tu portal, de modo que cuando tu página web aparezca en el navegador del usuario, lo haga de esta forma:

imagen de una URL con favicon colocado

○ No cabe duda de que es mucho más elegante que si la URL aparece en el navegador de este modo:

asi aparece la URL del navegador, si no tienes favicon


○ Tras lo dicho te preguntarás ¿que es un favicon? , pues un favicon es una imagen que creamos nosotros, la cual tendrá que guardar unas características que vamos a ver más adelante y que tendremos que subir a nuestro servidor. Además tendremos que copiar un código HTML en el lugar que te explicaré.

○ La tarea por tanto vá a constar de varias fases que paso a explicarte.


CREAR NUESTRO FAVICON - COMO SE HACE


Un favicon no es más que una imagen con extensión .ico que debe responder a unas medidas específicas de 16 x 16 píxels. Si disponemos de un programa de creación de imágenes .ico (iconos), tales como MicroAngelo (de pago) o el IconArt (gratuíto), tendremos parte de la tarea realizada.
○ Pero si no disponemos de este tipo de programas, no por ello debemos renunciar a tener nuestro favicón, ni mucho menos. Podrás crear tu favicon con una simple imagen en formato .jpg y utilizando un editor de imágenes como Paint (que viene con Windows), o cualquier otro de similares características.

Para el desarrollo de este tutorial, yo he usado Photoshop CS3 pero como dije no es imprescindible, ya que se trata simplemente de crear una imagen cuadrada con el logo que quieras colocar como favicon. Lo explico a continuación:


CREO UNA IMAGEN .JPG CUADRADA (NO MUY GRANDE)


○ Una vez dentro de Photoshop, procedo a crear nuevo archivo:


en Photoshop creo un nuevo archivo


○ Le voy a dar unas medidas de 40 x 40 como vés:


al nuevo archivo le doy medidas de 40 x 40 pixel


○ El hecho de crear una imagen tan pequeña, se debe a que luego perderá menos cuando la tengamos que trasladar a 16 x 16 px. La forma de trasladarla a su medida correcta será explicada más adelante. Una vez dadas las medidas, picamos en OK

 


tras dar las medidas que deseamos, picamos en OK



○ Y como vés, tenemos una imagen cuadrada, transparente a la que iremos dando forma a nuestro gusto. Yo te explico como he creado yo una imagen muy simple, pero que tú puedes variar haciendo uso de tu imaginación y adaptar al contenido de tu portal...eso sí, en un espacio de 16 x 16 px. no podrás hacer mucha exhibición de tu creatividad; lo comprendes ¿verdad?.

 

** Seguiremos en la próxima lección.


>> MENU: << Inicio << Previa < lección 1 > < lección 2 > < lección 3 > < lección 4 > Siguiente >> Fin >>    >> Subir

 

 

Contenido web

  ○ Inicio
  ○ Tutoriales
     - Instalación Joomla 1.5
     - Instalar con navegador
     - Indice de lecciones
  ○ Videotutoriales
  ○ Descargas
     - Extensiones
     - Templates
     - Joomla 1.5
  ○ Taller práctico
  ○ Aprende practicando
  ○ Seguridad - SEO
     - Seguridad web
     - SEO
  ○ Quiero ser webmaster
  ○ Juegos flash
  ○ Galerías 
     - Libro
  ○ Glosario
  ○ Enlaces
  ○ Libro de invitados
  ○ Mapa del sitio
  ○ Demos
  ○ Privacidad
  ○ Joomla 1.0
  ○ Blog
  ○ Sitemap 
  ○ FAQs

Juega gratis

- © Copyright 2008 - joomlatuto.com - web creada con Joomla! 1.5 - Ver licencia (texto,imagenes y videotutoriales): >> Licencia Creative Commons <<< Licencia Creative Commons