[Vídeo da lição: gravação pendente]
Lição 1 de 5
O que é um banner HTML5
Um banner HTML5 é uma pequena página web, feita com HTML, CSS e JavaScript, que aparece dentro de um espaço publicitário de outra página. Não é uma imagem nem um vídeo: é código que o navegador executa, do mesmo jeito que executa qualquer site.
Em comparação com uma imagem ou um GIF
Uma imagem estática não se mexe. Um GIF animado se mexe, mas é uma sequência de fotos: pesa muito, tem poucas cores e fica borrado quando ampliado. Um banner HTML5 desenha o texto e as formas com código, então fica nítido em qualquer densidade de tela, anima com precisão e costuma pesar bem menos.
Do que é feito
- Um arquivo
index.htmlcom a estrutura e o texto. - Estilos (CSS) que definem como cada elemento aparece.
- Código (JavaScript) que move os elementos e cuida do clique.
- Imagens e fontes, se houver, junto ao
index.html.
Tudo isso viaja junto em um arquivo .zip. A plataforma que publica o banner, o ad server, descompacta o arquivo e o exibe.
Experimente. Abra qualquer página web, clique com o botão direito em um banner e procure “Inspecionar”: se for HTML5, você verá o código dele.
Seu progresso fica salvo somente neste navegador.