Курс, созданный в iSpring Learn, можно не только назначить студентам через СДО или загрузить в онлайн-сервис. Такой курс может стать интересной фишкой для сайта или блога, помогая рассказать вам историю.
Любая информация лучше усваивается, если ее визуализироват. А ISpring Suite предоставляет широкие возможности для визуализации контента. Курсы могут служить не только образовательным целям, но их можно использовать для создания рекламного и промоконтента, сторителлинга.
Курс, созданный в iSpring Suite, может рассказать целую историю. Например, расскажите о том, как развивалась ваша компания от самого начала до текущего момента с помощью интерактивности История. На страницу прайса можно добавить интерактивность Каталог и показать все ваши товары лицом. Пользователи любят такие развлечения и текст О компании станет перестанет быть безликим и станет индивидуальным. Станет не таким как у сотен других коипани, а обретет индиивилуальность и читатели запомнят ее.
Давайте посмотрим, как загрузить курс, созданный в iSpring Suite на сайт вашей компании или в ваш блог. Очень важен тот факт, что ваш курс можно будет просмотреть не только с компьютеров и ноутбуков, но и с мобильных устройств, планшетов и смартфонов, айпадов и айфонов.
Оглавление |
---|
Публикация курса и загрузка его на сервер
Главное преимущество презентаций в формате HTML5 заключается в том, что люди могут просмотреть их на компьютерах и на мобильных устройствах (iPad, iPhone, Android-смартфонах и планшетах). Но для того, чтобы их кто-то мог посмотреть, презентации должны быть загружены в веб и вставлены на сайт или в блог.
Размещение PowerPoint-презентации на сайте происходит в 3 простых шага:
- Публикация презентации в формат HTML5.
- Загрузка презентации на сервер по FTP и получение http-ссылки.
- Вставка презентации на страницу.
1. Публикация презентации в формат HTML5 и загрузка на сайт
Опубликуйте презентацию в формат HTML5 с помощью программы iSpring Suite.
- На панели инструментов PowerPoint выберите вкладку iSpring Suite 9 и кликните кнопку Публикация.
- Выберите вкладку Мой компьютер, введите название презентации, укажите папку публикации, установите настройки публикации. Нажмите кнопку Опубликовать.
...
- После успешного завершения процесса публикации вы увидите окно, где отобразится готовая презентация. Здесь вы можете загрузить папку с презентацией на сервер по FTP.
...
- Для этого нажмите Загрузить на FTP.
- В открывшемся окне введите данные FTP-аккаунта. Презентация сразу же будет загружена на ваш сервер.
...
- Подробнее о настройке аккаунтов FTP читайте в документации.
- Затем вам нужно получить
...
- ссылку на загруженную презентацию или ее URL презентации. URL будет иметь такой вид: название_сайта.ru/название_презентации. Если курс был загружен в корень, как его определить, где корень. Если он был загружен в папку, например, presentations, название папки тоже добавится к адресу загруженной презентации.
- Теперь наш курс на сервере, уже на нашем сайте или блоге, у нас есть ссылка, чтобы увидеть его, осталось только вставить эту ссылку на нужную страницу сайта или блога.
Вставка презентации на сайт
Пожалуйста, удостоверьтесь, что адрес начинается с «http://», а не с «ftp://».
...
Презентацию можно вставить на страницу
...
тремя способами:
- открытие в отдельном окне;
- открытие во всплывающем окне;
- воспроизведение в iframe.
...
Воспроизведение в отдельном окне
Это самый простой способ. Просто разместите в тексте страницы сайта ссылку на презентацию с помощью визуального редактора или в режиме редактирования 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 позволяет показывать содержимое одной страницы внутри другой.
...