Hur man skapar viftande flagganimering för webbplatser

Författare: Carl Weaver
Skapelsedatum: 27 Februari 2021
Uppdatera Datum: 26 Juni 2024
Anonim
Hur man skapar viftande flagganimering för webbplatser - Elektronik
Hur man skapar viftande flagganimering för webbplatser - Elektronik

Innehåll

Om du vill visa ett meddelande eller en rörlig bild på din webbplats, överväg att lägga till en viftande flagga. Det härmar hur en riktig flagga viftar i vinden och presenterar bilder och / eller text. Även om detta diagram traditionellt skapas med en grafikapplikation, finns det möjlighet att göra bilden dynamisk med en gratis internetresurs. Skapa din flagganimering genom att vinka som du föredrar och förstå hur du lägger upp den på webbplatser.

Steg 1

Rikta din webbläsare till en online-animerad bannergenerator, till exempel FlashVortex.com, MakeSweet eller Layoutcodez.net. Dessa två sista låter dig skicka en bild av flaggan, medan FlashVortex.com ger bilder redo att redigeras.

Steg 2

Ladda upp en bild för den rörliga bannern till MakeSweet-webbplatsen genom att klicka på knappen med plustecknet och samma tecken som visas med standardbilden. Klicka på "Välj fil" på Layoutcodez.net. Följ instruktionerna på varje webbplats för att välja grafik och lägga till den i projektet.


Steg 3

Använd menyerna på webbplatserna FlashVortex.com och MakeSweet för att rita bilden. I den första anger du till exempel flaggstorleken i textfältet "Flaggskala", skriver innehållet som medföljer flaggan i rutan "Text" och väljer placering av texten med hjälp av funktionerna under rubriken "Redigera textetikettposition". Layoutcodez.net erbjuder inte möjlighet att göra ytterligare ändringar av bilden.

Steg 4

Avsluta designen av bannern i rörelse genom att klicka på knappen "Generera animering" på FlashVortex.com-webbplatsen eller på "Ladda upp" på sidan Layoutcodez.net och kopiera sedan koden som automatiskt visas i rutan av text. Med MakeSweet klickar du på filmikonen på ritningen, väljer alternativet "Utkast" (utkast) eller "HI-RES" och klickar på diskbilden som visas högst upp för att spara filen på datorns skrivbord.

Steg 5

Ladda upp den animerade GIF-filen från MakeSweet till din internet- eller värdserver (om tillämpligt) till samma mapp eller katalog som lagrar filer från andra webbplatser. Notera filens plats (till exempel "http://www.yousite.com/flag.gif").


Steg 6

Gå till webbplatsen där du vill lägga till flaggan i textredigeraren och placera markören där du vill att bilden ska visas. Klistra in koden från FlashVortex.com eller Layoutcodez.net. Om du använder MakeSweet, skriv in flaggfilens URL i citattecken i följande bildkod:

Steg 7

Spara ditt arbete. Den animerade flaggan visas nu på din webbplats sida.