So erstellen Sie eine Animation mit wehenden Flaggen für Websites

Autor: Carl Weaver
Erstelldatum: 21 Februar 2021
Aktualisierungsdatum: 19 November 2024
Anonim
So erstellen Sie eine Animation mit wehenden Flaggen für Websites - Elektronik
So erstellen Sie eine Animation mit wehenden Flaggen für Websites - Elektronik

Inhalt

Wenn Sie eine Nachricht oder ein bewegtes Bild auf Ihrer Website anzeigen möchten, sollten Sie eine wehende Flagge hinzufügen. Es ahmt die Art und Weise nach, wie eine echte Flagge im Wind flattert, und präsentiert Bilder und / oder Text. Obwohl dieses Diagramm traditionell mit einer Grafikanwendung erstellt wird, besteht die Möglichkeit, dieses Bild mit einer kostenlosen Internetressource dynamisch zu gestalten. Erstellen Sie Ihre Flaggenanimation, indem Sie nach Belieben winken und verstehen, wie Sie sie auf Websites veröffentlichen.

Schritt 1

Richten Sie Ihren Browser auf einen animierten Online-Bannergenerator wie FlashVortex.com, MakeSweet oder Layoutcodez.net. Mit diesen beiden letzten können Sie ein Bild der Flagge senden, während FlashVortex.com Bilder bereitstellt, die zur Bearbeitung bereit sind.

Schritt 2

Laden Sie ein Bild für das sich bewegende Banner auf die MakeSweet-Website hoch, indem Sie auf die Schaltfläche mit dem Pluszeichen und demselben Zeichen klicken, das auch 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 die Grafik auszuwählen und dem Projekt hinzuzufügen.


Schritt 3

Verwenden Sie die Menüs auf den Websites FlashVortex.com und MakeSweet, um das Bild zu zeichnen. Geben Sie im ersten Feld beispielsweise die Größe der Flagge in das Textfeld "Flaggenskala" ein, geben Sie den Inhalt der Flagge in das Feld "Text" ein und wählen Sie die Platzierung des Texts mithilfe der Funktionen aus unter der Überschrift "Textetikettenposition bearbeiten". Layoutcodez.net bietet keine Möglichkeit, zusätzliche Änderungen am Bild vorzunehmen.

Schritt 4

Beenden Sie das Design des in Bewegung befindlichen Banners, indem Sie auf der FlashVortex.com-Website auf die Schaltfläche "Animation generieren" oder auf der Seite "Layoutcodez.net" auf "Hochladen" klicken und dann den Code kopieren, der automatisch im Feld angezeigt wird von Text. Klicken Sie bei MakeSweet auf das Filmsymbol in der Zeichnung, wählen Sie die Option "Entwurf" (Entwurf) oder "HI-RES" und klicken Sie auf das oben angezeigte Disk-Image, um die Datei auf dem Desktop Ihres Computers zu speichern.

Schritt 5

Laden Sie die animierte GIF-Datei von MakeSweet auf Ihren Internet- oder Hostserver (falls zutreffend) in denselben Ordner oder dasselbe Verzeichnis hoch, in dem Dateien von anderen Websites gespeichert sind. Notieren Sie sich den Speicherort der Datei (z. B. "http://www.yousite.com/flag.gif").


Schritt 6

Rufen Sie die Website auf, auf der Sie die Flagge im Texteditor hinzufügen möchten, und positionieren Sie den Cursor an der Stelle, an der die Grafik angezeigt werden soll. Fügen Sie den Code von FlashVortex.com oder Layoutcodez.net ein. Wenn Sie MakeSweet verwenden, geben Sie die URL der Flag-Datei in Anführungszeichen im folgenden Bildcode ein:

Schritt 7

Sichere deine Arbeit. Die animierte Flagge wird jetzt auf der Seite Ihrer Website angezeigt.