Wie schreibe ich HTML für eine scrollende Nachricht?

Das Entwerfen, Erstellen und Verwalten einer professionellen Website für Ihr Unternehmen ist viel Arbeit. Selbst nachdem Sie Ihre Website in Betrieb genommen haben, kann sich die Besuchergewinnung als noch schwieriger erweisen. Sobald ein potenzieller Kunde auf eine Anzeige oder einen Link klickt, um Ihre Website zu besuchen, ist es wichtig, dass Ihre Seiten schnell auf sich aufmerksam machen, damit er nicht auf die Website eines Mitbewerbers klickt. Eine Möglichkeit, die Aufmerksamkeit eines Besuchers zu erlangen, ist das Scrollen von Text, der sich über den Bildschirm bewegt. Mit nur einem kurzen Ausschnitt von HTML-Code können Sie einen Laufrahmen erstellen, der die Blicke eines Besuchers wie ein Magnet auf sich zieht.

1

Starten Sie Windows Notepad oder Ihren bevorzugten Text- oder HTML-Editor. Öffnen Sie die Datei für die Webseite, die Sie mit einer Bildlaufnachricht verbessern möchten.

2

Navigieren Sie zu dem Punkt, an dem die Bildlaufnachricht auf der Seite angezeigt werden soll. Klicken Sie auf die Stelle, an der Sie die Nachricht anzeigen möchten, und klicken Sie mit der Maus auf das Ende der Codezeile. Drücken Sie anschließend die Eingabetaste, um einen Wagenrücklauf oder Zeilenumbruch in den Code einzufügen.

3.

Kopieren Sie das Folgende und fügen Sie es in das HTML-Dokument ein, um eine einfache Bildlaufnachricht mit Text zu erstellen, der einmal rechts von der Seite eingeblendet wird, jedoch nicht weiter scrollt:

Geben Sie hier Ihre Scrolling-Nachricht ein

4

Kopieren Sie den folgenden Code, und fügen Sie ihn in die Seite ein, um eine Bildlaufnachricht mit einem Text einzufügen, der von rechts nach rechts eingeblendet wird und in einer Schleife fortgesetzt wird:

Geben Sie hier Ihre Scrolling-Nachricht ein

5

Kopieren Sie den folgenden Code, und fügen Sie ihn in das HTML-Dokument ein, um eine Bildlaufmeldung zu erstellen, in der der Text fortlaufend auf dem Bildschirm angezeigt wird:

Geben Sie hier Ihre Scrolling-Nachricht ein

6

Kopieren Sie den folgenden Code, und fügen Sie ihn in die Seite ein, um den Text vom unteren Rand des Textfelds nach oben zu scrollen:

Geben Sie hier Ihre Scrolling-Nachricht ein

7.

Ändern Sie die Bildlaufgeschwindigkeit der Nachricht, indem Sie das Argument "scrollamount" in den Marquee-Code einfügen. Zum Beispiel wird die Nachricht langsam über den Bildschirm gescrollt:

Geben Sie hier Ihre langsame Bildlaufmeldung ein

Verwenden Sie den folgenden Code, um die Nachricht auf dem Bildschirm viel schneller scrollen zu lassen:

Geben Sie hier Ihre schnelle Bildlaufmeldung ein

Ändern Sie die Variable "scrollamount" nach Bedarf, um die Bildlaufgeschwindigkeit des Texts zu erhöhen oder zu verringern.

8

Speichern Sie die HTML-Datei im Editor oder in Ihrer bevorzugten Editoranwendung. Melden Sie sich bei Ihrem Webhosting-Kontrollfeld an und verwenden Sie den Datei-Manager oder ein ähnliches Dienstprogramm, um die Datei auf Ihren Webserver hochzuladen.

9

Öffnen Sie einen Webbrowser und navigieren Sie zu der URL für die aktualisierte HTML-Seite. Nachdem die Seite in Ihr Browserfenster geladen wurde, wird die Nachricht über den Bildschirm gescrollt.

Tipps

• Sie können auch ein Bildlaufbild auf Ihrer Webseite einfügen. Kopieren Sie dazu folgenden Code an der Stelle, an der das Bildlaufbild auf der Seite angezeigt werden soll:
• Ändern Sie "//www.somesite.com/images/picture.gif" in die tatsächliche URL des Bildes, das Sie auf dem Bildschirm scrollen möchten.
• Wenn Sie sich nicht sicher fühlen, HTML-Code von Grund auf neu zu schreiben, können Sie einen Online-Code-Generator verwenden, um den Code zu erstellen. Websites wie Quackit.com, HTMLMarquee.com und HTMLBasix.com bieten kostenlose, einfach zu verwendende Generatoren, mit denen Sie Bildlaufnachrichten entwerfen und anschließend HTML-Code generieren können, den Sie einfach in eine beliebige Webseite einfügen (Links in Ressourcen).