Como criar um Banner em HTML

Escrito por brandy alexander | Traduzido por camila rodrigues
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.

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:

  3. 3

    Centralize o texto do anúncio, se desejar. Por exemplo:

  4. 4

    Englobe o código da tabela com tags de link para o seu banner direcionar os visitantes para seu site. Por exemplo:

  5. Seu texto
    Seu Banner

  6. 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.

  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.

O que você precisa?

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

Lista completaMinimizar

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