Favicon

 Como usar o favicon em 2021: Seis arquivos que atendem à maioria das  necessidades – Ed Rodrigues - Web Designer Freelancer

 COLOCANDO ÍCONE NA SUA PÁGINA WEB NO DREAMWEAVER

 

Um dos pequenos toques que terminarão seu site é se você adicionar um favicon , aquele pequeno ícone que aparece na barra de endereços de um navegador quando o seu site é carregado (Figura 8.28 ).

Um favicon é outra maneira de ressaltar a identificação da marca do seu site, e muitas vezes representa o logotipo da organização que administra o site.

Os Favicons têm apenas 16 por 16 pixels de tamanho, e praticamente todos os navegadores modernos da Web os suportam.






Antes de adicionar um favicon à página de índice do seu site, você precisará criar um. Existem programas de edição de favicon dedicados disponíveis para compra, mas preferimos usar uma das ferramentas online gratuitas que converte um arquivo JPEG ou GIF em um favicon para você, como os de www.chami.com/ html-kit /services/favicon/, ou http://tools.dynamicdrive.com/favicon/.

Uma vez que você tenha o seu arquivo favicon, que deve ser chamado de favicon.ico , você vai adicioná-lo às páginas do seu site no Dreamweaver. Você vai fazer isso com a tag <link> que, embora mais frequentemente usada para vincular folhas de estilo CSS, funciona bem para este fim, também.

Para adicionar um favicon à sua página:

1.
Obtenha seu arquivo .ico favicon e mova-o para a pasta do site local. Por ser uma imagem, faz sentido para nós colocar o arquivo favicon na pasta de imagens, mas você pode colocá-lo onde quiser na pasta local do site.



2.
Abra a página à qual deseja adicionar o link ao favicon.

3.
Escolha Insert > HTML > Head Tags > Link.
A caixa de diálogo Link é exibida (Figura 8.29
).


Figura 8.29. A caixa de diálogo Link permite adicionar o caminho ao arquivo favicon e ao seu texto alternativo.


4.
Na caixa de texto Href, digite o caminho para o arquivo .ico favicon.

ou Clique no botão Procurar para abrir a caixa de diálogo Selecionar Arquivo.

Navegue até o arquivo favicon.ico e clique em OK (Escolha).


5.
Na caixa de texto Rel, digite "ícone de atalho" (não inclua aspas).

6.
Clique em OK e salve a página escolhendo Arquivo > Salvar.
Depois de sincronizar seu site local em seguida para o site remoto, o favicon aparecerá quando você carregar a página em um navegador da
Web.


 ponta

  • Você deve repetir o processo de adicionar o link ao favicon em cada página do seu site. Se o site usar modelos, adicionar o link a um arquivo de modelo irá adicioná-lo automaticamente a todas as páginas com base nesse modelo.

     

    Artigo criado por Alexandre Carneiro da Motta.
    Data 13/10-2022.
    Formado em Tecnologia em gestão de sistema de informação - Uninove - 2006

0 comentários: