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

Рассмотрим простой способ вставки презентации на сайт с возможностью ее просмотра в интерактивном режиме.
СОДЕРЖАНИЕ
Способы вставки презентации на сайт
Для того, чтобы поделиться презентацией PowerPoint на сайте можно прикрепить файл презентации к статье. Проще некуда. Вот только посмотреть ее смогут только те пользователи, у кого есть программа PowerPoint. Можно, конечно, прикрепить презентацию в формате демонстрации и дать ссылку на бесплатный проигрыватель. Но зачем такие сложности, если можно сделать более эффектно: опубликовать интерактивную презентацию прямо на странице сайта.
Для того, чтобы вставить интерактивную презентацию можно воспользоваться различными сервисами, которые позволяют это сделать. Например, сервис SlideShare позволяет загрузить презентацию PowerPoint, а затем получить код для вставки презентации на сайт. Есть другие подобные сервисы. Также можно воспользоваться сервисом Google Slides, который тоже позволяет загружать презентации PowerPoint, преобразовывать их в формат Google презентаций и генерировать код для вставки на сайт.
Но есть способ вставки кода презентации на сайт от Microsoft. И тоже бесплатный!
Вставка интерактивной презентации PowerPoint на сайт
Итак, предположим, что у нас есть презентация, которую мы сделали на компьютере в программе PowerPoint. Алгоритм вставки презентации будет такой.
- Загружаем презентацию на диск OneDrive, который предоставляет Microsoft.
- Получаем код презентации.
- Вставляем код презентации на сайт.
Теперь более детально рассмотрим все шаги.
Загрузка на диск OneDrive
OneDrive – это облачное хранилище от компании Microsoft. Зарегистрированный пользователь получает 5 Гб дискового пространства бесплатно, а также различные инструменты, которые доступны для работы бесплатно: Word, PowerPoint, Excel и другие. Подробнее об этом можно посмотреть здесь.
Для загрузки переходим по ссылке https://onedrive.live.com/ . Если нет аккаунта, то сначала регистрируемся.
В панели файлов кликаем правой кнопкой мыши для вызова контекстного меню.
В появившемся меню кликаем Добавить — Файлы:

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

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

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

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

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

Получаем код презентации – способ 2
Есть другой способ получить код вставки. Сначала открываем презентацию. И уже в презентации получаем код.
На диске OneDrive открываем презентацию кликом левой кнопкой мыши. Либо правой кнопкой мыши вызываем контекстное меню и кликаем Открыть в PowerPoint Online:

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

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

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

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

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

Вставленная презентация
Заключение
Мы рассмотрели способ публикации презентации на странице сайта с использованием сервиса PowerPoint Online.
Доступ к презентации PowerPoint Online можно получить с любого устройства, подключенного к интернет.
Сохранение копии презентации в PowerPoint для Интернета
Веб-приложение PowerPoint автоматически сохраняет свою работу в OneDrive, в облаке.
(Этот способ работы в Microsoft 365 часто называется » Сохранить как«, но в Microsoft 365 для Интернета приложениях сохраняется копирование или скачивание как.)
Сохранение файла в другом расположении (например, ваш компьютер или USB-накопитель) или сохранить копию, щелкните заголовок процедуры ниже и следуйте инструкциям.
Щелкните заголовок раздела ниже, чтобы открыть подробные инструкции.
Сохранение копии презентации на компьютере
- На вкладке файл на ленте нажмите кнопку скачать как, а затем на панели справа выберите загрузить копию.

- Откроется диалоговое окно, в котором можно подтвердить, что копия готова к загрузке на ваш компьютер. Нажмите кнопку скачать , чтобы продолжить.
По умолчанию файл копируется в папку downloads на компьютере. 
- Ваш браузер поможет вам завершить загрузку файла на компьютер. Внешний вид, в своюмся, зависит от того, какой браузер вы используете. Прочтите сведения о том, как это работает для нескольких крупных браузеров:
Хром: завершение скачивания
Google Chrome выведет имя файла в левом нижнем углу панели задач Веб-приложение PowerPoint.
Чтобы открыть загруженный файл, щелкните стрелку справа от имени файла и выберите команду Открыть.

