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

от admin

Embed a PowerPoint presentation into HTML

Is it possible to embed a PowerPoint presentation (.ppt) into a webpage (.xhtml)?

This will be used on a local intranet where there is a mix of Internet Explorer 6 and Internet Explorer 7 only, so no need to consider other browsers.

I’ve given up. I guess Flash is the way forward.

23 Answers 23

Google Docs can serve up PowerPoint (and PDF) documents in it’s document viewer. You don’t have to sign up for Google Docs, just upload it to your website, and call it from your page:

I got so sick of trying all of the different options to web host a power point that were flaky or required flash so I rolled my own.

My solution uses a very simple javascript function to simply scroll / replace a image tag with GIFs that I saved from the Power Point presentation itself.

In the power point presentation click Save As and select GIF. Pick the quality you want to display the presentation at. Power Point will save one GIF image for each slide and name them Slide1.GIF, Slide2.GIF, etc.

Create a HTML page and add a image tag to display the Power point GIF images.

Add some first, previous, next and last clickable objects with the onClick action as below:

Finally, add the below javascript function that when called grabs the next Slide.GIF image and displays it to the img tag.

Make sure the GIFs are reachable from the HTMl page. They are by default expected to be in the same directory but you should be able to see the logic and how to set to a image directory if required

I have training material up for my company that uses this technique at http://www.vanguarddata.com.au so before you spend any time trying it out you are welcome to look at in action.

I hope this helps someone else out there who is having as much headaches with this as I did.

Как добавить презентацию PowerPoint на веб-страницу

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

На самом деле, сегодня у нас есть приложения и платформы что значительно облегчает этот вид работы, то есть веб-дизайн. Все, что действительно позволяет нам, — это в несколько шагов создавать собственные веб-проекты. Это правда, что мы можем использовать более сложные предложения, а другие, которые проще, все уже будет зависеть от наших знаний и терпения.

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

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

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

Abrir Presentación PowerPoint

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

Читать:
Как увеличить график в маткаде

Вставить презентации PowerPoint в Интернете

Итак, на данный момент, для этого первое, что мы собираемся сделать, чтобы встроить презентацию, это иметь активную учетную запись в Один диск оказание услуг. И именно в нашем личном пространстве мы будем хранить файл, соответствующий презентации PowerPoint, которую нужно обработать. Более того, для этого, что мы хотим сделать сейчас, важно использовать OneDrive из браузера в его веб-версии.

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

Вставить PowerPoint

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

Вставить веб-презентацию PowerPoint

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

Мы также должны учитывать, что все содержание этого файл будет выставлен и будет в открытом доступе. Таким образом, каждый может увидеть и загрузить его, поэтому мы должны быть осторожны с тем, что в нем содержится.

Использование сервиса Google Презентации

Мы советуем использовать сервис Google Презентации для размещения на сайте презентации (формата *.ppt,*.pptx) с возможностью последующего её просмотра посетителями вашего сайта. Размещение презентации на сайте с помощью данного сервиса осуществляется в 3 этапа:

  1. Размещение или создание презентации на сервисе Google Презентации.
  2. Получение кода для встраивания на сайт презентации.
  3. Встраивание полученного кода презентации в CMS Веб-Мастерская.

Размещение или создание презентацию в Google Docs

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

Slides3

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

Slides4

Slides5

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

Slides6

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

PS. Также Вы можете в данном сервисе создавать презентации «с нуля», а также редактировать их или загруженные ранее презентации на данный сервис.

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

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

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

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

Эффекты блочного раскрытия

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

15 полезных .htaccess сниппета для сайта на WordPress

Если вы хотите существенно повысить уровень безопасности вашего сайта на WordPress, то вам не избежать конфигурации файла .htaccess. Это позволит не только уберечься от целого ряда хакерских атак, но и организовать перенаправления, а также решить задачи связанные с кэшем.

20 бесплатных тем для WordPress в стиле Material Design

Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

20 сайтов с креативным MouseOver эффектом

Эффекты на то и существуют чтобы впечатлять наших посетителей. В этой подборке собрано несколько десятков ресурсов, чьи создатели очень постарались впечатлить своих посетителей.

45+ бесплатных материалов для веб дизайнеров за август 2016

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

Похожие статьи