Вставка анимации на сайт 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> и их атрибутов, указывающих адрес, тип, размеры вставляемого объекта.
Вернуться в блог
preloader