Архив Галактики

Внедряем интерактивные объекты на странички сайтов, блогов

Web-сервисы и не только... Путевые заметки Баданова / 08.08.2014

Используем тег IFRAME.

iframe – это технология, которая позволяет в определенном окне страницы отображать содержимое другой страницы. Обычно это используется, когда необходимо встроить видео с YouTube на страницы своего сайта или иной объект. Таким образом, на одной странице с помощью этого тега можем отображать сразу несколько страниц, в том числе, и с других сайтов.

Представим, что вам нужно показать страницу другого сайта, сохранив структуру, либо внутри странички запустить на исполнение стороннее интерактивное содержимое, например, Flash или HTML 5 объект.
Как создать такой iFrame? Делается это достаточно просто с помощью всего одной строчки:



Ключевой тег <iframe></iframe>. Он имеет несколько атрибутов:
width – ширина окна
height – высота окна
scrolling – полоса прокрутки. Может принимать несколько параметров: auto – появляется автоматически при необходимости, no – не появляется, yes – появляется всегда

Ранее iFrame поддерживали не все браузеры, но сегодня этой проблемы нет.

Попробуем воспользоваться следующим алгоритмом:

1. Созданную вами работу необходимо загрузить на доступный для вас сервер. Либо воспользоваться имеющимся у вас адресом этой странички.
2. Открываем страничку своего сайта или блога, куда мы хотели бы внедрить сторонний объект. Переходим в режим редактирования странички (HTML). Это нужно, чтобы встроить на страничку код со ссылкой на вашу интерактивную работу.

Вот этот код:



А вот процедура встраивания:



3. И у вас будет страничка с встроенной интерактивностью. Правда следует учесть, что эта страничка будет работать до тех пор, пока этот адрес жив.

Пример странички со встроенной интерактивностью здесь.

Для тренировки ссылки на различные объекты, которые можно попробовать встроить и посмотреть что получится:

• Панорама каменной горы
• Игра «Лабиринт»