Вернуться ко всем статьям
Вставка анимации на сайт HTML
Анимированные изображения являются более привлекательными для пользователей. Именно на них в первую очередь обращают внимание посетители сайта.
Наиболее распространёнными форматами анимации, встраиваемыми в сайты являются GIF и SWF. GIF — наиболее простой в создании формат анимации, SWF, в свою очередь, является более сложным, но при этом более функциональным.
Для начала рассмотрим, как вставить анимацию на сайт HTML на примере GIF:
- Создайте GIF-анимацию при помощи специализированных программ, либо других графических редакторов, поддерживающих данную функцию, или скачайте готовую анимацию из любого банка изображений.
- Загрузите готовый файл в необходимую директорию.
- Откройте нужную страницу вашего сайта и найдите в коде место, куда собираетесь вставить баннер.
- Используйте HTML-код аналогичный коду для вставки изображений:
<img src=адрес_расположения_вашей_анимации/имя_файла.gif>
Далее рассмотрим вставку Flash-анимации в HTML.
Существуют два основных метода вставки Flash-контента в HTML-страницу.
- При помощи тега <object> — более ранний и гибкий в настройке элемент, позволяющий задать больше параметров для вставки благодаря большому количеству поддерживаемых атрибутов.
- При помощи тега <embed> — более новый элемент, получивший официальную поддержку лишь с приходом стандарта HTML 5. Является более простым способом и подходит только для страниц, написанных согласно новым спецификациям. Имеет меньше параметров для настройки.
Рассмотрим, как вставить флеш в HTML на примере вставки баннера.
- Создайте Flash-ролик и сохраните его в формате .swf.
- 2 и 3 пункты аналогичны вставке GIF-анимации.
- Вставьте в код страницы код блока с flash-контентом при помощи тегов <embed>, либо <object> и их атрибутов, указывающих адрес, тип, размеры вставляемого объекта.
