HTML-Banner erstellen

Autor: Peter Berry
Erstelldatum: 19 August 2021
Aktualisierungsdatum: 10 Kann 2024
Anonim
Tutorial: How to create animated HTML banner set in 5 minutes
Video: Tutorial: How to create animated HTML banner set in 5 minutes

Inhalt

HTML-Banner sind eine einfache und effektive Möglichkeit, sich oder Ihr Unternehmen im Web zu bewerben. Mit den Bannern können Sie auf Yahoo! oder andere Suchwerkzeuge, zeigen Sie Ihr Bild auf Verkaufsseiten an und machen Sie viele andere Dinge. Sie können ein Textbanner nur mit einfachem HTML-Code erstellen oder mit einem Grafikprogramm Bilder und Stile zum Banner hinzufügen.


Anweisungen

Beispiel für eine HTML-Anzeige (Bild erstellt von Jenny Treviño-Blanquet)

    Nur Text

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

  2. Legen Sie die Breite Ihrer Tabelle fest und legen Sie die Attribute "Rahmen", "Zellauffüllung" und "Rahmenfarbe" für den Bannerstil fest. Zum Beispiel:

  3. Zentrieren Sie Ihren Anzeigentext, falls gewünscht. Zum Beispiel: Ihr Text

  4. Verknüpfen Sie den Tabellencode mit den Link-Tags für Ihr Banner, um Besucher auf Ihre Website zu leiten. Zum Beispiel:

    Dein Banner

  5. Benennen und speichern Sie die Datei mit der Erweiterung ".html".

    Mit Bildern

  1. Öffnen Sie Ihr Grafikprogramm und erstellen Sie ein Bild für Ihr Banner. Sie können ein einzelnes Image erstellen oder die gesamte Anzeige entwerfen.


  2. Speichern Sie Ihre Datei als JPG oder GIF.

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

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

  5. Geben Sie bei Bedarf Tabellenattribute an, z. B. "border" und "cellpadding". Wenn Sie in Ihrem Grafikprogramm ein vollständiges Banner erstellt haben, können Sie diesen Schritt überspringen.

  6. Verknüpfen Sie den Tabellencode mit den Link-Tags für Ihr Banner, um Besucher auf Ihre Website zu leiten.

  7. Benennen und speichern Sie die Datei mit der Erweiterung ".html".

Wie

  • Wenn Sie Ihr Banner auf einer bestimmten Website verwenden möchten, beachten Sie die Richtlinien zu Dateigröße und -größe.
  • Geben Sie Ihren HTML-Code ein, um Ihr Banner mit anderen zu teilen.

Was du brauchst

  • HTML-Texteditor wie BBEdit
  • Grafikeditoren wie Fireworks (optional)