Há muitos motivos pelos quais você pode querer adicionar uma imagem .gif ao seu site.
Adicionar uma imagem ao seu site pode melhorar muito sua atratividade para os visitantes. Os formatos de arquivo mais comumente 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 cor reduzidas. Isso pode incluir desenhos, 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 da Web é tão simples quanto enviar um arquivo e escrever uma frase.
Passo 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 de 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 construção de páginas mais intuitiva. Os editores de HTML exigem que você entenda os fundamentos da linguagem HTML.
Vídeo do dia
Passo 2
Salve seu arquivo de imagem .gif em "imagens" ou na pasta apropriada do seu site. Se você estiver usando um programa em seu computador, precisará apenas encontrar a pasta certa em seu disco rígido. Se estiver usando uma interface de administração online, você precisará carregar a imagem. Navegue até a pasta correta em seu painel de administração e siga as instruções para carregar um arquivo. Na maioria dos casos, você usará um botão de navegação para localizar o arquivo .gif em seu computador e clique em "Fazer upload".
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 você 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 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:
A Cross Culture explica "img src" significa "fonte da imagem". As informações entre as 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 for quebrado, se o visitante tiver imagens desabilitadas ou para que os leitores de texto possam decodificar. "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 circundante. A marca de borda adicionará uma linha ao redor da imagem e o número dentro das aspas determinará sua largura.
Coisas que você precisa
Computador com conexão à Internet
Acesso administrativo ao site
Imagem .gif salva a ser inserida
Gorjeta
Um uso comum de um arquivo .gif é chamado de spacer.gif. Esta imagem é um quadrado transparente medindo 1 pixel por 1 pixel. Este arquivo .gif dá aos designers de página a opção de adicionar espaço previsível de forma eficiente em vários locais no 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 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 off-line, se possível, até estar satisfeito com os resultados. Isso evita que as páginas de prática tornem-se públicas e protege sua capacidade de reiniciar, caso tenha dificuldade.
