Geanimeerde wapperende vlaggen voor websites maken

Als u een bewegend bericht of afbeelding op uw site wilt weergeven, kunt u overwegen een wapperende vlag aan uw pagina toe te voegen. Deze vlag bootst de manier na waarop een fysieke banner in de wind beweegt en presenteert de afbeeldingen en/of tekst die u verkiest. Hoewel deze afbeelding traditioneel wordt gemaakt met een grafische toepassing, heeft u de mogelijkheid om deze dynamische afbeelding te maken met een gratis internetbron. Maak de geanimeerde wapperende vlag die u verkiest en begrijp hoe u deze op uw website kunt publiceren.

Stap 1

Richt uw browser op een online, geanimeerde vlaggenerator zoals FlashVortex.com, MakeSweet of Layoutcodez.net. Op de MakeSweet- en Layoutcodez.net-sites kunt u uw eigen afbeelding voor uw vlag uploaden, terwijl de FlashVortex.com-site u kant-en-klare afbeeldingen biedt die u kunt bewerken.

Stap 2

Upload een afbeelding voor uw bewegende vlag op de MakeSweet-website door op de plustekenknop te klikken en klik vervolgens op het volgende plusteken dat bij de standaardafbeelding verschijnt. Klik op Layoutcodez.net op de knop "Bestand kiezen". Volg de aanwijzingen op elke site om uw afbeelding te selecteren en toe te voegen aan het ontwerp.

Stap 3

Gebruik de menu's op de sites FlashVortex.com en MakeSweet om uw afbeelding te ontwerpen. Voer op FlashVortex.com bijvoorbeeld een vlaggrootte in het tekstveld "Vlagschaal" in, typ de bijbehorende vlaginhoud in het vak "Tekst" en kies vervolgens de positionering van uw tekst met behulp van de functies onder "Tekstlabelpositie bewerken " titel. Layoutcodez.net geeft u niet de mogelijkheid om verdere wijzigingen aan uw afbeelding aan te brengen.

Stap 4

Voltooi uw bewegende vlagontwerp door op de knop "Animatie genereren" op de FlashVortex.com-website of de knop "Uploaden" op de pagina Layoutcodez.net te klikken en kopieer vervolgens de code die automatisch in het tekstvak wordt weergegeven. Klik met MakeSweet op het filmpictogram op uw ontwerp, selecteer de optie "Concept" of "HI-RES" en klik vervolgens op de schijfkopie wanneer deze bovenaan verschijnt om het bestand op het bureaublad van uw computer op te slaan.

Stap 5

Upload uw MakeSweet geanimeerde GIF-bestand naar uw webhost (indien van toepassing) naar dezelfde map of map waar u uw andere websitebestanden bewaart. Noteer de bestandslocatie (bijvoorbeeld "http://www.uwsite.com/flag.gif").

Stap 6

Open de websitepagina waaraan u de vlag wilt toevoegen in uw teksteditor en plaats uw cursor in het gebied waar u de afbeelding wilt laten verschijnen. Plak de code van de FlashVortex.com- of Layoutcodez.net-site. Als u MakeSweet gebruikt, voert u de bestands-URL van uw vlag in tussen de aanhalingstekens van de volgende afbeeldingscode:

Bewaar je werk. Uw geanimeerde vlag wordt nu weergegeven op de websitepagina.