Internet Explorer: завершение скачивания
- Если в браузере Internet Explorer вам будет предложено выбрать, что нужно сделать с файлом, нажмите кнопку Сохранить как.

- В окне Сохранить как выберите, где вы хотите сохранить презентацию.
- В поле Имя файла присвойте файлу имя (если вы еще этого не сделали), а затем нажмите кнопку Сохранить.

- Чтобы открыть загруженный файл, перейдите в папку, где вы его сохранили.
Microsoft Edge: завершение скачивания

- В нижнем поле браузера Microsoft Edge показано сообщение, позволяющее Открыть презентацию или сохранить ее в расположении, отличном от папки загрузок по умолчанию.
- Чтобы оставить расположение по умолчанию, нажмите кнопку сохранить. Чтобы сохранить его в другом месте, щелкните стрелку рядом с кнопкой сохранить и выберите команду Сохранить как , а затем выберите папку в диалоговом окне Навигация.
- Чтобы открыть загруженный файл, перейдите в папку, где вы его сохранили.
Firefox: завершение скачивания
- В разделе что следует сделать Firefox с этим файлом?выберите команду сохранить файл, а затем нажмите кнопку ОК.

- Чтобы открыть загруженный файл, щелкните стрелку вниз на панели задач Firefox, а затем щелкните файл или щелкните значок папки, чтобы открыть папку, в которой она находится.

Сохранение копии презентации в OneDrive для работы или учебы или SharePoint
Эта функция доступна только для тех пользователей, у которых есть Microsoft 365 Рабочая или учебная учетная запись.
(Эта функция недоступна, если вы используете Internet Explorer версии 7.)
- На вкладке файл на ленте выберите команду сохранить копию.
- На появившейся панели сохранить копию выберите команду сохранить копию.
Откроется диалоговое окно » сохранить копию «. - По умолчанию в качестве местоположения для сохранения используется текущая папка, в которой хранится исходная презентация. Если вы согласны с этим расположением, вы должны изменить имя, указанное в поле имя .
Если вы хотите сохранить файл в другом месте, изменение имени не требуется. Нажмите кнопку сохранить в другой папке , чтобы изменить папку, в которой будет храниться файл. - В диалоговом окне Навигация по папке выберите нужную папку и нажмите кнопку сохранить.
Новая копия презентации будет храниться в этой папке.

Некоторые веб-службы сторонних пользователей (например, Dropbox) не предлагают те же параметры сохранения, что и Microsoft 365 для Интернета. Если вы не видите ни одного из описанных здесь параметров, это связано с тем, что ваша система хранения данных в Интернете не допускает ее.
Примечание: Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Была ли информация полезной? Для удобства также приводим ссылку на оригинал (на английском языке).
PowerPoint Online — создаем презентацию в бесплатном сервисе от Microsoft

По шагам рассмотрен процесс создания презентации в сервисе PowerPoint онлайн. Затронуты все ключевые инструменты, необходимые для создания полноценной презентации.
В конце материала – видеоверсия инструкции.
PowerPoint бесплатно – возможно ли это?
PowerPoint Online – это сервис от компании Microsoft, которым может воспользоваться любой, у кого есть подключение к интернет.
В отличие от «полноценного» PowerPoint Сервис PowerPoint Online не требует оплаты и позволяет создавать полноценные презентации, делиться ими, а также скачивать на локальный диск в различных форматах.
Как получить доступ к PowerPoint Online?
Для того, чтобы воспользоваться сервисом PowerPoint онлайн нужно создать аккаунт Microsoft. Это делается на странице https://signup.live.com/:

После того, как создали аккаунт заходим и кликаем по иконке PowerPoint, чтобы перейти в PowerPoint Online.

Какие ограничения у бесплатного PowerPoint онлайн?
PowerPoint онлайн позволяет создать полноценную презентацию. Ограничения связаны с отсутствием расширенных возможностей по использованию анимации, переходов. Также в бесплатной программе есть ограничения на использование галереи изображений, стикеров, клипарта и другого медиаконтента. При этом нет никаких ограничений на загрузку необходимых картинок с локального диска компьютера.
Также при работе в PowerPoint Online мы ограничены объёмом облачного хранилища. OneDrive предоставляет 5 гигабайт бесплатно под все файлы помимо файлов презентаций. Но готовую презентацию мы можем скачать и освободить место для новой.
Напомним, что Office Online – это не только создание презентаций. Это и текстовый онлайн редактор Word, и Excel, и некоторые другие программы, доступные в браузере.

Создаем новую презентацию в PowerPoint Online
Кликаем по значку PowerPoint для перехода к сервису:

Мы можем открыть одну из ранее созданных презентаций, которые сохранены в OneDrive:

Можем создать новую презентацию. Для этого доступны темы оформления:

Также можно создать новую пустую презентацию. А тему выбрать позже.
Либо сделать свое уникальное оформление.
Выберем Новая пустая презентация:

Открывается презентация с пустым титульным слайдом. «Заголовок слайда» и «Подзаголовок слайда» — это текстовые заполнители.
Кликаем по заполнителям и вносим свой текст:

Титульный слайд готов.
Вставляем новый слайд
Теперь добавим еще один слайд. Для это кликаем Вставка – Создать слайд:

Сервис PowerPoint Online предложит несколько макетов оформления для нового слайда. Выбираем Заголовок и объект и кликаем Добавить слайд:

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

Верхний заполнитель – для добавления заголовка. А второй заполнитель – универсальный. С помощью него можно вставить текст, таблицу, изображения с диска или из банка изображений. Выбор нужного содержания определяется пиктограммами:

Мы вставим просто текст: заголовок и несколько тезисов. Причем текст можно как набрать на клавиатуре, так и скопировать из какого-либо готового источника, например, из текстового редактора Word.
У нас получается такой слайд:

Для работы с текстом есть стандартные инструменты:

- Шрифт
- Размер шрифта
- Начертание
- Цвет шрифта
- Расположение и т.д.
Оформляем презентацию
Для того, чтобы сделать оформление кликаем Оформление и в выпадающем списке выбираем понравившеюся тему. Например, тему Ион:

Получаем оформленные слайды:

Если не устраивают цвета, то можем выбрать другие из доступных. Для выбора цвета темы кликаем по инструменту выбора вариантов цвета для темы:

И получаем оформление в другом цвете:

Помимо выбора предлагаемых тем оформления можем просто выбрать цвет для слайдов или загрузить фоновое изображение с компьютера. Это делается в меню Фон:

Вставляем изображения в презентацию
Для вставки изображения на слайд кликаем Вставка – Рисунки. Получаем 3 варианта:
Это устройство – вставка изображения с локального диска.
Стоковые изображения – изображения из общедоступных медиахранилищ.
Рисунки Bing – изображения из хранилищ службы изображений поисковой системой Bing.
Выберем Это устройство:

В открывшемся окне кликаем Выбрать файлы:

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

Последний шаг — кликаем Вставка:

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

После перемещения отпускаем кнопку мыши и изображение фиксируется в выбранном положении на слайде:

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

Для вставки стокового изображения кликаем Вставка – Рисунки – Стоковые изображения:

Можем воспользоваться разделами Изображения, Значки, Фигуры людей, Наклейки, Иллюстрации.
В качестве примера вставим значок. Выбираем раздел Значки и в строке поиска ищем подходящие по ключевому слову презентация.
Кликаем по понравившемуся и бесплатному:

Получаем на слайде значок, который можем использовать в качестве логотипа:

Вставляем видео в презентацию
Кликаем Вставка – Видео из Интернета:

В открывшемся окне вставляем ссылку на видео и кликаем Вставить:

Получаем на слайде контейнер с видео, который можем переместить в нужное место на слайде:

Вставляем фигуру на слайд
В PowerPoint Online можно вставить различные фигуры на слайд.
Кликаем Вставить – Фигуры и выбираем нужную фигуру:

Фигура размещается на слайде:

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

Добавляем анимацию на слайды
К объектам на слайде можно применять различные эффекты анимации. Анимация может работать последовательно или синхронно. Последовательность и время анимации можно настраивать. Некоторые анимационные эффекты имеют дополнительные параметры.
В нашем примере добавим эффект к изображению на слайде.
- Отмечаем объект, к которому нужно применить эффект анимации.
- Кликаем по меню Анимация.
- Открываем раздел с типами анимации.
- Кликаем по нужному типу анимации.

Теперь при демонстрации презентации изображение будет анимировано.
Добавляем переходы между слайдами
Мы можем настроить эффекты для переходов между слайдами. Эффект может быть единым для всех слайдов. Также каждый отдельный слайд может иметь уникальный эффект.
Для эффектов можно настраивать время, направление эффекта.
Для создания перехода кликаем Переходы, затем открываем панель с эффектами и выбираем нужный:

Эффект будет применен к слайду:

Задаем имя презентации
Кликаем по вкладке с названием, а затем вводим имя файла презентации и нажимаем Enter на клавиатуре.

Сохраняем презентацию на локальный диск
Готовую презентацию можно скачать на локальный диск.
Переходим в меню Файл:

Во вкладке Сохранить как выбираем нужный формат. Выберем Скачать копию. В этом случае получим файл презентации PowerPoint.
Также презентацию можно сохранить в формате PDF, ODP или в виде отдельных изображений:

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

Демонстрация презентации
Есть несколько способов запуска презентации для демонстрации.
Заметим, что нам не нужна установленная программа PowerPoint при демонстрации презентации PowerPoint Online, но нужен интернет!
1 способ демонстрации презентации в сервисе PowerPoint Online
Кликаем по кнопке Показ в правом верхнем углу, и презентация запускается в режиме демонстрации.

2 способ демонстрации презентации в сервисе PowerPoint Online
Переходим в меню Слайд-шоу и кликаем С начала, чтобы запустить показ презентации с первого слайда. Или С текущего слайда, чтобы запустить презентацию со слайда, в котором мы находимся в текущий момент.

3 способ демонстрации презентации в сервисе PowerPoint Online
Кликаем по значку Слайд-шоу, расположенном в правом нижнем углу. В этом способе показ начинается со слайда, на котором мы находимся в текущий момент.

Выводы
Мы рассмотрели базовый функционал программы PowerPoint онлайн, которая работает непосредственно в браузере.
Рассмотренный функционал позволяет создать полноценную презентацию. Также сервис позволяет демонстрировать слайды без установки дополнительных программ, делиться презентацией с другими пользователями, работать над презентацией совместно с другими пользователями, скачивать готовую презентацию на локальный диск компьютера.
Как редактировать скаченные презентации PowerPoint
Бывает, что просто скачать готовую презентацию с сайта недостаточно. Порой в нее нужно внести определенные измения: от самых простых (например, указать свою фамилию на заглавном слайде) до достаточно сложных (добавление новых слайдов, изменение больших объемов информации, изменение данных, представленных в виде графиков, и тому подобоное). Как быть, если вы не обладаете достаточными навыками, позволяющими произвести подобные операции? На этой странице мы собрали наиболее полезные инструкции, а также перечислили ресурсы, которые могут помочь вам решить задачи даже более сложного характера.
Какие программы нужны для редактирования презентаций
Самой популярной программой для создания и редактирования презентаций является программа PowerPoint, которая входит в пакет офисных программ Microsoft Office. Имеются и бесплатные аналоги. Например, в составе свободного OpenOffice имеется программа Impress. Необходимо заметить, что в старых версиях Microsft Office PowerPoint не поддерживается формат файлов pptx (т.е. презентации, созданные в версиях, начиная с PowerPoint 2007, не будут запускаться в более ранних версиях программы, если они сохранены в формате, установленном по умолчанию).
Заметим, что все инструкции, представленые ниже, составлялись, ориентируясь на программу Microft PowerPoint 2007. В других версиях программы возможны некоторые расхождения.
Можно ли открыть презентацию на планшете или смартфоне
Если вам для каких-то целей понадобилось открыть презентацию на смартфоне либо планшете, то решить эту задачу помогут различные приложения. Существуют как платные, так и бесплатные решения. Из бесплатных приложений можно выделить WPS Office, Polaris Office, OfficeSuite и другие. Наиболее популярным платным приложением можно назвать Smart office. Существет решение и от Microsoft — в марте 2014 в продаже появился Microsoft Office for iPad.
Как изменить часть текстовой информации
Итак, мы разобрались, какие приложения нужно использовать для открытия файлов с расширениями .ppt и .pptx, и теперь перейдем к рассмотрению базовых, наиболее востребованных операций.
Начнем с простого. К примеру, вы скачали с нашего сайта презентацию к завтрашнему уроку, выполненную Иваном Ивановым из 7 «б», и главный слайд этой презентации наглядно это демонстрирует. Вам же, естесственно, необходимо, чтобы данная презентация была подписана вашим именем. Давайте это реализуем.

Открываем файл презентации с помощью Microsoft Office PowerPoint. Возможен такой вариант, что изначально программа откроет файл в режиме защищенного просмотра (без возможности редактирования). Тогда в верхней части экрана появится желтая панель с предупреждением и кнопкой «Разрешить редактирование». Именно на эту кнопочку нам и нужно нажать.

Теперь мы можем вносить изменения в презентацию. Для этого в левой панели нужно выбрать необходимый нам слайд. В нашем примере мы редактируем информацию на первом слайде.

После этого в правой части экрана (непосредственно на самом слайде) мы можем выделить курсором мыши и изменить любую текстовую информацию.
Как добавить новый слайд

Для добавления нового слайда необходимо открыть презентацию, разрешить ее редактирование и, щелкнув правой кнопкой мыши в нужном месте правой панели, выбрать пункт «Создать слайд».

Если презентация настроена правильно, то новый слайд по умолчанию должен быть оформлен так же, как и все остальные. Если же при добавлении нового слайда, его оформление не задается автоматически, то наиболее простым решением является скопировать слайд с подходящей структурой и изменить его заголовок и содержание на необходимые вам. Чтобы скопировать слайд, на него нужно нажать правой кнопкой мыши и выбрать пункт «Копировать». Затем нужно нажать правой кнопкой мыши в необходимом месте левой панели и выбрать пункт «Вставить».
Как вставить изображение

Часто случается, что в презентацию требуется вставить различные изображения. Если сделать это нужно на вновь созданный слайд и на слайде планируется разместить только одно изображение, то сделать это лучше всего, нажав на иконку «Вставить рисунок из файла» непосредственно на самом слайде. Тогда программа автоматически выровняет изображение по центру слайда и, если это необходимо, подгонит его размер.

Если помимо изображения вы планируете разместить на данном слайде и другую информацию, то можно воспользоваться такой же кнопкой на верхней панели инструментов (вкладка «Вставка») и самостоятельно поместить изображение на нужное место.
Полезные ресурсы
Рекомендуем вам также ознакомиться с видеоуроками от канала «SoftMasterPlus». В них наглядным образом объясняется, как произвести те или иные операции.