Hvordan Legge Til Animasjon På Et Nettsted

Innholdsfortegnelse:

Hvordan Legge Til Animasjon På Et Nettsted
Hvordan Legge Til Animasjon På Et Nettsted

Video: Hvordan Legge Til Animasjon På Et Nettsted

Video: Hvordan Legge Til Animasjon På Et Nettsted
Video: Lær animasjon med Videomarkedsskolen 2024, November
Anonim

Animerte bilder fanger oppmerksomheten til besøkende på nettstedet mer enn statiske. Disse bildene kommer i GIF- og SWF-format. Noen moderne nettlesere støtter også SVG-animasjoner.

Hvordan legge til animasjon på et nettsted
Hvordan legge til animasjon på et nettsted

Bruksanvisning

Trinn 1

Valget av format for det animerte bildet er basert på dine egne evner. GIF- og SVG-animasjoner kan opprettes ved hjelp av gratis programmer (henholdsvis GIMP og Inkscape). For å få en animert SWF-applet må du bruke den betalte programvarepakken Adobe Flash (ikke forveksle med den gratis Adobe Flash Player). Vær også oppmerksom på at GIF-animasjoner kan vises i nesten alle nettlesere, bortsett fra noen mobile, SWF-format - bare med Flash Player installert og SVG-format - bare i moderne nettlesere, hovedsakelig for stasjonære datamaskiner.

Steg 2

Hvis du ikke vil lage et animert bilde selv, kan du bruke tjenestene til en av de gratis bankene til slike bilder. GIF-animasjoner finner du for eksempel fra AnimatedGifs-nettstedet, SWF fra Free Flash Animations-nettstedet, og SVG fra Wikimedia Commons-nettstedet under kategorien Animated SVG. Følg lisensvilkårene når du gjør bilder tilgjengelige for publikum.

Trinn 3

For å sette inn et animert GIF-bilde på en webside, bruk HTML-kode som ligner på den som brukes til å sette inn statiske bilder. Hvis bildet ligger i samme servermappe som HTML-filen, bruker du denne koden:. Hvis; t den ligger i en annen mappe på samme server, eller på en annen server, kan du endre koden med følgende trim:. Sett inn SVG-filer på samme måte, med den eneste forskjellen at de har en annen utvidelse: ikke gif, men svg.

Trinn 4

Ikke prøv å sette inn en SWF-fil ved hjelp av img src-taggen. For dette brukes den innebygde koden, og koden blir merkbart mer tungvint:, hvor animatedimage.swf er navnet på SWF-filen (eller hele banen til den), 320 er bredden, 240 er høyden (disse tallene kan endres etter eget skjønn).

Anbefalt: