[Video della lezione: da registrare]
Lezione 1 di 5
Cos’è un banner HTML5
Un banner HTML5 è una piccola pagina web, realizzata con HTML, CSS e JavaScript, che viene mostrata dentro uno spazio pubblicitario di un’altra pagina. Non è un’immagine né un video: è codice che il browser esegue, esattamente come esegue qualsiasi sito.
Rispetto a un’immagine o a una GIF
Un’immagine statica non si muove. Una GIF animata si muove, ma è una sequenza di foto: pesa molto, ha pochi colori e appare sfocata quando la ingrandisci. Un banner HTML5 disegna il testo e le forme con il codice, quindi appare nitido a qualsiasi densità di schermo, si anima con precisione e di solito pesa molto meno.
Di cosa è fatto
- Un file
index.htmlcon la struttura e il testo. - Stili (CSS) che dicono com’è ogni elemento.
- Codice (JavaScript) che muove gli elementi e gestisce il clic.
- Immagini e font, se ci sono, accanto all’
index.html.
Tutto questo viaggia insieme in un file .zip. La piattaforma che pubblica il banner, l’ad server, lo decomprime e lo mostra.
Provalo. Apri una qualsiasi pagina web, fai clic destro su un banner e cerca «Ispeziona»: se è HTML5, vedrai il suo codice.
I tuoi progressi restano salvati solo in questo browser.