Mais
×

Como criar um Banner em HTML

Atualizada August 16, 2017

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

Exemplo de um anúncio em HTML (Image created by Jenny Treviño-Blanquet)

    Apenas texto

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

  2. Defina a largura de sua tabela e especifique os atributos "border," "cellpadding" e "border color" ao estilo do banner. Por exemplo:

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

  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. Nomeie e salve o arquivo com a extensão ".html".

    Com imagens

  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. Salve o seu arquivo como JPG ou GIF.

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

  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. 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. Englobe o código da tabela com tags de link para o seu banner direcionar os visitantes para seu site.

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

Dicas

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

Coisas Necessárias

  • Editor de texto HTML, como o BBEdit
  • Editores gráficos, como o Fireworks (opcional)
bibliography-icon icon for annotation tool Cite this Article