Как вставить презентацию на сайт html
Перейти к содержимому

Как вставить презентацию на сайт html

  • автор:

Внедрение презентации в веб-страницу или блог

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

Код внедрения, который вам нужен, должен быть в PowerPoint для Интернета. Эта возможность недоступна в версиях PowerPoint для Windows или Mac OS.

Получение кода внедрения

Щелкните

  1. Сохраните презентацию в OneDrive.com. (Сохранение презентации в общедоступной папке в Интернете позволит внедрить ее на веб-страницу.)
  2. Откройте презентацию в PowerPoint для Интернета. На вкладке Файл щелкните Общий доступ и выберите Внедрить.

Создание HTML-кода

Чтобы создать код HTML для внедрения файла на веб-страницу, нажмите кнопку создать

Щелкните правой кнопкой мыши код внедрения, выберите команду

.
В диалоговом окне Внедрение в разделе Размеры выберите нужные размеры для блога или веб-страницы.

Внедрение презентации на веб-страницу или в запись блога

HTML-код, скопированный со страницы OneDrive, представляет собой тег iframe, который поддерживается во многих средах разработки веб-сайтов и службах блогов. Приведенная ниже инструкция подходит для большинства популярных служб блогов, таких как WordPress, Blogger и TypePad.

  • Хотя служба WordPress обычно не поддерживает теги IFRAME, для тегов IFRAME документов Office в Интернете сделано исключение. Чтобы использовать режим редактирования HTML, не выбирайте команду Создать запись в верхней части страницы. Перейдите в панель управления блогом и щелкните Записи >Добавить. В TypePad не используйте редактор «Экспресс-создание». Перейдите в раздел блоги, щелкните имя блога, а затем нажмите кнопку создать, в которой можно переключиться с ФОРМАТИРОВАННОГО текста на HTML-редактирование.
  • Если вы работаете с Blogger, перейдите от окна создания записи к режиму редактирования HTML-кода. После завершения следующего шага вы сможете вернуться в режим создания записи.
  1. В редакторе блога или веб-страниц создайте запись и переключитесь в режим редактирования HTML. Если ваша служба блогов не поддерживает теги IFRAME в записях, обратитесь за помощью к ее поставщику.
  2. Вставьте из буфера обмена скопированный со страницы OneDrive HTML-тег, нажав сочетание клавиш ⌘+V.
  3. Закончите создание записи. Просмотрите запись и опубликуйте ее как обычно. Изменения, внесенные в презентацию в службе OneDrive, автоматически отражаются на странице, куда внедрена презентация.

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

С помощью кода внедрения можно также добавить презентацию на вики-сайт SharePoint. В этом случае нужно вставить только часть тега iframe из раздела src в веб-часть просмотра страниц.

  1. Откройте вики-страницу и нажмите Изменить.
  2. Вставьте из буфера обмена в вики-страницу скопированный со страницы OneDrive HTML-тег, нажав клавиши CTRL+V. Благодаря этому вы сможете легко скопировать часть тега в веб-часть. Перед завершением удалите тег с вики-страницы.
  3. Скопируйте часть тега между кавычками, начинающуюся с http. Кавычки включать не надо.
  4. На вкладке Работа с редактором нажмите Вставить, а затем выберите пункт Веб-часть.
  5. В списке категорий выберите Среда и контент.
  6. В списке Веб-части выберите пункт Средство просмотра страниц и нажмите Добавить.
  7. Чтобы вставить адрес, скопированный в шаге 3, выберите пункт откройте панель инструментов и в поле Ссылка нажмите клавиши ⌘+V.
  8. Нажмите кнопку Применить и просмотрите страницу.
  9. Внесите необходимые изменения в веб-часть. Например, чтобы разместить презентацию во фрейме без полос прокрутки, в редакторе просмотра страниц разверните пункт Вид и укажите высоту 332 пикселя и ширину 407 пикселей.
  10. Закончив работу, нажмите кнопку ОК в редакторе просмотра страниц и удалите тег IFRAME с вики-страницы. Изменения, внесенные в презентацию в службе OneDrive, автоматически отражаются на странице, куда внедрена презентация.

Примечание: Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Была ли информация полезной? Для удобства также приводим ссылку на оригинал (на английском языке).

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

