Adicionar uma imagem ao seu site pode melhorar muito sua atratividade para visitantes. Os formatos de arquivo mais comumente usados para imagens na web são .jpg e .gif. A Universidade de Indiana diz que arquivos .gif são mais adequados para imagens com bordas nítidas e graduações de cor reduzidas. Estes podem incluir cartoons, texto e arte em linha. Outras vantagens dos arquivos .gif são a capacidade de definir o fundo como 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.
Abra seu painel de administração do site. Isso será diferente para cada indivíduo porque depende do servidor host que você usa ou se usa programas como 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 "What You See Is What You Get" (O que você vê é o que você obtém). Estes programas são projetados para tornar a construção de páginas mais intuitiva. Editores HTML exigem que você entenda o básico da linguagem HTML.
Salve seu arquivo de imagem .gif na pasta "images" ou pasta apropriada do seu site. Se estiver usando um programa no seu computador, só precisará encontrar a pasta certa no seu disco rígido. Se estiver usando uma interface de administração online, precisará fazer upload da imagem. Navegue até a pasta correta no 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 encontrar o arquivo .gif no seu computador e depois clicar em "Upload".
Adicione o .gif à página web. Em um editor WYSIWYG, tudo que você precisa fazer é arrastar e soltar a imagem onde quiser. Visualize o site para garantir que a página aparece como 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ê quer que o .gif apareça. Adicione a seguinte linha, substituindo informações após os sinais "=" por informações sobre o .gif e mantendo as aspas no lugar:
<img src="imagem.gif" alt="descrição" width="100" height="100" hspace="10" vspace="10" border="0" />
O "img src" significa "image source" (fonte da imagem). A informação entre aspas deve listar o nome da pasta onde o .gif reside e depois o nome do .gif. A tag "alt" refere-se ao texto que aparecerá se o link da imagem estiver quebrado, se o visitante tiver imagens desabilitadas ou para leitores de texto decodificarem. "Width" e "height" 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 tag border adicionará uma linha ao redor da imagem e o número dentro das aspas determina sua largura.
Um uso comum de um arquivo .gif é chamado 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 eficientemente em vários locais no layout. Para adicionar espaço abaixo de um bloco de texto, por exemplo, você poderia colocar o spacer.gif em seu próprio parágrafo e ajustar altura e largura às suas preferências.
Salve uma cópia da página web que você está alterando antes de tentar adicionar o novo .gif e tente trabalhar offline se possível até ficar satisfeito com seus resultados. Isso evita que páginas de prática tornem-se públicas e protege sua capacidade de recomeçar caso tenha dificuldade.
Tecnologia Eletrônica © [www.351231.com]
