Autor: Felipe Alencar
Tema: Criar Favicon.
Dificuldade: básico.
Recomendações: Para um bom aproveitamento deste artigo, é necessário ter conhecimento básico Photoshop.
Testado e Aprovado: IE7.0 FireFox2 e Opera 9.0
Arquivos:
1 arquivo HTML que contem o seu formulário;
1 Imagem do seu favicon 16×16 px (Preferência .GIF)
Nesse tutorial vamos aprender a criar um favicon, na minha opinião todo site deve ter um.
No atual momento eles podem ser visualizados nos navegadores IE7, Firefox2 e Opera. No IE6 não tem suporte. Nos demais navegadores nós não testamos.
Abra seu editor de imagem preferido, crie uma imagem com dimensões de 16px de largura (width) 16px de altura (height) um quadrado.
Esse é o tamanho padronizado para o Favicon, dentro deste espaço você deve fazer a sua arte.
Uma vez pronto você deve salvar como “favicon.gif”
Perceba que esse arquivo favicon.gif ainda não é o Favicon, pois a terminação do arquivo é “favicon.ico” você vai gera-lo em uma ferramenta logo abaixo.
Acesse o site HTMLKIT e utilize a ferramenta do site para gerar seu “favicon.ico”
Pronto, agora que o seu Favicon.ico esta gerado, basta acessar sua página HTML e fazer um “include” (inclusão do arquivo) do seu favicon.ico na sua página.
Abra sua página HTML localize as tags <head> e insira entre elas o seguinte código:
<link rel="shortcut icon" href="favicon.ico" >
Obs: Não esqueça de subir o favicon no diretório raiz do site.
Se você resolveu trocar o favicon e o antigo continua aparecendo no seu navegador, você deve limpar o cache do seu navegador para que ele mostre o novo favicon.
um abraço e até a próxima
Felipe Alencar
Next4.com.br
Equipe Alvo Web
O Conteúdo do Alvo Web Developers está licenciada sob uma Creative Commons Atribuição-Uso Não-Comercial-Compartilhamento pela mesma Licença 2.5 Brasil License.
0 respostas ↓
Não tem nenhum comentário ainda...seja o primeiro.
Faça um comentário