Вставка HTML5-курсов на сайт

iSpring Suite сконвертирует ваш курс в формат HTML5. Данный формат гарантирует точное воспроизведение анимации, эффектов перехода, интегрированного аудио, видео и других функций PowerPoint. Главное преимущество курсов в формате HTML5 в том, что их удобно смотреть на компьютере, планшете и через мобильные устройства.

Такие курсы можно загружать на ваш сайт или блог. Размещение курса на сайт происходит в 3 шага:

Публикация курса в HTML5 формате

Откройте курс в PowerPoint. Затем перейдите во вкладку iSpring Suite 10 и нажмите Публикация.
Выберите вкладку Мой компьютер, введите название презентации и задайте параметры публикации. Затем нажмите Опубликовать.

Готово! Вы опубликовали курс в HTML5 формате.

Загрузка курса на сервер

После того как вы опубликовали курс, нужно загрузить его на сервер. Для этого:

В окне, появившемся после публикации, нажмите FTP.

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

Затем введите данные для входа на сервер, которые вы получили в хостинговой компании. Нажмите ОК.

FTP-аккаунт
Имя хоста	Имя FTP-сервера (например, ftp.mysite.com) или IP-адрес (например, 77.77.55.88).
Порт	FTP-сервер обычно использует порт 21, но в некоторых случаях порт может отличаться.
Папка на сервере FTP	Путь к папке на FTP-сервере.
Имя пользователя	Имя пользователя учетной записи пользователя FTP.
Пароль	Пароль учетной записи доступа к FTP.

Затем нужно получить HTTP-адрес загруженного курса. URL презентации будет зависеть от настроек сервера.
Убедитесь, что адрес начинается с «http://», а не с «ftp://».

Вставка курса на сайт

После того как вы загрузили курс на сервер, вставьте его на страницу вашего сайта. Вы можете вставить курс тремя способами:

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

Это самый простой способ. Разместите в тексте страницы сайта ссылку на курс с помощью визуального редактора или в режиме редактирования 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" />

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