CriarWeb.com > Manuais > Ajudas técnicas

Neste artigo vamos aprender a colocar um ícone no menu de favoritos, de modo que quando alguém salve a página em seus favoritos veja a página com o ícone que nos desejarmos, ao invés do ícone do Internet Explorer. O ícone de nossa página também poderá ser visto na barra de endereços do explorador, sempre a partir do momento em que um usuário salve a página em favoritos.

É um efeito muito simples e vistoso, mas tem um sério inconveniente: só funciona no Internet Explorer versão 5. Não funciona no Netscape nem em versões distintas do Explorer.

Como conseguir um ícone:

Um ícone é um arquivo especial, que tem uma extensão .ico. Os editores de gráficos habituais não trabalham com este formato, portanto se requer o uso de uma ferramenta especial para a criação e tratamento da imagem que vamos utilizar como ícone.

Uma ferramenta popular útil para trabalhar com ícones é o Microangelo. Permite a criação de gráficos que logo podem ser salvos como .ico. Também permite converter a ícones gráficos em formato GIF.

Onde colocar o ícone

Para conseguir nosso objetivo temos duas possibilidades. A primeira trata-se de colocar um ícone a todo um web site. Com a segunda opção poderemos atribuir um ícone em uma página de forma independente.

Colocar um ícone em um site, de forma global

Para isso devemos conseguir um arquivo ico e dar o nome "favicon.ico". Este arquivo o colocaremos no diretório raiz do domínio. Quando for introduzido em favoritos qualquer página do site será visto o ícone selecionado.

Nem sempre temos acesso ao diretório raiz do domínio. Imaginemos que publicamos uma web em Geocities, neste caso nunca teremos acesso ao diretório raiz, www.geocities.com, e sim, teremos acesso ao diretório que estiver atribuído, www.geocities.com/minhapagina. Para este caso, temos uma segunda maneira de inserir o ícone.

Colocar um ícone específico em uma página

Neste caso, temos que colocar uma etiqueta no cabeçalho do documento HTML (entre e ). Temos que colocar esta etiqueta em cada página que quisermos associar um ícone.

<link rel="SHORTCUT ICON" href="myicone.ico">

Logicamente, no atributo href da etiqueta anterior, há que colocar o nome do ícone que quisermos utilizar e a rota para acessa-lo. No caso do exemplo anterior se supõe que um arquivo chamado myicone.ico estará no mesmo diretório que a página web.