Вставляем интерактивную презентацию PowerPoint на сайт с помощью сервиса PowerPoint Online

Рассмотрим простой способ вставки презентации на сайт с возможностью ее просмотра в интерактивном режиме.

СОДЕРЖАНИЕ

Способы вставки презентации на сайт

Для того, чтобы поделиться презентацией PowerPoint на сайте можно прикрепить файл презентации к статье. Проще некуда. Вот только посмотреть ее смогут только те пользователи, у кого есть программа PowerPoint. Можно, конечно, прикрепить презентацию в формате демонстрации и дать ссылку на бесплатный проигрыватель. Но зачем такие сложности, если можно сделать более эффектно: опубликовать интерактивную презентацию прямо на странице сайта.

Для того, чтобы вставить интерактивную презентацию можно воспользоваться различными сервисами, которые позволяют это сделать. Например, сервис SlideShare позволяет загрузить презентацию PowerPoint, а затем получить код для вставки презентации на сайт. Есть другие подобные сервисы. Также можно воспользоваться сервисом Google Slides, который тоже позволяет загружать презентации PowerPoint, преобразовывать их в формат Google презентаций и генерировать код для вставки на сайт.

Но есть способ вставки кода презентации на сайт от Microsoft. И тоже бесплатный!

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

Итак, предположим, что у нас есть презентация, которую мы сделали на компьютере в программе PowerPoint. Алгоритм вставки презентации будет такой.

  • Загружаем презентацию на диск OneDrive, который предоставляет Microsoft.
  • Получаем код презентации.
  • Вставляем код презентации на сайт.

Теперь более детально рассмотрим все шаги.

Загрузка на диск OneDrive

OneDrive – это облачное хранилище от компании Microsoft. Зарегистрированный пользователь получает 5 Гб дискового пространства бесплатно, а также различные инструменты, которые доступны для работы бесплатно: Word, PowerPoint, Excel и другие. Подробнее об этом можно посмотреть здесь.

Для загрузки переходим по ссылке https://onedrive.live.com/ . Если нет аккаунта, то сначала регистрируемся.

В панели файлов кликаем правой кнопкой мыши для вызова контекстного меню.

В появившемся меню кликаем ДобавитьФайлы:

Добавить файл на диск One Drive

В открывшемся проводнике отмечаем нужный файл и кликаем Открыть:

Выбор файла для загрузки в OneDrive

Видим загруженную презентацию на диске:

Файл загружен в OneDrive

Получаем код презентации – способ 1

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

Код для внедрения презентации на сайт

На появившейся панели выбираем Создать:

Создаем код для вставки презентации на сайт

И получаем код для вставки:

Код вставки презентации на сайт

Получаем код презентации – способ 2

Есть другой способ получить код вставки. Сначала открываем презентацию. И уже в презентации получаем код.

На диске OneDrive открываем презентацию кликом левой кнопкой мыши. Либо правой кнопкой мыши вызываем контекстное меню и кликаем Открыть в PowerPoint Online:

Открываем презентацию на диске OneDrive

Заходим в меню Файл:

Меню Файл

В разделе Общий доступ кликаем Внедрение:

Раздел Общий доступ - Внедрение (PowerPoint Online)

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

Получаем код для вставки презентации на сайт

Вставляем код презентации на сайт

Полученный одним из способов, описанных выше, код копируем и вставляем на сайт:

Вставка кода презентации PowerPoint Online на сайт

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

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

Вставленная презентация

Заключение

Мы рассмотрели способ публикации презентации на странице сайта с использованием сервиса PowerPoint Online.

Доступ к презентации PowerPoint Online можно получить с любого устройства, подключенного к интернет.

Вставка HTML-страницы (сайта) в слайд PowerPoint

Для вставки полноценной HTML-страницы в PowerPoint нет нативного решения, но есть на просторах Интернета отдельное дополнение.

Дополнение называется LiveWeb, прочитать справку и скачать можно по ссылке .

Там две разные ссылки, для PowerPoint 97-2003, и PowerPoint 2007/2010/2013/2016. У меня сейчас стоит PowerPoint 2019, но вторая версия ( 2007/2010/2013/2016 ) подошла без проблем.

