Meine erste Kampagne erstellen
[Video der Lektion: Aufnahme ausstehend]
Lektion 1 von 5

Was ein HTML5-Banner ist

Ein HTML5-Banner ist eine kleine Webseite, aufgebaut mit HTML, CSS und JavaScript, die innerhalb eines Werbeplatzes einer anderen Seite angezeigt wird. Es ist weder ein Bild noch ein Video: Es ist Code, den der Browser ausführt, genau wie jede andere Website.

Im Vergleich zu einem Bild oder GIF

Ein statisches Bild bewegt sich nicht. Ein animiertes GIF bewegt sich, besteht aber aus einer Folge von Fotos: Es wiegt viel, hat wenige Farben und wirkt verschwommen, wenn man es vergrößert. Ein HTML5-Banner zeichnet Text und Formen mit Code. Deshalb wirkt es bei jeder Bildschirmdichte scharf, lässt sich präzise animieren und ist meist deutlich leichter.

Woraus es besteht

  • Eine Datei index.html mit der Struktur und dem Text.
  • Stile (CSS), die festlegen, wie jedes Element aussieht.
  • Code (JavaScript), der die Elemente bewegt und den Klick verarbeitet.
  • Bilder und Schriften, falls vorhanden, neben der index.html.

All das wird gemeinsam in einer .zip-Datei transportiert. Die Plattform, die das Banner veröffentlicht, der Ad-Server, entpackt sie und zeigt sie an.

Probier das aus. Öffne eine beliebige Webseite, klicke mit der rechten Maustaste auf ein Banner und wähle „Untersuchen“: Ist es HTML5, siehst du den Code.
Dein Fortschritt wird nur in diesem Browser gespeichert.

Übe mit deiner eigenen Kampagne.

Probier es mit einer echten Kampagne aus.

Meine erste Kampagne erstellenPreise ansehen