Как в сайт поставить анимацию?

Анимированные изображения сильнее привлекают внимание посетителей сайтов, чем статические. Такие изображения бывают форматов GIF и SWF. Некоторые современные браузеры поддерживают также анимации формата SVG.
Создать сайт самостоятельно с Wix.com

Инструкция

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

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

Для помещения в веб-страницу анимированного изображения формата GIF используйте HTML-код, аналогичный тому, который используется для вставки статических изображений. Если картинка находится в той же папке сервера, что и HTML-файл, используйте такой код: . Если ;t она расположена в другой папке того же сервера, или на другом сервере, видоизмените код следующим обрезом: . Файлы формата SVG вставляйте аналогичным образом, с той лишь разницей, что у них другое расширение: не gif, а svg.

Не пытайтесь осуществить вставку файла формата SWF при помощи тега img src. Для этого применяется тег embed, а код становится заметно более громоздким: , где animatedimage.swf - имя SWF-файла (или полный путь к нему), 320 - ширина, 240 - высота (эти числа можно менять по своему усмотрению).

Оцените статью!