Вставка HTML5-презентации на сайт или в блог_документация

Презентацию, созданную в iSpring Suite, можно распространить среди учащихся множеством способов. Например, назначить студентам через систему дистанционного обучения или загрузить в облачный сервис.

Если у вашей компании есть сайт или вы ведете собственный блог, вставьте презентацию, диалоговую симуляцию или тест на одну из страниц и вышлите студентам ссылку.

Курс iSpring Suite станет интересной фишкой вашего сайта или блога. Конструктор предоставляет широкие возможности для визуализации контента, и его можно использовать для создания рекламы или сторителлинга.

Например, расскажите о том, как развивалась ваша компания с самых первых дней с помощью интерактивности Временная шкала, а на странице прайсинга покажите товары в интерактивном модуле Медикаталог. Благодаря яркому контенту сайт запомнится посетителям в отличии от сотен других безликих компаний.

Давайте вместе загрузим курс, созданный в iSpring Suite, на ваш сайт или в блог.

Публикация презентации и загрузка на сервер

Откройте презентацию PowerPoint, которую вы хотите вставить на ваш сайт. Затем на панели инструментов выберите вкладку iSpring Suite 9 и кликните кнопку Публикация.
Выберите вкладку Мой компьютер, введите название презентации и задайте параметры публикации. Нажмите кнопку Опубликовать.
Когда публикация завершится, вы увидите окно, где отобразится готовая презентация. Чтобы добавить презентацию на сайт, нужно загрузить ее на сервер. Для этого нажмите на кнопку FTP.
Что такое FTP и как им пользоваться
FTP (англ. File Transfer Protocol) — протокол передачи данных, то есть способ загрузить файлы на сервер.
Чтобы узнать данные FTP-аккаунта, обратитесь в хостинг-компанию, услугами которой пользуетесь. Они предоставят вам следующие данные: имя хоста, имя пользователя и пароль.
Для входа на сервер скачайте FTP-клиент. Почти все программы для входа на FTP-сервер бесплатные. Одна из самых популярных — FileZilla.
В открывшемся окне введите данные FTP-аккаунта и нажмите ОК. Презентация сразу же будет загружена на ваш сервер.
Подробнее о настройке аккаунтов FTP читайте в статье Просмотр и распространение курсов.
Затем получите ссылку (URL) загруженной презентации.

Если вы загрузили презентацию в корень сайта (как правило, это папка public_html), ссылка формируется по следующему принципу: название_сайта/название_презентации. Например, ispring.ru/presentation.html

Допустим, вы решили загрузить презентацию не в корень сайта, а в папку. В этом случае ссылка дополнится ее названием: название_сайта/название_папки/название_презентации. Например, ispring.ru/courses/presentation.html

Вставка презентации на сайт

Презентацию можно вставить на страницу тремя способами:

Воспроизведение в отдельном окне

Это самый простой способ. Просто разместите в тексте страницы сайта ссылку на презентацию с помощью визуального редактора или в режиме редактирования HTML-кода страницы.

Во втором случае вам необходимо разместить подобный код:

<a title="заголовок_ссылки" href="адрес_презентации" target="_blank">текст ссылки</a>

Вы можете выбрать, в каком окне браузера открывать ссылку — в том же (target=”_self”) или в новом (target=”_blank”).

Открытие HTML5-презентации во всплывающем окне

Если вы хотите открыть презентацию во всплывающем окне, удостоверьтесь, что редактор страниц на вашем сайте поддерживает вставку JavaScript-кода. Используйте следующий код для создания всплывающего окна:

<script> function popup(url)
{
  window.open(url, 'new', 'width=800,height=600,scrollbars=no,menubar=no,status=no,toolbar=no');
}
</script>
<a onClick="popup('http://адрес HTML5-презентации')">текст ссылки</a>

Включайте и отключайте некоторые элементы окна, в котором открывается презентация. Справку на английском можно посмотреть на сайте w3schools.com.

Если вы хотите, чтобы презентация открывалась во всплывающем окне при загрузке какой-либо страницы, добавьте в исходный код страницы строки:

<script>
function popup(url)
{
  window.open(url, 'new', 'width=800,height=600,scrollbars=no,menubar=no,status=no,toolbar=no');
}
popup('http://адрес HTML5-презентации');
</script>

Пользуйтесь этим вариантом с осторожностью: большинство браузеров блокируют всплывающие окна.

Вставка презентации в iframe

HTML-тэг IFRAME позволяет показывать содержимое одной страницы внутри другой.

Для вставки презентации воспользуйтесь следующим кодом:

<iframe src="http://адрес HTML5-презентации" width="800" height="600" scrolling="no" />

Дерево страниц