Главное преимущество презентаций в формате HTML5 заключается в том, что они могут быть просмотрены на компьютере и на мобильном устройстве (iPad, iPhone, Android-смартфонах и планшетах). Но для того, чтобы их кто-то мог посмотреть, презентации должны быть загружены в веб и вставлены на сайт или в блог.

Размещение PPT-презентации на сайте происходит в 3 простых шага:

  1. Публикация презентации в формат HTML5
  2. Загрузка презентации на сервер по FTP и получение http-ссылки
  3. Вставка презентации

1. Публикация презентации в формат HTML5 и загрузка на сайт

На панели инструментов PowerPoint выберите вкладку iSpring Converter и кликните кнопку «Опубликовать». Возможны два варианта:

а) Публикация в папку на компьютере

Выберите вариант «Мой компьютер», укажите папку публикации и имя файла.
Публикация на Мой Компьютер
После публикации загрузите папку с презентацией на сервер по FTP.

б) Публикация сразу на FTP

Выберите вариант «FTP», кликните «Учетные записи FTP» и укажите данные FTP-аккаунта. Презентация сразу же будет загружена на ваш севрер.
Публикация на FTP

2. Получение ссылки

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

3. Вставка на страницу

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

  • открытие в отдельном окне;
  • открытие в всплывающем окне;
  • воспроизведение в iframe.

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

Это самый простой способ. Просто разместите в тексте страницы сайта ссылку на презентацию. Вы можете это сделать с помощью визуального редактора или в режиме редактирования HTML-кода страницы. Во втором случае вам необходимо разместить подобный код:
[crayon lang="html"]текст ссылки[/crayon]
Вы можете выбрать, в каком окне браузера открывать ссылку — в том же (target=»_blank») или в новом (target=»_self»).

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

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

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

Если вы хотите, чтобы презентация открывалась в всплывающем окне при загрузке какой-либо страницы, добавьте в исходный код страницы строки:
[crayon lang="html"]
popup('адрес HTML5-презентации');[/crayon]

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

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

HTML-тэг IFRAME позволяет показывать содержимое одной страницы внутри другой.
Для вставки презентации воспользуйтесь следующим кодом:
[crayon lang="html"]<iframe src="http://адрес HTML5-презентации" width="800" height="600" scrolling="”no”"></iframe>[/crayon]

Редактор статьи:

  • Сергей

    А как узнать адрес презентации? Я её опубликовал на ftp что дальше делать, что бы узнать html ссылку?

  • Андрей Адеркин

    Здравствуйте, Сергей!
    Конкретного способа узнать ссылку http-ссылку закачанного по ftp нет, так как ссылка зависит от настроек сервера.
    Если, например, вы заливали файл test.html на сервер http://ftp.mysite.ru, то его ссылка будет, скорее всего, http://mysite.ru/test.html.
    Чаще всего требуется заливать еще и в подпапки.
    Например, если вы заходите на свой сервер через программу-клиент типа FileZilla, TotalCommander и т.д., то можете увидеть в списках каталогов:
    bin
    cgi-bin
    etc
    logs
    public_html
    public_ftp
    Необходимо залить папку с презентацией Presentation1 в каталог /public_html
    тогда путь будет http://mysite.ru/Presentation1/Presentation1.html