Далее скачанный архив надо распаковать и установить. Если оставить стандартные пути, то по адресу c:\Program Files (x86)\Shyam Pillai\LiveWeb\ можно найти 3 файла, 2 из которых — текстовый, один — имеет расширение .ppam. Это и есть расширение, которое надо подгрузить в PowerPoint.

Открываем PowerPoint, выбираем Файл -> Параметры -> Надстройки:

Нужно добавить PowerPoint-дополнение. Для этого внизу, в пункте «Управление» меняем «Надстройки COM» на «Надстройки PowerPoint» и нажимаем «Перейти». Появится окно импорта дополнений:

Нажимаем «Добавить», переходим по пути, в котором находится установленное дополнение LiveWeb, по умолчанию c:\Program Files (x86)\Shyam Pillai\LiveWeb\ . Выбираем LiveWeb.ppam и нажимаем Ок. Дополнение появится в списке:

На любом из этапов, если будут запросы, связанные с макросами, соглашаемся и разрешаем. Презентацию лучше пересохранить в .pptm — презентацию с макросами.

Также нужно изменить политику блокирования макросов. Файл -> Настройки -> Центр управления безопасностью. Нажимаем на единственную кнопку «Параметры центра управления безопасностью», выбираем «Включить все макросы».

На вкладке «Вставка» в самом конце теперь должен появиться раздел LiveWeb:

Вставка браузера начинается с нажатия на кнопку WebPage . После приветственного окна появляется окно вставки ссылки, с которой будет взята информация. Нужно вписать адрес сайта (или путь к локальному html-файлу) в верхнее поле и нажать «Add». Сайт перенесется в список ниже. Если добавить несколько сайтов, будет открыто несколько слайдов с соответствующими сайтами.

Дальше выставляем настройки по желанию:

«Yes, refresh web-page automatically (real-time update)» говорит сам за себя — обновлять ли автоматически страницу;

«Eluminate residual image flashing» нужен для избавления от мигания при смене слайдов. Вместо одного объекта вставляется два — белый канвас и прозрачный webview. Их можно перемещать отдельно друг от друга, но все что нужно сделать — расположить webview над канвасом (кнопка переместить вперед на вкладке «Формат»).

Далее идут настройки размеров браузера на слайде, выставляем по желанию, подтверждаем. В идеале мы должны получить в режиме просмотра презентации следующий результат (заголовок с рамками добавлен на слайд вручную):

Но!

Скорее всего, сайт не загрузится, а пользователю высветится ошибка «unable to locate the web browser activex control»:

Решение: открыть редактор реестра, перейти по пути

Кликнуть дважды по свойству Compatibility Flags сменить значение на 0. На всякий случай можно перезагрузить компьютер, так как изменения в реестре обычно срабатывают после перезапуска.

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

В более новых версияхPowerPoint нельзя напрямую сохранить презентацию в виде веб-страницы. Однако ниже описаны два возможных варианта.

Если вам требуется эта возможность, отправьте свой отзыв, чтобы помочь нам определить приоритеты новых функций для будущих обновлений. Дополнительные сведения см. в статье Как предоставить отзыв о Microsoft 365.

Сохранение слайдов в виде документов Word с последующим сохранением в виде веб-страниц

Вы можете сохранить отдельный слайд как рисунок в документе Word, а затем сохранить этот документ как HTML-файл.

  1. Щелкните правой кнопкой мыши эскиз слайда, который вы хотите сохранить, и выберите команду Копировать.
  2. Вставьте слайд в новый документ Word (CTRL+V). При необходимости измените размер изображения с помощью перетаскивания, чтобы заполнить страницу.
  3. Щелкните Файл >Сохранить как и выберите Веб-страница или Веб-страница с фильтром.

Сохранение презентации в OneDrive, а затем предоставление общего доступа к ней в Интернете

  1. Щелкните Файл >Общий доступ >Совместно с пользователями (или Пригласить других пользователей >Сохранить в облаке.
  2. Выберите одну из папок OneDrive.
  3. Введите имя файла и нажмите кнопку Сохранить.
  4. Щелкните Поделиться с Люди (PowerPoint 2016 или более поздних версий), добавьте адреса электронной почты и любое сообщение, а затем нажмите кнопку Поделиться.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *