[Video de la lección: pendiente de grabar]
Lección 1 de 5
Qué es un banner HTML5
Un banner HTML5 es una pequeña página web, hecha con HTML, CSS y JavaScript, que se muestra dentro de un espacio publicitario de otra página. No es una imagen ni un video: es código que el navegador ejecuta, igual que ejecuta cualquier sitio.
Frente a una imagen o un GIF
Una imagen estática no se mueve. Un GIF animado se mueve, pero es una secuencia de fotos: pesa mucho, tiene pocos colores y se ve borroso al ampliarlo. Un banner HTML5 dibuja el texto y las formas con código, así que se ve nítido a cualquier densidad de pantalla, se anima con precisión y suele pesar bastante menos.
De qué está hecho
- Un archivo
index.htmlcon la estructura y el texto. - Estilos (CSS) que dicen cómo se ve cada elemento.
- Código (JavaScript) que mueve los elementos y gestiona el clic.
- Imágenes y fuentes, si las hay, junto al
index.html.
Todo eso viaja junto en un archivo .zip. La plataforma que publica el banner, el ad server, lo descomprime y lo muestra.
Prueba esto. Abre cualquier página web, haz clic derecho sobre un banner y busca «Inspeccionar»: si es HTML5, verás su código.
Tu avance se guarda solo en este navegador.