В посте “Как создать Flash-баннер” мы научились создавать баннеры в PowerPoint с помощью iSpring Presenter 7. В этом посте встроим готовый Flash-баннер на страницу сайта с помощью iframe.
iframe – это технология (“плавающий” фрейм), которая позволяет в определенном окне веб-страницы отображать содержимое другой страницы, в том числе, и с других сайтов. Это может быть видео с YouTube, html-документ, flash-объект и др.
Как создать iFrame?
Делается это достаточно просто:
1. Это шаблон кода:
[box style=’doc’] <iframe src=”адрес объекта” width=”800” height=”600” scrolling=”no”></iframe> [/box]
iframe имеет несколько атрибутов:
- width – ширина объекта (в нашем случае баннера)
- height – высота объекта
- scrolling – полоса прокрутки. Может принимать несколько параметров: auto – появляется автоматически при необходимости, no – не появляется, yes – появляется всегда
- frameborder – отображение границы объекта (баннера): 1 – отображать, 0 – нет (посетители сайта не смогут растягивать границы встроенного объекта при помощи мыши).
2. Ваши действия:
- Загружаем получившийся flash-баннер на сайт или в удобное для вас файлохранилище.
- Запоминаем адрес, по которому этот баннер доступен.
- Этот адрес вставляем в код iFrame.
- Указываем размеры Flash-баннера (ширину и высоту).
3. Пример готового кода с указанием адреса SWF-файла:
[box style=’doc’] < iframe src=”/elearning-insights/wp-content/uploads/2014/03/banner1.swf” width=”292” height=”72” scrolling=”no” frameborder=”0”></iframe> [/box]
4. Получившийся код копируем и вставляем на страницу сайта или блога. Код встраивается в режиме редактирования (HTML).
После сохранения страницы баннер будет доступен посетителям вашего сайта.
Примеры:
Баннер, добавленный в пост блога:
Встраиваем баннер на страницу сайта (Блоггер):
Система дистанционного обучения для бизнеса
Поставит на автопилот развитие сотрудников.
Быстрый старт онлайн‑обучения за 1 день.
