HpBk-TemplateWorld | Alles für dich.

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:
Kommentar von:24.02.2015 um 18:21 (UTC)
banner-baukasten
banner-baukasten
Offline

Wenn Ihr den Code einfacher bekommen wollt, schaut euch einfach unsere Seite an!



Kommentar zu dieser Seite hinzufügen:
Dein Name:
Deine E-Mail-Adresse:
Deine Homepage:
Deine Nachricht:

Du bist der 405727 Besucher.

Information

HpBk-TemplateWorld ist seit Januar 2011 die neue Design-Zentrale im Homepage-Baukasten. Mit über 100 Designs ist und soll HpBk-TemplateWorld auch mit eurer Hilfe noch weiter ausgebaut werden und somit zu einer zentralen Anlaufstelle für Designs, Templates und Tutorials im HpBk werden.

Partner werden

Möchtest du auch Partner von HpBk-TemplateWorld werden? Dann schreibe mich an. Gerne sehe ich mir deine Seite genauer an und werde dich dann zu den offiziellen Partnerseiten hinzufügen.