So erstellen Sie eine HTML-Banneranzeige

...

Beispiel für eine HTML-Banneranzeige

HTML-Banneranzeigen sind eine einfache und effektive Möglichkeit, für sich selbst oder Ihr Unternehmen im Web zu werben. Banner-Anzeigen ermöglichen es Ihnen, in "Banner-Austausch"-Programmen hin und her zu verlinken, sich auf Yahoo! oder anderen Suchmaschinen, zeigen Sie Ihr Bild auf Marktplatz-Websites an und machen Sie viele andere Dinge. Sie können ein Textbanner mit einfachem HTML erstellen oder weiter gehen und ein Grafikprogramm verwenden, um Ihrer Banneranzeige Bilder und Styling hinzuzufügen.

Schritt 1

Öffnen Sie eine Datei in Ihrem HTML-Texteditor und fügen Sie eine Tabelle ein.

Video des Tages

Schritt 2

Legen Sie die Breite Ihrer Tabelle fest und geben Sie den "Rand", "Cellpadding" und "Randfarbe" der Tabelle an, um die Bannerwerbung zu gestalten. Beispielsweise:

Schritt 3

Zentrieren Sie den Text Ihrer Anzeige, falls gewünscht. Beispielsweise:

Ihr HTML-Banner-Anzeigentext

Schritt 4

Umfassen Sie den Code der Tabelle mit Link-Tags, damit Ihr Banner Besucher auf Ihre Website leitet. Beispielsweise:

width="275" border="1" cellpadding="3" bordercolor="#0000FF">
Ihre HTML-Banneranzeige

Schritt 5

Benennen und speichern Sie Ihre Datei mit der Erweiterung ".html".

Schritt 6

Öffnen Sie Ihr Grafikprogramm und erstellen Sie ein Bild für Ihre Werbebanner. Sie können ein einzelnes Bild erstellen oder die gesamte Anzeige gestalten.

Schritt 7

Speichern Sie Ihre Datei als JPG oder GIF.

Schritt 8

Öffnen Sie eine Datei in Ihrem HTML-Texteditor und fügen Sie eine Tabelle ein.

Schritt 9

Legen Sie die Breite und Höhe Ihres Werbebanners fest. Stellen Sie sicher, dass diese Einstellungen den Abmessungen Ihres Bildes entsprechen.

Schritt 10

Geben Sie bei Bedarf die Attribute der Tabelle an, z. B. "Rahmen" und "Zellenauffüllung". Wenn Sie in Ihrem Grafikprogramm einen kompletten Werbebanner gestalten, können Sie diesen Schritt umgehen.

Schritt 11

Umfassen Sie den Code der Tabelle mit Link-Tags, damit Ihre Banneranzeige Besucher auf Ihre Website leitet. Beispielsweise: width="275" height="250" border="0" cellpadding="0" bordercolor="#ffffff" background="test.jpg">

Schritt 12

Benennen und speichern Sie Ihre Datei mit der Erweiterung ".html".

Dinge, die du brauchen wirst

  • HTML-Texteditor wie BBEdit

  • Grafikprogramm wie Fireworks (optional)

Spitze

Wenn Sie Ihr Banner auf einer bestimmten Site verwenden möchten, beachten Sie unbedingt die Richtlinien zu Abmessungen und Dateigröße. Um Ihr Banner zu teilen, geben Sie den HTML-Code Ihrer Banneranzeige an.