Como colocar uma imagem no título de uma página web usando o dreamweaver

Selecione uma imagem apropriada. Favicons são muito pequenos, medindo apenas 16 pixels quadrados, para que a imagem selecionada deve ser simples o suficiente para permanecer legível em tamanho miniatura. logotipos complexos muitas vezes olhar apertado ou parecem ter bordas irregulares quando redimensionada para 16 pixels. Se isso acontecer com você, considere usar uma imagem alternativa que não inclua o seu logotipo, mas sim reflete tanto o tipo de conteúdo em seu site ou paleta de cores do site. Em ambos os casos, a certeza de sua imagem é um quadrado perfeito para assegurar uma redução.

Redimensionar a imagem. Depois de escolher uma imagem que reduz assim, abrir o arquivo no Photoshop. No menu na parte superior da tela, selecione "Imagem," então clique "Tamanho da imagem." Na caixa de diálogo resultante, alterar a largura e altura da imagem de 16 pixels, em seguida, clique em OK.

Salve sua imagem como um GIF ou PNG. imagens GIF e PNG experimentar menos problemas quando convertidos para o formato ICO na etapa seguinte. Para salvar a imagem em um desses formatos, selecione "Arquivo" no menu superior em Photoshop, em seguida, clique "Salvar como." Dê seu favicon apresentar um nome, em seguida, clique no menu drop-down abaixo do campo de nome de arquivo e selecione a "Compuserve GIF" ou "PNG" opção. Clique "Salve ."

Converter a imagem em formato ICO. Photoshop não pode salvar arquivos de imagem para o formato ICO necessária por conta própria. Em vez disso, você deve baixar um plug-in Photoshop ou usar um utilitário web. Por exemplo, usar o gerador de favicon gratuitamente no site da favicon.cc (ver Referências). A partir da página inicial deste site, clique no "Importar imagem" botão. Localize o arquivo GIF ou PNG criado na etapa 3 e clique "Envio." Dentro de poucos segundos, o utilitário irá transformar o seu arquivo em uma imagem de 16 de pixel quadrado. Para salvar este para o seu computador em formato ICO, localize o título rotulada "visualização" na parte inferior da página, clique em "Baixar Favicon." Salve este arquivo para a pasta com o resto de seus arquivos das páginas.

Adicione o favicon para sua página web. Favicons conectar-se a páginas individuais da mesma maneira como arquivos externos, como javascripts e Cascading Style Sheets. Abra sua página no Dreamweaver, em seguida, mudar para vista de código, selecionando "Visão" a partir do menu no topo da tela e clicar no "Código" opção. Em seguida, incluem o seguinte código entre a abertura e fechamento etiquetas da sua página web e depois da

Este código assume o favicon existe na pasta imagens. Se você colocar o seu favicon em outros lugares, atualizar o local contido em cada atributo href. Por que você precisa para incluir dois links? compatibilidade cross-browser. Internet Explorer 7 lida com favicons forma diferente do que outros navegadores e requer uma regra única para garantir uma apresentação precisa.

Salve sua página web, em seguida, abri-lo no seu browser. Você vai ver agora o seu favicon. Se o seu navegador já está aberto, pode ser necessário fechar completamente e reiniciá-lo antes do favicon aparece. Observe também que alguns navegadores mostram favicons para títulos de página localizados na pasta Favoritos não só, a barra de título do próprio navegador.