Kwert-soft.ru

IT Софт для ПК
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как вставить на сайт презентацию 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 с помощью Google Docs

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

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

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

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

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

Заключение

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

Как вставить HTML5-презентацию на сайт или в блог?

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

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

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

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

Вы можете опубликовать презентацию в формат HTML5 с помощью программ iSpring Suite и iSpring Pro. Рассмотрим на примере iSpring Suite. На панели инструментов PowerPoint выберите вкладку iSpring Suite и кликните кнопку «Публикация».

Выберите вкладку Web, введите название презентации, укажите папку публикации и нажмите кнопку Опубликовать.

2. Загрузка на FTP и получение ссылки

После успешного завершения процесса публикации вы увидите окно, где отобразится готовая презентация. Здесь вы можете загрузить папку с презентацией на сервер по FTP.

Для этого нажмите Загрузить на FTP.

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

Подробнее о настройке аккаунтов FTP читайте в документации.

Затем вам нужно получить HTTP-адрес загруженной презентации. URL презентации будет зависеть от настроек сервера.

Пожалуйста, удостоверьтесь, что адрес начинается с «http://», а не с «ftp://».

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

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

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

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

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

Вы можете выбрать, в каком окне браузера открывать ссылку — в том же (target=”_self”) или в новом (target=”_blank”).

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

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

Используйте следующий код для создания всплывающего окна:

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

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

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

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

HTML-тэг IFRAME позволяет показывать содержимое одной страницы внутри другой.

Для вставки презентации воспользуйтесь следующим кодом:

Как вставить презентацию Power Point на сайт: лучшая альтернатива Sl >

Время чтения: 9 минут Нет времени читать? Нет времени?

Летом 2017 года Роскомнадзор снова заблокировал slideshare.net в России.

SlideShare – социальная сеть, которая специализируется на размещении презентаций. Ее посещает более 50 млн. уникальных пользователей в месяц. Они выкладывают свои презентации, ищут, скачивают и делятся слайдами других авторов, оставляют комментарии под своими и чужими работами.

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

Так почему же заблокировали SlideShare?

Причина – запрещенный законодательством России контент, размещенный зарубежными пользователями. В реестре запрещенных сайтов можно посмотреть конкретные страницы, из-за которых произошла блокировка.

Вывод: любой сервис для размещения презентаций может быть заблокирован Роскомнадзором, если кто-либо из пользователей разместит в общем доступе презентацию с запрещенным содержанием. Нужно найти такую замену SlideShare, у которой будет низкая вероятность блокирования. В идеале, чтобы пользовательский контент не был общедоступным, и потому не нарушал закон.

Что делать с презентациями, встроенными с помощью SlideShare

Если вы раньше добавляли презентации на сайт с помощью сервиса SlideShare, после блокировки они стали выглядеть так:

Читать еще:  Powerpoint это графический редактор

Теперь вместо презентаций в страницы встроены фреймы с заблокированного сайта.

Чтобы исправить ситуацию, нужно:

  • найти все страницы сайта, на которых есть презентации,
  • встроить их на сайт с помощью другого сервиса, который в будущем не заблокируют и при этом бесплатный.

Есть 2 способа, которые помогут вам найти страницы с кодом плеера SlideShare:

  1. Скачать сайт на локальный компьютер и запустить поиск в файловом менеджере по критерию: «slideshare.net/slideshow/embed_».
  2. Обратиться к сайту по протоколу SSH с запросом: «find -type f -exec grep -l slideshare <> ;».

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

Чем заменить SlideShare

В интернете есть большое количество обзоров, в которых рекомендуются сервисы, способные заменить SlideShare. Я опробовала большую часть из них на практике и пришла к выводу, что реальной, надежной, простой и бесплатной альтернативой является только сервис Google Docs.

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

  • Projeqt.com – сервис, рекомендуемый известными сайтами рунета, прямо на главной странице сообщает: «Сервис больше не поддерживается, пишите в поддержку».
  • Authorstream.com – развитый и популярный за рубежом сервис. Не имеет русскоязычного интерфейса, при регистрации требует номер телефона, а также предоставляет ограниченное дисковое пространство в бесплатном тарифе.

При встраивании презентации нужно давать дополнительную ссылку на скачивание – встроенный способ скачивания презентации неудобен.

Чтобы скачать презентацию, встроенную с authorstream.com, нужно перейти на этот сайт и зарегистрироваться.

  • Speakerdeck.com – для размещения презентации нужно конвертировать ее из .pptx в .pdf. На пятидесяти трех презентациях при конвертации нарушилось форматирование в 6 случаях. Конвертация занимает много времени, и после нее нужно внимательно просматривать все слайды. Просматривать 50 презентаций по 20–40 слайдов каждая – неоправданная работа.
  • Prezi.com и emaze.com – не имеют русскоязычного интерфейса, зато имеют сложный функционал и требуют время на освоение.

