SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Tutorial
Criando banner HTML5 com GIF
1
Posição do Banner
Atenção: Não alterar o valor “0” do margin e padding. Com o valor “0” o
banner ficará centralizado em nossa ferramenta.
2
Formato do Banner
Coloquem as informações de acordo com o formato do banner. Ex: no caso
do retângulo médio colocar, width: 300px e height: 250px.
3
Código para o clique do Banner
Atenção: Não alterar nenhuma informação desse código para gerar o clique
correto. Importante: deixar sempre a imagem dentro a TAG “<a>” .
4
Nomeando Arquivo
Colocar o nome do arquivo igual ao do “gif”. Não esquecer de colocar a
extensão, no caso “.gif”.
5
Código para o clique do Banner
Atenção: Não alterar nenhuma informação desse código para gerar o clique
correto.
6
Informações Importantes
- Peso máximo do arquivo total: 150kb
- Estrutura do HTML e seus assets. Os assets devem estar no mesmo nível
do html principal, ou seja, não devem existir pastas organizando os assets.
Como mostrado abaixo:
-O arquivo compactado deve estar no formato “.zip”.
Em caso de dúvidas, fale com seu contato comercial.

Weitere ähnliche Inhalte

Ähnlich wie Passo a passo - Banner | HTML5

Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)
Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)
Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)
FAIR PLAY AD / @VeronicaRRSouza
 
Redededisplay googleadwords-formatos-120214115349-phpapp02
Redededisplay googleadwords-formatos-120214115349-phpapp02Redededisplay googleadwords-formatos-120214115349-phpapp02
Redededisplay googleadwords-formatos-120214115349-phpapp02
FAIR PLAY AD / @VeronicaRRSouza
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
Fábio Costa
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
Fábio Costa
 

Ähnlich wie Passo a passo - Banner | HTML5 (20)

Curso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e linksCurso de Html - Aula 7 - Trabalhando com imagens e links
Curso de Html - Aula 7 - Trabalhando com imagens e links
 
Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)
Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)
Redededisplay googleadwords-formatos-120214115349-phpapp02 (1)
 
Redededisplay googleadwords-formatos-120214115349-phpapp02
Redededisplay googleadwords-formatos-120214115349-phpapp02Redededisplay googleadwords-formatos-120214115349-phpapp02
Redededisplay googleadwords-formatos-120214115349-phpapp02
 
Rede de Display Google Adwords - Apresentação e Determinações
Rede de Display Google Adwords - Apresentação e DeterminaçõesRede de Display Google Adwords - Apresentação e Determinações
Rede de Display Google Adwords - Apresentação e Determinações
 
Html 02
Html 02Html 02
Html 02
 
Marketplace 2022 | Diferenciação em marketplaces: é possivel ou ao final é so...
Marketplace 2022 | Diferenciação em marketplaces: é possivel ou ao final é so...Marketplace 2022 | Diferenciação em marketplaces: é possivel ou ao final é so...
Marketplace 2022 | Diferenciação em marketplaces: é possivel ou ao final é so...
 
Publicar banners (blogspot)
Publicar banners (blogspot)Publicar banners (blogspot)
Publicar banners (blogspot)
 
Html 7
Html 7Html 7
Html 7
 
Guia BáSico 3
Guia BáSico 3Guia BáSico 3
Guia BáSico 3
 
Modelos de Briefing
Modelos de Briefing Modelos de Briefing
Modelos de Briefing
 
Fan page
Fan pageFan page
Fan page
 
Super banner no site conjur 12.11
Super banner no site conjur 12.11Super banner no site conjur 12.11
Super banner no site conjur 12.11
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
 
eCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
eCommerce SEO - Guia Completo para o SEO da Sua Loja VirtualeCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
eCommerce SEO - Guia Completo para o SEO da Sua Loja Virtual
 
Aula 05
Aula 05Aula 05
Aula 05
 
COMO FAZER E-MAIL MARKETING EM HTML
COMO FAZER E-MAIL MARKETING EM HTMLCOMO FAZER E-MAIL MARKETING EM HTML
COMO FAZER E-MAIL MARKETING EM HTML
 
Versão 1.52
Versão 1.52Versão 1.52
Versão 1.52
 
Workshop Ferramentas Digitais e Empreendedorismo Digital - Nioaque
Workshop Ferramentas Digitais e Empreendedorismo Digital - NioaqueWorkshop Ferramentas Digitais e Empreendedorismo Digital - Nioaque
Workshop Ferramentas Digitais e Empreendedorismo Digital - Nioaque
 
#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5
 

Passo a passo - Banner | HTML5

  • 2. 1 Posição do Banner Atenção: Não alterar o valor “0” do margin e padding. Com o valor “0” o banner ficará centralizado em nossa ferramenta.
  • 3. 2 Formato do Banner Coloquem as informações de acordo com o formato do banner. Ex: no caso do retângulo médio colocar, width: 300px e height: 250px.
  • 4. 3 Código para o clique do Banner Atenção: Não alterar nenhuma informação desse código para gerar o clique correto. Importante: deixar sempre a imagem dentro a TAG “<a>” .
  • 5. 4 Nomeando Arquivo Colocar o nome do arquivo igual ao do “gif”. Não esquecer de colocar a extensão, no caso “.gif”.
  • 6. 5 Código para o clique do Banner Atenção: Não alterar nenhuma informação desse código para gerar o clique correto.
  • 7. 6 Informações Importantes - Peso máximo do arquivo total: 150kb - Estrutura do HTML e seus assets. Os assets devem estar no mesmo nível do html principal, ou seja, não devem existir pastas organizando os assets. Como mostrado abaixo: -O arquivo compactado deve estar no formato “.zip”. Em caso de dúvidas, fale com seu contato comercial.