ОГЛАВЛЕНИЕ

Многие сайты позволяют размещать свои компоненты на других сайтах, например, видео из youtube, музыка sound cloud, коментарии ВКонтакте или любые другие виджеты. С помощью фреймов можно размещать такие виджеты в своей книге. Обычно необходимо найти кнопку поделиться и выбрать HTML код или код IFRAME.

Наиболее популярные способы применения онлайн фреймов:

• Вставка онлан видео (youtube, vimeo, rutube и др.)

• Добавление музыки на страницы: Yandex музыка, SoundCloud и др.

• Добавление форм голосований таблиц и других документов: Google documents, Google forms и другие похожие сервисы

• Анкеты и формы

• Форма обратной связи

• Онлайн игры и сервисы

• Социальные сети: комментарии, группы, обсуждения

• Анимация и интерактивные элементы

ОНЛАЙН ФРЕЙМ

С помощью онлайн фрейма можно разместить на странице красивую интерактивную курту от Google или Yandex. Для примера, мы покажем вам карту где найти Автограф (Москва, Угрешская ул., дом 2, строение 15).

Перемещать карту можно мышкой как на сайте. Листать страницы книги на таких картах можно с помощью кнопок - стрелок "Вперед" и "Назад".

Для размещения такой карты, необходимо на картах нажать "поделиться", найти код ifame версии вставки карты и скопировать от туда url адрес из параметра src="...". В результате полученный URL добавить как URL фрейма.

ОНЛАЙН КАРТА

С помощью онлайн фрейма можно создавать любые формы для голосования, опросы, форма обратной связи и т.д. Для этого нужно подготовить web форму, узнать ее адрес и добавить адрес во фрейм. Web формы и документы можно создавать в любом онлайн сервисе, например, Google документы.

Для примера, давайте создадим простую форму - опрос на тему "Ваш любимый цвет". Для этого заходим в Google диск, нажимаем кнопку создать, ещё, Google формы.

После этого в простом конструкторе создаем необходимую форму, получаем её URL и добавляем полученный URL в свойства онлайн фрейма.

Вы, как администратор, сможете увидеть статистику и все данные которые отправляли пользователи по этой форме.

Аналогично можно создавать документы, таблицы, рисунки и другие представления.

Результат можно увидеть на странице справа.

ФОРМЫ

С помощью локального фрейма можно создавать практически любые сложные таблицы. Для этого расположите фрейм на странице, укажите тип "локальный" и заполните HTML данные.

При создании таких таблиц поддерживается CSS оформление стилями что позволяет делать красивые таблицы и выделять строки или данные.

Для построения HTML таблиц необходимо знание HTML, или можно воспользоваться любым онлайн конструктором HTML таблиц.

ТАБЛИЦЫ

С помощью онлайн фрейма можно установить форму обратной связи на страницу и получать напрямую с книги (или с конкретной страницы) отзывы ваших читателей.

Для этого можно воспользоваться любым сервисом, который предлагает создавать формы для обратной связи, например, Google формы.

Как создать форму обратной связи в Google:

Зайдите в свой аккаунт Google диска, кликните "Создать", еще, "Google формы" и с помощью простого конструктора создайте необходимую форму, например, как нашу, которая находится на следующей странице. Затем нажмите кнопку отправить и получите URL вашей формы. Скопируйте этот URL и установите скопированный URL в настройках фрейма на странице.

ОбРАТНАЯ СВЯЗЬ

Локальный фрейм можно использовать как элемент дизайна страницы, например, как анимированный фон.

Для этого создайте локальный фрейм и заполните его HTML, CSS, JS свойства. Интересные примеры можно посмотреть, например, на этом сайте: http://codepen.io

ФОН

Многие сайты дают код для размещения информеров и виджетов. Наиболее популярные это информеры погоды и курсы валют.

С помощью локального фрейма можно добавлять такие информеры, вот несколько примеров использования:

ИНФОРМЕРЫ

Анимацию можно отображать не только с помощью видео MP4 или GIF картинок. С помощью CSS можно создавать анимированные картинки, а отображать с помощью локального фрейма...

АНИМАЦИЯ

Yandex Музыка - позволяет разместить любую музыкальную композицию на страницах книги. Для этого найдите необходимый трек и нажмите кнопку "Поделиться". Далее скопируйте ссылку и добавьте ее в онлайн фрейм или скопируйте "код для вставки" и разместите его в локальном фрейме книги.

Результат будет выглядеть примерно так:

ОНЛАЙН МУЗЫКА

В редакторе есть возможность добавлять локальное видео или видео с youtube.com. Но с помощью онлайн фрейма можно добавить видео практически в любого видео сервиса. Для этого необходимо найти кнопку поделиться, скопировать код или ссылку и разместить в локальном фрейме код или в онлайн фрейме ссылку. Вот несколько примеров:

ОНЛАЙН ВИДЕО