Como criar um Banner em HTML

Vídeo: Curso de HTML5 e CSS3 #04 - Criando o banner principal

Contente

Instruções
Apenas texto
Com imagens
Dicas
O que você precisa

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

Abra um arquivo no seu editor de texto HTML e insira uma tabela.
Defina a largura de sua tabela e especifique os atributos "border," "cellpadding" e "border color" ao estilo do banner. Por exemplo:
Centralize o texto do anúncio, se desejar. Por exemplo: Seu texto
Englobe o código da tabela com tags de link para o seu banner direcionar os visitantes para seu site. Por exemplo:
Seu Banner
Nomeie e salve o arquivo com a extensão ".html".

Com imagens

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.
Salve o seu arquivo como JPG ou GIF.
Abra um arquivo no seu editor de texto HTML e insira uma tabela.
Defina a largura e altura do seu banner. Certifique-se de que estas definições podem acomodar as dimensões da sua imagem.
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.
Englobe o código da tabela com tags de link para o seu banner direcionar os visitantes para seu site.
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.