Hoe Om Animasie By 'n Webwerf Te Voeg

INHOUDSOPGAWE:

Hoe Om Animasie By 'n Webwerf Te Voeg
Hoe Om Animasie By 'n Webwerf Te Voeg

Video: Hoe Om Animasie By 'n Webwerf Te Voeg

Video: Hoe Om Animasie By 'n Webwerf Te Voeg
Video: Top 5 voorgeïnstalleerde handige Windows 10 programma's 2024, April
Anonim

Geanimeerde beelde trek meer aandag as besoekers van webwerwe. Hierdie beelde is in GIF- en SWF-formaat. Sommige moderne blaaiers ondersteun ook SVG-animasies.

Hoe om animasie by 'n webwerf te voeg
Hoe om animasie by 'n webwerf te voeg

Instruksies

Stap 1

Die keuse van die formaat vir die geanimeerde prentjie is gebaseer op u eie vermoëns. GIF- en SVG-animasies kan met behulp van gratis programme (onderskeidelik GIMP en Inkscape) geskep word. Om 'n geanimeerde SWF-applet te kry, moet u die betaalde Adobe Flash-sagtewarepakket gebruik (om nie met die gratis Adobe Flash Player te verwar nie). Let ook op dat GIF-animasies in bykans alle blaaiers gesien kan word, behalwe vir sommige mobiele, SWF-formaat - slegs met Flash Player geïnstalleer en SVG-formaat - slegs in moderne blaaiers, hoofsaaklik vir rekenaars.

Stap 2

As u nie self 'n geanimeerde prentjie wil skep nie, gebruik dan die dienste van een van die gratis oewers van sulke beelde. GIF-animasies kan byvoorbeeld gevind word vanaf die AnimatedGifs-webwerf, SWF vanaf die Free Flash Animations-webwerf en SVG vanaf die Wikimedia Commons-webwerf onder die Animated SVG-kategorie. Let op die lisensievoorwaardes wanneer u beelde vir die publiek beskikbaar stel.

Stap 3

Om 'n geanimeerde GIF-beeld op 'n webblad in te voeg, gebruik u HTML-kode soortgelyk aan die wat gebruik word om statiese beelde in te voeg. Gebruik die kode as die foto in dieselfde bedienermap as die HTML-lêer geleë is. As dit nie in 'n ander vouer van dieselfde bediener of op 'n ander bediener geleë is nie, wysig die kode met die volgende versiering:. Voeg SVG-lêers op dieselfde manier in, met die enigste verskil dat dit 'n ander uitbreiding het: nie

Stap 4

Moenie 'n SWF-lêer probeer invoeg met die img src-tag nie. Hiervoor word die ingeslote etiket gebruik en word die kode merkbaar lastiger:, waar animatedimage.swf die naam van die SWF-lêer is (of die volledige pad daarheen), 320 die breedte is, 240 die hoogte is (hierdie getalle kan na goeddunke verander word).

Aanbeveel: