So erstellen Sie animierte wehende Flaggen für Websites

Wenn Sie auf Ihrer Website eine bewegte Nachricht oder ein Bild anzeigen möchten, sollten Sie Ihrer Seite eine wehende Flagge hinzufügen. Diese Flagge ahmt die Bewegung eines physischen Banners im Wind nach und präsentiert die von Ihnen bevorzugten Bilder und/oder Texte. Obwohl diese Grafik traditionell mit einem Grafikprogramm erstellt wird, haben Sie die Möglichkeit, dieses dynamische Bild mit einer kostenlosen Internetquelle zu erstellen. Erstellen Sie die animierte wehende Flagge, die Sie bevorzugen, und erfahren Sie, wie Sie sie auf Ihrer Website veröffentlichen.

Schritt 1

Zeigen Sie Ihren Browser auf einen online animierten Flaggengenerator wie FlashVortex.com, MakeSweet oder Layoutcodez.net. Die Sites MakeSweet und Layoutcodez.net ermöglichen es Ihnen, Ihr eigenes Bild für Ihre Flagge hochzuladen, während die Site FlashVortex.com Ihnen vorgefertigte Bilder zur Verfügung stellt, die Sie bearbeiten können.

Schritt 2

Laden Sie ein Bild für Ihre bewegliche Flagge auf der MakeSweet-Website hoch, indem Sie auf die Pluszeichen-Schaltfläche klicken und dann auf das nächste Pluszeichen klicken, das mit dem Standardbild angezeigt wird. Klicken Sie auf Layoutcodez.net auf die Schaltfläche "Datei auswählen". Befolgen Sie die Anweisungen auf jeder Site, um Ihre Grafik auszuwählen und sie dem Design hinzuzufügen.

Schritt 3

Verwenden Sie die Menüs auf den Websites FlashVortex.com und MakeSweet, um Ihr Bild zu gestalten. Geben Sie beispielsweise auf FlashVortex.com eine Flaggengröße in das Textfeld "Flaggenskala" ein, geben Sie den zugehörigen Flaggeninhalt in das Feld "Text" ein und wählen Sie dann die Positionierung Ihres Textes mit den Funktionen unter "Textetikettenposition bearbeiten". " Titel. Layoutcodez.net bietet Ihnen keine Möglichkeit, weitere Änderungen an Ihrem Bild vorzunehmen.

Schritt 4

Beenden Sie Ihr Design der beweglichen Flagge, indem Sie auf die Schaltfläche "Animation generieren" auf der Website FlashVortex.com oder auf die Schaltfläche "Hochladen" auf der Seite Layoutcodez.net klicken und dann den Code kopieren, der automatisch im Textfeld angezeigt wird. Klicken Sie mit MakeSweet auf das Filmsymbol in Ihrem Design, wählen Sie die Option "Entwurf" oder "HI-RES" und klicken Sie dann auf das Disk-Image, wenn es oben erscheint, um die Datei auf Ihrem Computer-Desktop zu speichern.

Schritt 5

Laden Sie Ihre animierte MakeSweet-GIF-Datei auf Ihren Webhost (falls zutreffend) in denselben Ordner oder dasselbe Verzeichnis hoch, in dem Sie Ihre anderen Website-Dateien aufbewahren. Notieren Sie sich den Speicherort der Datei (z. B. "http://www.yoursite.com/flag.gif").

Schritt 6

Rufen Sie in Ihrem Texteditor die Website-Seite auf, der Sie die Flagge hinzufügen möchten, und positionieren Sie Ihren Cursor in dem Bereich, in dem die Grafik erscheinen soll. Fügen Sie den Code von der FlashVortex.com- oder Layoutcodez.net-Site ein. Wenn Sie MakeSweet verwenden, geben Sie die Datei-URL Ihres Flags zwischen den Anführungszeichen des folgenden Bildcodes ein:

Sichere deine Arbeit. Ihre animierte Flagge wird jetzt auf der Website-Seite angezeigt.