[Video van de les: nog op te nemen]
Les 1 van 5
Wat is een HTML5-banner
Een HTML5-banner is een kleine webpagina, gemaakt met HTML, CSS en JavaScript, die binnen een advertentieruimte van een andere pagina wordt getoond. Het is geen afbeelding en geen video: het is code die de browser uitvoert, net zoals hij elke andere site uitvoert.
Ten opzichte van een afbeelding of GIF
Een statische afbeelding beweegt niet. Een geanimeerde GIF beweegt wel, maar het is een reeks foto’s: hij weegt veel, heeft weinig kleuren en wordt wazig als je hem vergroot. Een HTML5-banner tekent de tekst en de vormen met code, dus hij is scherp op elke schermdichtheid, wordt nauwkeurig geanimeerd en weegt meestal aanzienlijk minder.
Waaruit hij bestaat
- Een
index.html-bestand met de structuur en de tekst. - Stijlen (CSS) die bepalen hoe elk element eruitziet.
- Code (JavaScript) die de elementen beweegt en de klik afhandelt.
- Afbeeldingen en lettertypen, als die er zijn, naast het
index.html.
Dat alles reist samen in een .zip-bestand. Het platform dat de banner publiceert, de ad server, pakt hem uit en toont hem.
Probeer dit. Open een willekeurige webpagina, klik met de rechtermuisknop op een banner en zoek naar “Inspecteren”: als het HTML5 is, zie je de code.
Je voortgang wordt alleen in deze browser bewaard.