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

Курс, созданный в iSpring Learn, можно не только назначить студентам через СДО или загрузить в онлайн-сервис. Такой курс может стать интересной фишкой для сайта или блога, помогая рассказать вам историю.

Любая информация лучше усваивается, если ее визуализироват. А ISpring Suite предоставляет широкие возможности для визуализации контента. Курсы могут служить не только образовательным целям, но их можно использовать для создания рекламного и промоконтента, сторителлинга.

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

Давайте посмотрим, как загрузить курс, созданный в iSpring Suite на сайт вашей компании или в ваш блог. Очень важен тот факт, что ваш курс можно будет просмотреть не только с компьютеров и ноутбуков, но и с мобильных устройств, планшетов и смартфонов, айпадов и айфонов.

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

На панели инструментов PowerPoint выберите вкладку iSpring Suite 9 и кликните кнопку Публикация.
Выберите вкладку Мой компьютер, введите название презентации, укажите папку публикации, установите настройки публикации. Нажмите кнопку Опубликовать.
После успешного завершения процесса публикации вы увидите окно, где отобразится готовая презентация. Здесь вы можете загрузить папку с презентацией на сервер по FTP. Для этого нажмите Загрузить на FTP.
В открывшемся окне введите данные FTP-аккаунта. Презентация сразу же будет загружена на ваш сервер. Подробнее о настройке аккаунтов FTP читайте в документации.
Затем вам нужно получить ссылку на загруженную презентацию или ее URL презентации. URL будет иметь такой вид: название_сайта.ru/название_презентации. Если курс был загружен в корень, как его определить, где корень. Если он был загружен в папку, например, presentations, название папки тоже добавится к адресу загруженной презентации.
Теперь наш курс на сервере, уже на нашем сайте или блоге, у нас есть ссылка, чтобы увидеть его, осталось только вставить эту ссылку на нужную страницу сайта или блога.

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

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

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

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

сделать скрины со сервера

написать, где взять ftp, как зайти на ftp

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