Як в сайт поставити анімацію

Як в сайт поставити анімацію

Анімовані зображення сильніше привертають увагу відвідувачів сайтів, чим статичні. Такі зображення бувають форматів GIF і SWF. Деякі сучасні браузери підтримують також анімації формату SVG.

 


Інструкція

1. Вибір формату для анімованого зображення здійснюйте виходячи з власних можливостей. Анімації форматів GIF і SVG можна створювати за допомогою безкоштовних програм(відповідно, GIMP і Inkscape), в той час, як для отримання анімованого аплета формату SWF доведеться використати платний програмний пакет Adobe Flash(не плутати з безкоштовним програвачем Adobe Flash Player). Також врахуйте, що перегляд анімацій формату GIF можливий практично в усіх браузерів, окрім деяких мобільних, формату SWF - тільки при встановленому Flash Player, а формату SVG - тільки в сучасних браузерах, в основному, для настільних комп'ютерів.

2. Якщо ви не бажаєте створювати анімовану картинку самостійно, скористайтеся послугами одного з безкоштовних банків таких зображень. Анімації формату GIF можна узяти, наприклад, на сайті AnimatedGifs, формату SWF - на сайті Free Flash Animations, а формату SVG - на сайті Wikimedia Commons в категорії Animated SVG. При доведенні зображень до загального відома дотримуйтеся умов ліцензій.

3. Для приміщення у веб-сторінку анімованого зображення формату GIF використайте HTML- код, аналогічний тому, який використовується для вставки статичних зображень. Якщо картинка знаходиться в тій же теці сервера, що і HTML- файл, використайте такий код: <img src=animatedimage.gif>. Якщо ;t вона розташована в іншій теці того ж сервера, або на іншому сервері, видозміните код наступним обрізом: <img src=http://site.domain/folder/otherfolder/animatedimage.gif>. Файли формату SVG вставляйте аналогічним чином, з тією лише різницею, що у них інше розширення: не gif, а svg.

4. Не намагайтеся здійснити вставку файлу формату SWF за допомогою тега img src. Для цього застосовується тег embed, а код стає помітно громіздкішим: <embed src= animatedimage.swf quality= high pluginspage= http://www.macromedia.com/go/getflashplayer type= application/x - shockwave - flash width= 320 height= 270 allowScriptAccess= sameDomain allowFullScreen= True></embed>, де animatedimage.swf - ім'я SWF- файлу(чи повний шлях до нього), 320 - ширина, 240 - висота(ці числа можна міняти на власний розсуд).

 


Надрукувати