Banner im Gif-Format

Diese Banner sind am einfachsten ein zu bauen. Es handelt sich um einfache Bilder im Gif-Format, die einen Link enthalten.

Mit dem Farbauswahlbild rechts oben kannst du die Auswahl der Seitenhintergrundfarbe noch mal korrigieren.

Einbau des Banners in deine Seite

Natürlich musst du dir zuerst einen der 6 Banner aussuchen. Um den Banner in deine Seite ein zu bauen, musst du das Bild erst mal auf deine Festplatte kopieren. Wie das geht, hängt von deinem Browser und von deinem Betriebsystem ab. Bei den meisten Browsern aktuellen Windowssystemen musst du dazu mit der rechten Maustaste auf den Banner deiner Wahl klicken. Es erscheint ein Kontextmenü. In diesem Menü klickst du (mit der linken Maustaste) auf "Speichern unter..." oder "Bild speichern" oder ähnlich. Es öffnet sich ein Fenster in dem du auswählen musst wo und unter welchem Namen das Bild gespeichert werden soll. Als Ort wählst du den Ordner in dem auch die Seite gespeichert ist, auf der der Banner eingebaut werden soll. Als Name gibst du "friedelb.gif" ein. Achte darauf, dass der Name nur Kleinbuchstaben hat und dass die Endung ".gif" ist. In deine Seite fügst du an der Stelle, wo der Banner erscheinen soll, folgenden Quellcode ein:

<-- Friedels Banner -->
<a href="http://www.friedels-home.de/" onclick="window.open(this.href);return false;">
<img src="friedelb.gif" style="width:88px; height:32px; border:none; margin:3px 16px;"
alt="Friedels Homepage - Anleitungen für HTML-Autoren, ein
HTML-Crashkurs, ein Kurs über das Veröffentlichen der
Homepage, ein CSSkurs, kostenloser Webspace, Unicode und vieles mehr." /></a>
<-- Ende Friedels Banner -->

Zum Einfügen des Quelltextes solltest du keinen WYSIWYG-Editor, wie z.B. Frontage, verwenden. Am besten geht es mit einem Texteditor wie z.B. Notepad.

Vielleicht ist dir aufgefallen, dass im Quellcode, den du aus meiner Seite kopiert hast, 2 Stellen hervor gehoben sind. An der ersten Stelle stehen 2 Werte. Diese Zahlen legen fest wie viel Abstand der Banner vom umgebenden Text hat. Die erste Zahl gibt den Abstand nach oben und unten in Pixel an und die 2. Zahl den seitlichen Abstand. Du kannst hier andere Werte verwenden um den Abstand zu vergrößern oder verkleinern. An der zweiten Stelle steht ein Slash (Schrägstrich) und davor ein Leerzeichen. Wenn deine Seite in Html geschrieben ist, musst du das Leerzeichen und den Schrgstrich entfernen. Wenn sie in XHtml geschrieben ist, bleibt beides drin.

Jetzt musst du die neue oder geänderte Seite nur noch uploaden und natürlich musst du auch das Bild uploaden. Fertig.

valides XHTML Der Quellcode für die Banner entspricht den aktuellen (Februar 2009) Webstandards.

Um einen Link zu setzen, der direkt auf diese Seite führt, verwende folgende Url: