Geanimeerde afbeeldingen trekken meer de aandacht van websitebezoekers dan statische. Deze afbeeldingen zijn beschikbaar in GIF- en SWF-indeling. Sommige moderne browsers ondersteunen ook SVG-animaties.
instructies:
Stap 1
De keuze van het formaat voor de geanimeerde afbeelding is gebaseerd op uw eigen mogelijkheden. GIF- en SVG-animaties kunnen worden gemaakt met gratis programma's (respectievelijk GIMP en Inkscape), terwijl u voor een geanimeerde SWF-applet het betaalde Adobe Flash-softwarepakket moet gebruiken (niet te verwarren met de gratis Adobe Flash Player). Merk ook op dat GIF-animaties in bijna alle browsers kunnen worden bekeken, behalve in sommige mobiele, SWF-formaat - alleen met Flash Player geïnstalleerd, en SVG-formaat - alleen in moderne browsers, voornamelijk voor desktopcomputers.
Stap 2
Als u niet zelf een geanimeerde afbeelding wilt maken, gebruik dan de diensten van een van de gratis banken van dergelijke afbeeldingen. GIF-animaties zijn bijvoorbeeld te vinden op de AnimatedGifs-website, SWF van de Free Flash Animations-website en SVG van de Wikimedia Commons-website onder de categorie Animated SVG. Neem de licentievoorwaarden in acht bij het beschikbaar stellen van afbeeldingen voor het publiek.
Stap 3
Om een geanimeerde GIF-afbeelding in een webpagina in te voegen, gebruikt u HTML-code die vergelijkbaar is met de code die wordt gebruikt voor het invoegen van statische afbeeldingen. Als de afbeelding zich in dezelfde servermap bevindt als het HTML-bestand, gebruikt u deze code:. Als het zich in een andere map van dezelfde server of op een andere server bevindt, wijzig dan de code met de volgende trim:. Voeg SVG-bestanden op dezelfde manier in, met als enige verschil dat ze een andere extensie hebben: geen gif, maar svg.
Stap 4
Probeer geen SWF-bestand in te voegen met de img src-tag. Hiervoor wordt de embed-tag gebruikt en wordt de code merkbaar omslachtiger:, waar animation.swf de naam is van het SWF-bestand (of het volledige pad ernaartoe), 320 is de breedte, 240 is de hoogte (deze cijfers kan naar eigen inzicht worden gewijzigd).
