HpBk-TemplateWorld

Banner erstellen

Grundwissen » Banner erstellen

Einleitung

Sicherlich habt ihr schon einige Online-Banner kennengelernt, die es im WWW gibt. Das Internet ist voll mit Werbung und ebenfalls voll mit diesen Bannern. Banner sind kleine schmale Bilder, auf denen Werbung für eine bestimmte Seite zu sehen ist. Es gibt sehr viele verschiedene Größen von Online-Bannern. Ich habe für euch die wichtigsten Größen herausgesucht und die TemplateWorld Banner als Inspirationsquelle hier hinzugefügt.

Schwierigkeitsstufe: Anfänger

Einen Banner zu erstellen ist wirklich einfach. Zunächst benötigt ihr dafür ein Bildbearbeitungsprogramm. Ich arbeite zum Beispiel mit Photoshop (kostenpflichtig), aber es gibt auch gute kostenlose Bildbearbeitungsprogramme wie Gimp oder PhotoFiltre.

Wenn ihr euch also einen Standard-Banner (Fullbanner) zum Beispiel in der Größe 468 x 60 Pixel erstellt habt, ladet diesen Banner unter "Eigene Bilder verwalten" im Baukasten hoch. Achtet auf eine einfache Benennung der Datei wie zum Beispiel "fullbanner.jpg".

Jetzt geht ihr in den Seiteneditor unter "Eigene Seiten editieren", klickt eine Seite an (am besten eine Testseite, auf der noch nichts steht) und führt folgende Schritte durch:

1. Klickt auf den Button "Bild einfügen" und fügt euren Banner ein.

2. Jetzt muss das Bild verlinkt werden. Das bedeutet, wenn ein Besucher auf euren Banner klickt, landet er auf eurer Website. Dies geschieht durch einen Link. Klickt dazu auf die kleine blaue Weltkugel für "Link hinzufügen" und fügt einen Link zu eurer Website ein. Beispiel: http://hpbk-templateworld.de.tl

Wenn ihr jetzt in die "Quellcode-Ansicht" im Editor wechselt, seht ihr folgenden HTML-Code:

<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_fullbanner.jpg" alt="" /></a>

Diesen Code stellt ihr dann euren Besucher auf der Website zur Verfügung und sobald sie diesen Code bei sich im Quelltext einfügen, erscheint ein Banner auf deren Seite mit eurer Verlinkung, was euch natürlich noch einige Besucher bringt.

Die beliebtesten Banner-Formate sind die folgenden Banner:

Full Banner (234 x 60 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_fullbanner.jpg" alt="" /></a>

Half Banner (234 x 60 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_halfbanner.jpg" alt="" /></a>

Medium Rectangle/Content Ad (300 x 250 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_mediumrectangle.jpg" alt="" /></a>

Rectangle (180 x 150 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_rectangle.jpg" alt="" /></a>

Skyscraper (120 x 600 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_skyscraper.jpg" alt="" /></a>

Wide Skyscraper (160 x 600 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_wideskyscraper.jpg" alt="" /></a>

TemplateWorld Sidebar-Banner (200 x 400 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbktw_sidebarbanner.jpg" alt="" /></a>

Half Page Ad (300 x 600 Pixel)

Der Code zum Einfügen:
<a href="http://hpbk-templateworld.de.tl/"><img src="https://img.webme.com/pic/h/hpbk-templateworld/hpbk_templateworld_hpa.jpg" alt="" /></a>

Kommentare zu dieser Seite: