Adicionar uma imagem ao seu site pode melhorar muito sua atratividade para os visitantes. Os formatos de arquivo mais usados para imagens na web são .jpg e .gif. A Universidade de Indiana diz que os arquivos .gif são mais adequados para imagens de bordas nítidas com gradações de cores reduzidas. Estes podem incluir desenhos animados, texto e arte de linha. Outras vantagens dos arquivos .gif são a capacidade de definir o plano de fundo para transparência e adicionar animação. Adicionar um arquivo .gif a um site é tão simples quanto fazer upload de um arquivo e escrever uma frase.
Etapa 1
Abra o painel de administração do seu site. Isso será diferente para cada indivíduo porque depende do servidor host que você usa ou se você usa programas como o Dreamweaver para gerenciar seu site. Essencialmente, existem dois tipos principais de software de edição—editor html ou WYSIWYG. A Smashing Magazine explica que WYSIWYG significa "O que você vê é o que você obtém". Esses programas são projetados para tornar a criação de páginas mais intuitiva. Os editores de HTML exigem que você entenda o básico da linguagem HTML.
Etapa 2
Salve seu arquivo de imagem .gif nas "imagens" ou na pasta apropriada do seu site. Se você estiver usando um programa em seu computador, você só precisará encontrar a pasta correta em seu disco rígido. Se você estiver usando uma interface de administração online, será necessário fazer upload da imagem. Navegue até a pasta correta em seu painel de administração e siga as instruções para fazer upload de um arquivo. Na maioria dos casos, você usará um botão de navegação para localizar o arquivo .gif em seu computador e, em seguida, clicará em "Carregar".
Etapa 3
Adicione o .gif à página da web. Em um editor WYSIWYG, tudo o que você precisa fazer é arrastar e soltar a imagem onde quiser. Visualize o site para garantir que a página seja exibida conforme o esperado e ajuste conforme necessário.
Se estiver usando um editor de texto HTML, abra a página HTML na qual o .gif será colocado. Role até o ponto no texto HTML onde você deseja que o .gif apareça. Adicione a seguinte linha, substituindo as informações após os sinais "=" por informações sobre o .gif e deixando as aspas no lugar:
Cross Culture explica que "img src" significa "fonte de imagem". As informações entre aspas devem listar o nome da pasta na qual o .gif reside e, em seguida, o nome do .gif. A tag "alt" refere-se ao texto que aparecerá se o link da imagem estiver quebrado, se o visitante tiver as imagens desabilitadas ou para os leitores de texto decodificarem. "Largura" e "altura" estabelecem o tamanho exibido da imagem em pixels. As tags de espaço definem quanto espaço vertical ou horizontal é dado ao redor da imagem em relação ao conteúdo ao redor. A marca de borda adicionará uma linha ao redor da imagem e o número dentro das aspas determina sua largura.
Dica
Um uso comum de um arquivo .gif é chamado de spacer.gif. Esta imagem é um quadrado transparente medindo 1 pixel por 1 pixel. Esse arquivo .gif oferece aos designers de página a opção de adicionar espaço previsível de forma eficiente em vários locais do layout. Para adicionar espaço abaixo de um bloco de texto, por exemplo, você pode colocar o spacer.gif em seu próprio parágrafo e ajustar a altura e a largura de acordo com suas preferências.
Aviso
Salve uma cópia da página da Web que você está alterando antes de tentar adicionar o novo .gif e tente trabalhar offline, se possível, até ficar satisfeito com os resultados. Isso evita que qualquer página de prática se torne pública e protege sua capacidade de recomeçar caso tenha dificuldade.
