Hogyan készítsünk egy animációt html5-ben

Hogyan lehet egy animációt helyezni a webhelyen

Kakprosto által!

Az animált képek erősebbek vonzzák a helyszíni látogatók figyelmét, mint a statikus. Az ilyen képek GIF és SWF formátumok. Néhány modern böngésző támogatja az SVG formátumú animációkat is.

Utasítás

1

Formátumválasztás az animált képhez, a saját képességeink alapján. A GIF és SVG formátumok animációit ingyenes programok (illetve, GIMP és Inkscape) segítségével hozhatjuk létre, míg az animált SWF applet megszerzéséhez az Adobe Flash fizetett szoftvercsomagot (nem szabad összetéveszteni az ingyenes Adobe Flash-el Játékos játékos). Megjegyezzük továbbá, hogy a GIF formátum animációinak megtekintése szinte minden böngészőben lehetséges, kivéve néhány mobil, SWF formátumot – csak a Flash Player telepítésével, és az SVG formátum csak a modern böngészők, főként az asztali számítógépeknél található.

2

Ha nem szeretné létrehozni egy animált képet, használja az ilyen képek egyik szabad bankjának szolgáltatásait. GIF animációk Tudod venni, például a AnimatedGifs honlapján, SWF formátum – a Free Flash animációk a honlapon, és az SVG formátumban – a honlapján Wikimedia Commons kategóriában Animált SVG. Amikor felveszi az univerzális információkat, kövesse az engedélyek feltételeit.

3

A GIF kép animált képének szobájában használja a HTML kódot, amelyhez a statikus képek beillesztésére szolgál. Ha a kép ugyanazon a kiszolgálómappában van, mint a HTML fájl, használjon ilyen kódot: img src = Hab. Ha a T ugyanazon kiszolgáló másik mappájában található, vagy egy másik kiszolgálón található, módosítsa a kódot a következő terméssel: IMG src = Hab. SVG formátumú fájlok beillesztése ugyanúgy, az egyetlen különbséggel, hogy más kiterjesztésük van: nem gif, és svg.

4

Ne próbálja meg beilleszteni az SWF formátumot az IMG SRC címkével. Ez felhasználása beágyazása címkéjét, és a kód lesz érezhetően több terjedelmes: embed src = “HAB” quality = “HIGH” PLUGINSPAGE = “HAB” type = “application / x-shockwave-flash” width = “” height = ” “TÁMOGATÁSACCACK =” SAMEDOMAIN “ALKALMAZHATÓSÁG =” TRUE “/ beágyazva, ahol a Hab az SWF fájl neve (vagy a teljes elérési útra), a szélesség, – a magasság (ezek a számok mérlegelésükön megváltoztathatók).

Források:

• Hogyan lehet egy animációt helyezni az Avatar Vkontakte-ra

Hasonló tanácsok

mutass többet