Como criar um Banner em HTML

Escrito por brandy alexander | Traduzido por camila rodrigues
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como criar um Banner em HTML
Exemplo de um anúncio em HTML (Image created by Jenny Treviño-Blanquet)

Banners em HTML são uma maneira simples e eficaz de promover você mesmo ou a sua empresa na web. Os banners permitem que você faça propaganda no Yahoo! ou outras ferramentas de busca, mostrar sua imagem em sites de vendas e fazer muitas outras coisas. Você pode criar um banner de texto usando apenas HTML básico ou você pode ir além e usar um programa gráfico para adicionar imagens e estilos ao seu banner.

Nível de dificuldade:
Fácil

Outras pessoas estão lendo

O que você precisa?

  • Editor de texto HTML, como o BBEdit
  • Editores gráficos, como o Fireworks (opcional)

Lista completaMinimizar

Instruções

    Apenas texto

  1. 1

    Abra um arquivo no seu editor de texto HTML e insira uma tabela.

  2. 2

    Defina a largura de sua tabela e especifique os atributos "border," "cellpadding" e "border color" ao estilo do banner. Por exemplo: <table width="275" border="3" cellpadding="3" bordercolor="#0000FF">

  3. 3

    Centralize o texto do anúncio, se desejar. Por exemplo: <td><div align="center">Seu texto</div></td>

  4. 4

    Englobe o código da tabela com tags de link para o seu banner direcionar os visitantes para seu site. Por exemplo: <a href="http://www.ehow.com"><table width="275" border="1" cellpadding="3" bordercolor="#0000FF"><tr><td><div align="center">Seu Banner</div></td></tr></table></a>

  5. 5

    Nomeie e salve o arquivo com a extensão ".html".

    Com imagens

  1. 1

    Abra o seu programa de gráficos e crie uma imagem para o seu banner. Você pode criar uma única imagem ou projetar o anúncio inteiro.

  2. 2

    Salve o seu arquivo como JPG ou GIF.

  3. 3

    Abra um arquivo no seu editor de texto HTML e insira uma tabela.

  4. 4

    Defina a largura e altura do seu banner. Certifique-se de que estas definições podem acomodar as dimensões da sua imagem.

  5. 5

    Especifique os atributos da tabela, como "border" e "cellpadding", se necessário. Se você criou um banner completo em seu programa gráfico, você pode ignorar este passo.

  6. 6

    Englobe o código da tabela com tags de link para o seu banner direcionar os visitantes para seu site. <a href="http://www.ehow.com"><table width="275" height="250" border="0" cellpadding="0" bordercolor="#ffffff" background="test.jpg"><tr><td> </td></tr></table></a>

  7. 7

    Nomeie e salve o arquivo com a extensão ".html".

Dicas & Advertências

  • Se você quiser usar o seu banner em um site específico, certifique-se de seguir as orientações de tamanho e dimensão do arquivo.
  • Para compartilhar seu banner, forneça o código HTML dele.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível