Hur Man Lägger Till Animering På En Webbplats

Innehållsförteckning:

Hur Man Lägger Till Animering På En Webbplats
Hur Man Lägger Till Animering På En Webbplats

Video: Hur Man Lägger Till Animering På En Webbplats

Video: Hur Man Lägger Till Animering På En Webbplats
Video: Hur lägger jag till spårningskoden på min webbplats? 2024, Maj
Anonim

Animerade bilder fångar uppmärksamhet hos webbplatsbesökare mer än statiska. Dessa bilder finns i GIF- och SWF-format. Vissa moderna webbläsare stöder också SVG-animationer.

Hur man lägger till animering på en webbplats
Hur man lägger till animering på en webbplats

Instruktioner

Steg 1

Valet av format för den animerade bilden baseras på dina egna möjligheter. GIF- och SVG-animationer kan skapas med gratisprogram (GIMP respektive Inkscape). För att få en animerad SWF-applet måste du använda det betalda programvarupaketet Adobe Flash (inte förväxlas med den kostnadsfria Adobe Flash Player). Observera också att GIF-animationer kan visas i nästan alla webbläsare, förutom vissa mobila, SWF-format - endast med Flash Player installerat och SVG-format - endast i moderna webbläsare, främst för stationära datorer.

Steg 2

Om du inte vill skapa en animerad bild själv, använd tjänsterna från en av de fria bankerna för sådana bilder. GIF-animationer finns till exempel från webbplatsen AnimatedGifs, SWF från webbplatsen Free Flash Animations och SVG från Wikimedia Commons webbplats under kategorin Animerad SVG. Följ licensvillkoren när du gör bilder tillgängliga för allmänheten.

Steg 3

Om du vill infoga en animerad GIF-bild på en webbsida använder du HTML-kod som liknar den som används för att infoga statiska bilder. Om bilden finns i samma servermapp som HTML-filen, använd den här koden:. Om; t den finns i en annan mapp på samma server eller på en annan server, kan du ändra koden med följande trim:. Infoga SVG-filer på samma sätt, med den enda skillnaden att de har ett annat tillägg: inte gif, utan svg.

Steg 4

Försök inte infoga en SWF-fil med img src-taggen. För detta används den inbäddade taggen och koden blir märkbart mer besvärlig:, där animatedimage.swf är namnet på SWF-filen (eller hela sökvägen till den), 320 är bredden, 240 är höjden (dessa siffror kan ändras efter eget gottfinnande).

Rekommenderad: