Как из презентации powerpoint сделать сайт?

Библиотека вебмастера по созданию и продвижению сайта

Как разместить на сайте презентацию PowerPoint?

В процессе создания сайта может возникнуть необходимость интеграции на его страницы презентаций Microsoft PowerPoint. Презентации PowerPoint наглядны, красочны, динамичны. В то же время, создание презентации достаточно высокого уровня сложности не требует от пользователя серьёзных навыков вёрстки и дизайна, что является дополнительным стимулом для решения вопроса интеграции на сайт презентаций PowerPoint.

Размещение на сайте презентации Microsoft PowerPoint

Компания Microsoft не предоставляет открытого компонента для интеграции презентаций PowerPoint на конечные сайты пользователей. В пакет MS Office входит инструментарий для интеграции на сервер MS IIS с возможностью обработки презентаций PowerPoint. Но, подавляющее большинство владельцев сайтов не имеет доступа к серверной части (за исключением, пожалуй, выделенных серверов) и поддержка тех или иных компонентов осуществляется на усмотрение хостпровайдера.

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

Размещение прямой ссылки на презентацию PowerPoint

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

Конвертация презентации PowerPoint в PDF, Flash или видеоролик

Конвертация презентации PowerPoint в формат PDF . Пожалуй, самый простой способ конвертации. С помощью виртуального принтера, например, FinePrintPDF, вы просто печатаете свою презентацию в документ, который потом загружаете на сайт с помощью компонента-менеджера PDF (большая часть современных CMS подобные менеджеры имеют в своём составе или предлагают установить бесплатно). Минус данного метода в том, что получается, фактически, печатная копия презентации. То есть, вся анимация, звук и интерактивность — отсутствуют.

Конвертировать презентацию PowerPoint в Macromedia Flash . Это можно сделать с помощью целого ряда утилит, например, Wondershare PPT2Flash. Результат сохраняет практически всю красоту презентации: аудио, анимацию, интерактив. Кроме того, размер файла SWF на порядок меньше исходного файла презентации.

Конвертация презентации PowerPoint в видеоролик . Для этого существует целый ряд бесплатных утилит, например, Fraps или Free Screen Video Recorder. Полученное видео можно загрузить непосредственно на сайт или на Youtube, далее вставить на нужной странице код вызова видеоролика. Видео сохраняет все свойства презентации, за исключением поддержки интерактивности.

Сохранение презентации в формате HTML и последующая загрузка на сайт

Microsoft PowerPoint предлагает сохранить презентацию для публикации в Web. Но, к сожалению, данный способ имеет столько минусов, что мы бы не рекомендовали его даже пробовать. Каждый слайд сохраняется в виде отдельной HTML-страницы, пропадает анимация и аудио.

От простого к сложному

Описанные выше способы можно применять в единичных случаях. Что же делать, если презентаций много, требуется постоянное обновление материалов уже размещённых презентаций? Рассмотрим более сложные способы интеграции на сайт презентаций PowerPoint. Для этого нам необходим программный компонент, инструмент, позволяющий, с одной стороны, управлять загрузкой, манипулированием презентациями и, с другой стороны, предоставляющий возможность размещения презентаций PowerPoint на страницах сайта.

Читать еще:  Как сделать презентацию в powerpoint windows 7?

Размещение презентации PowerPoint с помощью Google Docs

Пожалуй, это наиболее популярный способ публикации на своём сайте презентаций. Для этого вам необходимо иметь аккаунт Google. Переходите в раздел Google Docs (Google Drive) и импортируете презентацию MS PowerPoint. Далее, необходимо настроить публичный доступ к просмотру презентации, после чего в диалоге из меню «File» — «Share to Web…» можно получить HTML-код вставки презентации на сайт или блог. Копируем код и вставляем его в HTML-редакторе в нужное место любой страницы сайта. Если публичный доступ настроен верно и код установлен правильно, то презентация будет автоматически загружаться в браузер посетителя сайта вместе со страницей.

Из плюсов следует отметить, что презентация редактируема, и все изменения, которые вы в неё внесёте, автоматически будут отображаться на вашем сайте. Главный минус: значительная часть анимационных эффектов, музыки и звуков, которые вы использовали в презентации PowerPoint, бесследно исчезнут.

Размещение на сайте презентаций PowerPoint с помощью сервиса SlideBoom.com или SlideShare.net

Конечно, существуют и иные сервисы-хранилища данных, но мы упомянем всего о двух. SlideShare.net и SlideBoom.com — социальные сервисы с элементами социальных сетей, ориентированные на публикацию офисного и медийного контента с публичным доступом.

Работаете с сервисами аналогично Google Docs, регистрируетесь, загружаете на сайт презентацию, настраиваете публичный доступ, получаете HTML-код, вставляете код на свой сайт. Из личной оценки добавим, что SlideShare всё-же обрезает некоторую часть эффектов исходной презентации, а SlideBoom импортирует презентацию PowerPoint с максимальным приближением к оригиналу.

Установка на сайт компонента, автоматизирующего загрузку и публикацию презентаций PowerPoint

Для многих популярных систем управления сайтом с открытым кодом (WordPress, Drupal, Joomla и так далее) написано немалое количество программных компонентов, в различной степени реализующих задачу загрузки/импорта/публикации на страницах сайта презентаций Microsoft PowerPoint.

Большая часть из этих компонентов реализуют функцию загрузки и манипулирования презентаций на стороне сайта, а публикацию (встраивание в страницы сайта) организовывают с помощью вызова кода API Google Docs.

Существует также несколько интернет-компаний, организующих собственные API-интерфейсы, поддерживающие публикацию документов Microsoft Office, в том числе и презентации PowerPoint. Программные компоненты CMS, разработанные этими компаниями имеют, как правило, высокое качество сходимости публикуемых на сайте документов с оригиналом. Однако, все данные компоненты являются сугубо коммерческим продуктом, поэтому останавливаться на их изучении мы не будем.

Заключение

Какой из перечисленных способов публикации презентаций Microsoft PowerPoint вы для себя выберете — решать только вам. Мы лишь постарались объединить в одном материале различные способы решения данной, весьма актуальной задачи. Способы, иногда кажущиеся нетривиальными, как, например, запись презентации в видеоролик. Пробуйте, и у вас всё получится! Быть может, вы найдёте свой оригинальный способ, будем только рады, если вы нам о таком сообщите!

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

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

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

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

Сохраните презентацию в OneDrive.com. (Сохранение презентации в общедоступной папке в Интернете позволит внедрить ее на веб-страницу.)

Откройте презентацию в PowerPoint для Интернета. На вкладке Файл щелкните Общий доступ и выберите Внедрить.

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

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

В разделе Код внедрения щелкните код правой кнопкой мыши, выберите команду Копировать, а затем нажмите кнопку Закрыть.

Читать еще:  Как сделать сложную анимацию в powerpoint?

Код понадобится на следующем шаге. Вставьте его в документ в Блокноте или другом приложении, чтобы не потерять.

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

Хотя служба WordPress обычно не поддерживает теги IFRAME, для тегов IFRAME документов Office в Интернете сделано исключение. Чтобы использовать режим редактирования HTML, не выбирайте команду Создать запись в верхней части страницы. Перейдите в панель управления блогом и щелкните Записи > Добавить.

В TypePad не используйте редактор «Экспресс-создание». Перейдите в раздел блоги, щелкните имя блога, а затем нажмите кнопку создать, в которой можно переключиться с ФОРМАТИРОВАННОГО текста на HTML-редактирование.

Если вы работаете с Blogger, перейдите от окна создания записи к режиму редактирования HTML-кода. После завершения следующего шага вы сможете вернуться в режим создания записи.

В редакторе блога или веб-страниц создайте запись и переключитесь в режим редактирования HTML.

Если ваша служба блогов не поддерживает теги IFRAME в записях, обратитесь за помощью к ее поставщику.

Вставьте из буфера обмена скопированный со страницы OneDrive HTML-тег, нажав сочетание клавиш ⌘+V.

Закончите создание записи. Просмотрите запись и опубликуйте ее как обычно.

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

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

Откройте вики-страницу и нажмите Изменить.

Вставьте из буфера обмена в вики-страницу скопированный со страницы OneDrive HTML-тег, нажав клавиши CTRL+V. Благодаря этому вы сможете легко скопировать часть тега в веб-часть. Перед завершением удалите тег с вики-страницы.

Скопируйте часть тега между кавычками, начинающуюся с http. Кавычки включать не надо.

На вкладке Работа с редактором нажмите Вставить, а затем выберите пункт Веб-часть.

В списке категорий выберите Среда и контент.

В списке Веб-части выберите пункт Средство просмотра страниц и нажмите Добавить.

Чтобы вставить адрес, скопированный в шаге 3, выберите пункт откройте панель инструментов и в поле Ссылка нажмите клавиши ⌘+V.

Нажмите кнопку Применить и просмотрите страницу.

Внесите необходимые изменения в веб-часть. Например, чтобы разместить презентацию во фрейме без полос прокрутки, в редакторе просмотра страниц разверните пункт Вид и укажите высоту 332 пикселя и ширину 407 пикселей.

Закончив работу, нажмите кнопку ОК в редакторе просмотра страниц и удалите тег IFRAME с вики-страницы.

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

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

Как показать презентацию на странице сайта. Инструкция 1

    li» data-url=»/api/sort/PersonaCategory/list_order» id=»folders»>
  • Работа с изображениями (10)
  • Работа с текстом (4)
  • Работа с медиафайлами (5)
  • Шпаргалка (3)

Как показать презентацию на странице сайта. Инструкция 1

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

Создание презентации

  1. Открываем Google презентации — https://docs.google.com/presentation. Возможно придется авторизоваться на портале Google.

Добавляем чистую презентацию, щелкнув по картинке со знаком плюс

Задаем презентации название, щелкнув по тексту Презентация без названия

Добавляем слайды и наполняем их содержанием. Процедура очень похожа на аналогичные действия в программе PowerPoint.

Для добавления слайда: Слайд — Новый или кнопка плюс на Панели инструментов.
Для добавления объектов на слайд: Вставка — и т.д. или кнопки на Панели инструментов.
Для добавления анимации объекта: сначала выделить объект, потом Вставка — Анимация — выбрать из списка Тип анимации (1), выбрать из списка Условие для запуска (2), установить скорость анимации (3).

Для анимации перехода от одного слайда к другому: Слайд — Переход — выбрать из списка Тип перехода.

Читать еще:  Как сделать красивую презентацию в powerpoint 2010 с анимацией?

  • Проверяем всю презентацию. щелкнув по кнопке Смотреть.
  • Файл с презентацией сохраняем на компьютер

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

    Файл — Скачать как — Microsoft PowerPoint (PPTX) или любой другой нужный вам формат из списка возможных.

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

    Для встраивания презентации на страницу сайта нужно получить специальный код встраивания. Для этого:

      Файл — Опубликовать в Интернете — Встроить.

      В этом же окне можно выбрать размер презентации и скорость смены кадров.

    Щелкнуть кнопку Опубликовать и подтвердить действие.

    Скопировать полученный код

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

    1. Открыть страницу сайта, куда нужно вставить презентацию.
    2. Переключиться в режим редактирования.
    3. Установить курсор в нужное место страницы.
    4. На Панели инструментов щелкнуть кнопку Вставить / Редактировать видео.
    5. Перейти на вкладку Код для вставки.
    6. Вставить скопированный код.
    7. Перейти на вкладку Общее и проверить размер презентации. Для персональных сайтов ширина не более 710 пикселей. Если ваша презентация больше, то обязательно измените размер на 710.
    8. Щелкнуть кнопку ОК.

    Что упростить

    Вместо создания слайдов в презентациях Google, можно по-прежнему создавать их в PowerPoint. Затем, импортировать слайды в презентации Google:

    1. Файл — Импорт слайдов — Загрузка.
    2. Выбираем файл с презентацией, созданной в программе PowerPoint, выбираем все слайды и жмем кнопку Импортировать.
    3. Просматриваем презентацию и вносим при необходимости изменения — изменяем размеры объектов, проверяем ссылки и т.д.

    Ещё раз уточню. Программа PowerPoint гораздо «богаче» в смысле разнообразия анимаций. Не все из них доступны в презентациях Google.

    Как из презентации powerpoint сделать сайт?

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

    Выполнить шаги ниже.

    Так будет выглядеть встроенная таким способом презентация:

    Как видите, при таком способе, презентация отображается как идущие подряд слайды с полосой прокрутки справа. Вся анимация теряется.

    1) Открыть доступ для всех в Интернете.

    Выполнить шаги ниже.

    Это пример встроенной презентации в блог (переходы между слайдами добавила уже в Google Презентации):

    После загрузки презентации на Google Диск в формате .pptx (PowerPoint)

    выделите файл с презентацией и нажмите правую кнопку мыши, выберите Открыть с помощью -> Google Презентации

    После этого Вы сможете, при желании, добавить анимацию к отдельным объектам/картинкам, переходы между слайдами на вкладке Вид -> Анимация.

    Панель анимации откроется справа:

    1. Нажмите в левом верхнем углу кнопку Файл

    2. Выберите пункт Опубликовать в Интернете.


    Настройте размеры и время смены слайдов, нажмите кнопку Опубликовать.

    5. Скопируйте код в рамке

    6. Вставьте скопированный код на сайт или блог в режиме HTML.

    СПОСОБ 3. Создать презентацию на Google Диске.

    Точно также можно сразу, в режиме онлайн, создать новую презентацию на Google Диске, добавить анимацию, и затем опубликовать её в Интернете и встроить на сайт (выполнить шаги из способа 2).

    P.S. От всей души поздравляю Вас с Рождеством! Мира и любви Вам и Вашим близким!

    Ссылка на основную публикацию
    Adblock
    detector