Еще раз обращу ваше внимание: нет никаких гарантий того, что любой из этих сервисов не закроется как projeqt.com или не будет блокирован Роскомнадзором из-за пользовательского контента. Конечно, Google тоже может внезапно попасть под запрет, но он бесплатен, имеет русский интерфейс и вероятность его блокирования самая низкая.

Презентация на Google Docs недоступна тем, у кого нет ссылки, а значит, если что-то в ней запрещено российским законодательством, Роскомнадзор будет блокировать сайт со встроенной презентацией, а не Google Docs. Полный публичный доступ на Google Docs для встраивания в сайт не нужен.

На «Гугл Документах» есть общий доступ без залогинисвания. Если его использовать и разместить запрещенный контент, логика будет такова:

  1. Роскомнадзор обнаружил запрещенный контент и написал в «Гугл» с предложением убрать. «Гугл» убрал, все ОК.
  2. Если Роскомнадзор написал, а «Гугл» проигнорировал просьбу удалить конкретный материал как «Слайдшер», Роскомнадзор будет пытаться заблокировать не весь «Гугл», а сервис «Гугл Документов после длительной переписки.

Преимущества презентаций Google Docs

Преимущества Google Docs для презентаций:

  • имеет русскоязычный интерфейс;
  • не требует дополнительных регистраций, если есть аккаунт Google;
  • бесплатен;
  • надежен – поддерживается и развивается корпорацией Google;
  • не требует освоения сложного функционала;
  • не требует конвертации презентации из .pptx в другие форматы;
  • предоставляет плеер для встраивания презентации на сайт и возможность скачивания ее в интерфейсе Google Docs;
  • имеет низкую вероятность блокировки Роскомнадзором как один из сервисов Google;
  • не требует публичного доступа к презентации на Google Docs для встраивания ее в сайт, а значит, не дает повода к блокированию Google Docs из-за общедоступного контента.

Я отметила только один недостаток Google Docs – неочевидный способ скачивания презентации. Чтобы скачать встроенную презентацию, нужно перейти с вашего сайта в Google Docs и выбрать пункт в меню «Файл/Скачать как…/MicroSoft PowerPoint(PPTX)», как показано на скриншоте. Для скачивания как своих, так и чужих презентаций нужно иметь аккаунт Google.

Чтобы обеспечить пользователей удобной ссылкой для скачивания презентации, рекомендую размещать ее дополнительно на «Яндекс.Диске». То есть, на странице вашего сайта сначала встраивается плеер от Google Docs, а под ним фраза «Скачать презентацию» со ссылкой на «Яндекс.Диск».

Для скачивания с «Яндекс.Диска» иметь аккаунт «Яндекс.Почты» или делать дополнительные действия не нужно, скачивание происходит в один клик по ссылке.

Таким образом, вы себя еще и обезопасите: если Google Docs закроется или его заблокируют, все презентации будут сохранены в облаке «Яндекс.Диска».

Как добавить презентацию в Google Docs

  1. Зайдите в раздел презентаций под своим аккаунтом Google (логин и пароль почты Gmail).
  2. Нажмите на кнопку с плюсом в правом нижнем углу экрана.

  1. Загрузите файл презентации.

  1. Получаем результат:

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

Как получить код для встраивания презентации Google Docs

Чтобы встроить презентацию в страницу своего сайта, необходимо сделать следующее:

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

  1. Идем в меню «Файл/Опубликовать в Интернете…».

  1. В появившемся окне выбираем вкладку «Встроить».
Читать еще:  Название презентации в powerpoint

  1. Выбираем нужные настройки (размер слайда и время показа одного слайда) и нажимаем кнопку «Опубликовать».

  1. Копируем код.

  1. Теперь переходим в административную панель CMS вашего сайта и открываем ту страницу, в которой должна быть встроена презентация, в виде html-кода.

В самописных сайтах, не использующих CMS, открываем код страницы html-редактором.

Находим код старой презентации и удаляем его (старый код заключен в теги … и содержит текст «slideshare»).

На это место вставляем скопированный в Google Docs код.

Если вы вставляете код плеера с презентацией в CMS, обязательно нажимайте «Обновить» или «Сохранить» на вкладке кода, а не визуального редактора (актуально для WordPress, Drupal и, возможно, других CMS), иначе может нарушиться html-код.

Как загрузить презентацию на «Яндекс.Диск»

Делается это просто. Заходим под своим аккаунтом в «Яндекс.Почту», переходим в «Яндекс.Диск» и нажимаем кнопку «Загрузить».

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

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

Затем на страницу сайта в CMS или html-редакторе вписываем код ссылки:

Вместо URL вставляем скопированную ссылку на презентацию и сохраняем изменения.

Получаем вот такой результат:

Результат и выводы

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

Презентации на страницах сайтов применяются как:

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

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

Страницы, дополненные презентациями, лучше отвечают на запрос пользователя. Что, в свою очередь, улучшает поведение пользователей на сайте и повышает доверие поисковика к сайту как к источнику информации.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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