В посте “Как создать 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=”http://www.ispring.ru/elearning-insights/wp-content/uploads/2014/03/banner1.swf” width=”292” height=”72” scrolling=”no” frameborder=”0”></iframe> [/box]

4. Получившийся код копируем и вставляем на страницу сайта или блога. Код встраивается в режиме редактирования (HTML).

После сохранения страницы баннер будет доступен посетителям вашего сайта.

Примеры:

Баннер, добавленный в пост блога:

Встраиваем баннер на страницу сайта (Блоггер):

2014-03-10_091945

Редактор статьи: