Нажмите "Enter", чтобы перейти к содержанию

Как сделать презентацию в браузере – бесплатно создавайте и редактируйте презентации в Интернете.

Содержание

Создание презентации в веб-приложении PowerPoint

Приложение Веб-приложение PowerPoint, запущенное в браузере, позволяет:

  • создавать презентации и добавлять в них изображения, видео, переходы и анимацию;

  • открывать презентации с компьютера, планшета или телефона;

  • делиться презентациями и работать совместно отовсюду.

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

  1. Перейдите на сайт powerpoint.office.com.

    Вы также можете выполнить вход на странице office.com/signin и выбрать в

    средстве запуска приложений Office 365  плитку PowerPoint.

  2. Выберите Новая пустая презентация, откройте файл в списке Последние или выберите одну из тем.

  3. Чтобы присвоить имя презентации, щелкните заголовок в верхней части страницы и введите имя.

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

Добавление слайда

  1. Выберите слайд, за которым вы хотите вставить новый.

  2. На вкладке Главная нажмите кнопку Создать слайд.

  3. Нажмите кнопку Макет и выберите нужный вариант из раскрывающегося списка.

Сохранение

  • При использовании PowerPoint для Интернета ваша работа сохраняется каждые несколько секунд. Чтобы создать копию в другом расположении, можно выбрать Файл > Сохранить копию.

  • Также можно выбрать Файл > Скачать как, чтобы сохранить копию на своем устройстве.

Автономный режим

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

support.office.com

Обзор приложения PowerPoint Web App

PowerPoint Web App расширяет возможности PowerPoint в веб-браузере, где вы можете работать с презентациями прямо на веб-сайте, где хранится презентация.

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

Простота интеграции с PowerPoint

Презентацию можно создать в PowerPoint. Вы хотите опубликовать его на веб-сайте, чтобы другие люди могли его просматривать или даже представлять его в виде слайд-шоу. Что делать, если вы заметили, что после публикации вы оставили слайд? Разве это не было бы удобно, если вы могли бы быстро исправить его на веб-сайте прямо сейчас? PowerPoint Web App делает этот сценарий возможным.

В Microsoft PowerPoint 2010 вы можете приступить к работе с PowerPoint Web App, сохранив презентацию в библиотеке SharePoint. На вкладке файл выберите команду сохранить & отправить, а затем — команду сохранить на веб-сайте или сохранить в SharePoint.

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

Примечание: Не нужно создавать презентации в PowerPoint 2010, которые будут открываться в PowerPoint Web App. Для обеспечения лучшей совместимости используйте Office PowerPoint 2003 или более поздней версии или PowerPoint для Mac 2008 или 12.2.9 или PowerPoint для Mac 2011. Если вы используете PowerPoint 2003, установите последний пакет обновления и сохраняйте презентации на компьютере в формате PPTX. Затем отправьте презентацию на сайт SharePoint, на котором настроены Office Web Apps программы.

Просмотр презентации в браузере

Когда вы открываете презентацию в SharePoint, PowerPoint Web App открывает презентацию в браузере, где можно перейти к слайдам, просмотреть заметки или перейти в режим слайд-шоу, чтобы просмотреть презентацию в полноэкранном режиме.

Примечания: 

  • Если на вашем компьютере не установлен Microsoft Silverlight 2 или более поздней версии, PowerPoint Web App отображает отрезок со ссылкой для установки Silverlight. Silverlight не требуется, но слайды лучше масштабировать до размеров окна браузера, и некоторые эффекты анимации более гладкы, если у вас установлена новейшая версия Silverlight.

  • Если вы получили приглашение для просмотра широковещательного показа слайдов, щелкните ссылку в приглашении, чтобы просмотреть слайд-шоу. Выступающий использует PowerPoint 2010 для пошагового прохождения слайдов. Дополнительные сведения о широковещательном показе слайдов в Интернете можно найти в разделе о вещании слайд-шоу.

  • Для воспроизведения звуковых и видеофайлов в классическом приложении PowerPoint необходимо открыть презентации, в которых есть звуковое или видеосодержимое. В PowerPoint Web App нажмите кнопку

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

Печать из браузера

Вы можете распечатать слайды в PowerPoint Web App. На вкладке Файл выберите команду Печать.

Примечание: Для печати в PowerPoint Web App требуется средство просмотра PDF-файлов.

Редактирование в браузере

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

В режиме редактирования вы можете добавлять и удалять содержимое, а также форматировать текст. Вы также можете добавлять, удалять, дублировать и скрывать слайды.

Вы можете добавлять Графический элемент SmartArt, рисунки и гиперссылки. Для этого перейдите на вкладку Вставка.

Если вы хотите добавить эффекты или изменить Графические элементы SmartArt или изображения, щелкните изображение, а затем используйте инструменты, отображаемые на появившейся вкладке (инструменты SmartArt и работас рисунками).

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

PowerPoint Web App автоматически сохраняет презентацию во время работы над ней. Вам не нужно сохранять изменения. Если вы вносите изменения, которые вы не хотите сохранять, используйте команду " отменить " или нажмите клавиши Ctrl + z (Windows) или ⌘ + z (Mac).

Эффективное редактирование в PowerPoint

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

файл и нажмите кнопку Открыть в PowerPoint.

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

Примечание: Открытие презентаций прямо из браузера в классическое приложение PowerPoint поддерживается в браузерах Firefox, Internet Explorer (Windows) и Safari (Mac). Для использования этой возможности в Windows необходимо также использовать PowerPoint 2003 или более поздней версии (если вы используете Firefox, необходимо также использовать PowerPoint 2010 ). Для работы этой функции на компьютере Mac требуется Microsoft PowerPoint для 2008 Mac версии 12.2.9 или PowerPoint для Mac 2011.

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

support.office.com

«Создание презентации» - Яндекс.Знатоки

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

Основная программа для работы — это Microsoft PowerPoint ( она есть на большинстве компьютеров, т. к. идет вместе в комплекте с Word и Excel).

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

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

Следуйте ниже приведенным рекомендациям по ее оформлению.

  • Уложиться следует в 10-14 слайдов – большее количество означает, что устный отчет о дипломной работе превратится в постоянное пролистывание, и смотреть на него станет утомительно.
  • Цветовая гамма слайдов должна быть максимально нейтральной, она не должна быть перегружена яркими изображениями, анимациями и цветными текстами. Рекомендуемая цветовая гамма: фон – белый, текст – черный.
  • Размер текста должен быть хорошо виден и вам, и слушателям. Оптимальный размер шрифта: 22-24 пункта для обычного текста и 30-36 для заголовков.
  • Положение текста на слайдах должно быть только горизонтальным. В таблицах и графиках, где буквы могут быть под разным углом, необходимые строки и столбцы следует форматировать так, чтобы выделялась самая важная информация.
  • Диаграммы, графики, схемы, формулы будут очень полезны, так как они наглядно аргументируют вашу речь. Их следует оформлять так, чтобы проверяющие четко видели изображенные на них числа и данные.

Составление презентации

  • Первый слайд служит в качестве титульной страницы. В нем указывается тема дипломной работы, имя автора и название учебного заведения.
  • Далее необходимо пояснить, в чем состоит цель проведенного исследования, его значение для науки или общества (зависит от специальности) и почему это сейчас актуально. Желательно оформить данный пункт в виде четких тезисов, которые убедят слушателей в востребованности проекта.
  • Следующие слайды являются началом основной части презентации, в них указывается предмет и объект исследования и методология его проведения.
  • Теоретические данные подкрепляются аналитической информацией, полученной в ходе работы/испытаний.
  • Далее идет представление этапов выполнения дипломной работы. Каждый из этапов должен дополняться краткими описательными предложениями.
  • Заключительные слайды. В них подводятся итоги проведенных исследований в виде перечня результатов, обрисовываются актуальные проблемы и предлагаются пути их решения. Концовка презентации должна быть максимально убедительной.
  • В самом последнем слайде указывается та же информация, что и в первом.

И последний совет.

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

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

yandex.ru

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

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

Создаём презентацию онлайн

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

Способ 1: PowerPoint Online

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

Перейти к сервису PowerPoint Online

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

  3. Выберите вкладку «Вставка». Тут вы можете добавлять новые слайды для редактирования и вставлять объекты в презентацию.
  4. При желании вы можете украсить презентацию с помощью изображений, иллюстраций и фигур. Информацию можно добавить с помощью инструмента «Надпись» и организовать в таблицу.

  5. Добавьте необходимое количество новых слайдов, нажав на кнопку «Добавить слайд» в той же вкладке.
  6. Выберите структуру добавляемого слайда и подтвердите добавление нажатием на кнопку «Добавить слайд».
  7. Все добавленные слайды отображаются в левой колонке. Их редактирование возможно при выборе одного из них, нажатием левой кнопкой мыши.

  8. Заполните слайды необходимой информацией и оформите нужным вам образом.
  9. Перед сохранением рекомендуем просмотреть готовую презентацию. Конечно, вы можете быть уверены в содержимом слайдов, но в предпросмотре можно взглянуть и на примененные эффекты переходов между страницами. Откройте вкладку «Вид» и измените режим редактирования на «Режим чтения».
  10. В режиме предварительного просмотра можно запустить «Слайд-шоу» либо переключать слайды стрелками на клавиатуре.

  11. Для сохранения готовой презентации войдите во вкладку «Файл» на верхней панели управления.
  12. Нажмите на пункт «Скачать как» и выберите один подходящий вариант загрузки файла.

Способ 2: Google Презентации

Отличный способ создания презентаций с возможностью коллективной работы над ними, разработанный компанией Google. Вы имеете возможность создавать и редактировать материалы, конвертировать их с формата Google в PowerPoint и наоборот. Благодаря поддержке Chromecast презентацию можно представлять на любом экране без проводов, с помощью мобильного устройства на базе ОС Android или iOS.

Перейти к сервису Google Презентации

  1. После перехода на сайт сразу приступаем к делу — создаём новую презентацию. Для этого нажмите на значок «+» в правом нижнем углу экрана.
  2. Измените название вашей презентации, нажав на графу «Презентация без названия».
  3. Выберите один готовый шаблон из представленных в правой колонке сайта. Если ни один из вариантов вам не приглянулся, вы можете загрузить собственную тему, нажав на кнопку «Импортировать тему» в конце списка.
  4. Добавить новый слайд можно перейдя во вкладку «Вставка», а затем нажав пункт «Новый слайд».
  5. Уже добавленные слайды можно выбирать, как и в предыдущем способе, в левой колонке.

  6. Откройте предварительный просмотр, чтобы увидеть готовую презентацию. Для этого нажмите кнопку «Смотреть» в верхней панели инструментов.
  7. Что примечательно, данный сервис даёт возможность просмотреть вашу презентацию в таком виде, в каком вы будете подавать её аудитории. В отличие от предыдущего сервиса, Google Презентации открывает материал на весь экран и имеет дополнительные инструменты для подчёркивания объектов на экране, например, лазерную указку.

  8. Чтобы сохранить готовый материал, необходимо перейти во вкладку «Файл», выбрать пункт «Скачать как» и задать подходящий формат. Есть возможность сохранения как презентации в целом, так и текущего слайда отдельно в JPG или PNG формате.

Способ 3: Canva

Это онлайн-сервис, содержащий огромное количество готовых шаблонов для реализации ваших творческих идей. Помимо презентаций вы можете создавать графику для социальных сетей, плакаты, фоны и графические записи в Facebook и Instagram. Сохраняйте созданные работы на компьютер или делитесь ими со своими друзьями в интернете. Даже при бесплатном использовании сервиса вы имеете возможность создать команду и вместе работать над проектом, обмениваясь идеями и файлами.

Перейти к сервису Canva

  1. Переходим на сайт и нажмите на кнопку «Вход» в правой верхней части страницы.
  2. Пройдите авторизацию. Для этого выберите один из способов быстрого входа на сайт либо создайте новый аккаунт, введя адрес электронной почты.
  3. Создаём новый дизайн, нажав на большую кнопку «Создать дизайн» в меню слева.
  4. Выберите тип будущего документа. Поскольку мы собираемся создать презентацию, выбираем соответствующую плитку с названием «Презентация».
  5. Вам будет предоставлен список готовых бесплатных шаблонов для оформления презентации. Выберите понравившийся, пролистав все возможные варианты в колонке слева. При выборе одного из вариантов, вы сможете увидеть, как будут выглядеть будущие страницы и что в них можно изменить.
  6. Измените содержимое презентации на собственное. Для этого выберите одну из страниц и редактируйте её на своё усмотрение, применяя различные параметры, предоставленные сервисом.
  7. Добавление нового слайда в презентацию возможно путём нажатия на кнопку «Добавить страницу» внизу.
  8. По завершении работы с документом скачайте его на компьютер. Для этого в верхнем меню сайта выберите пункт «Скачать».
  9. Подберите подходящий формат будущего файла, установите необходимые галочки в других важных параметрах и подтвердите скачивание нажатием на кнопку «Скачать» уже внизу появившегося окна.

Способ 4: Zoho Docs

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

Перейти к сервису Zoho Docs

  1. Для работы на данном сервисе необходима регистрация. Для упрощения вы можете пройти процесс авторизации с помощью Google, Facebook, Office 365 и Yahoo.
  2. После успешной авторизации приступаем к работе: создайте новый документ, нажав в левой колонке на надпись «Создать», выберите тип документа — «Презентация».
  3. Введите имя для вашей презентации, указав его в соответствующем окне.
  4. Выберите подходящий дизайн будущего документа из представленных вариантов.
  5. Справа вы можете видеть описание выделенного дизайна, а также инструменты для изменения шрифта и палитру. Измените цветовую гамму выбранного шаблона, если того пожелаете.
  6. Добавьте необходимое количество слайдов с помощью кнопки «+Слайд».
  7. Измените макет каждому слайду на подходящий, открыв меню параметров, а затем выбрав пункт «Изменить макет».
  8. Для сохранения готовой презентации войдите во вкладку «Файл», после чего перейдите в пункт «Экспортировать как» и выберите подходящий вам формат файла.
  9. В завершении введите название скачиваемого файла с презентацией.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

Создать презентации бесплатно — Простой онлайн-конструктор презентаций — Crello

Бесплатный редактор презентаций с модными шаблонами

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

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

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

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

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

Обычная презентация

Яркая презентация

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

Создать потрясающие изображения без затрат

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

Crello также содержит платные элементы, которые стоят $0.99 каждый. Это хорошее предложение, поскольку они загружаются в ваш профиль и их можно использовать безлимитно, добавляя в дизайны столько раз, сколько нужно.

Найти больше дизайнов для своих страниц в соцсетях

Создайте дизайн

crello.com

Как делать презентацию с помощью веб-технологий? / Журнал Хакер corporate blog / Habr

Все знают офисных монстров PowerPoint и Keynote, но почему-то мало кто с радостью в них работает. И действительно, что делать, если ты совсем не бухгалтер, а разработчик или просто гик и гораздо комфортнее чувствуешь себя в коде, чем в офисных пакетах? У меня для тебя хорошие новости: презентации уже очень давно можно делать прямо в браузере, а писать с помощью таких простых и знакомых вещей, как HTML, CSS или даже Маркдаун.

К каждому из нас приходит момент, когда нужно донести свои мысли до других. Не просто рассказать анекдотец коллеге, не пробубнить стишок про бурю-мглою, а сообщить что-то принципиально важное, объяснить сложную идею, поделиться опытом. И если самым талантливым из нас достаточно выйти на сцену и просто быть собой, как это делают участники TED, то большинству понадобится опереться на слайды. Свой первый раз у доски с маркерами я забыл напрочь, помню только, что переврал тогда ключевую идею доклада про блочную модель CSS.

Как это работает


Развитие веб-технологий уже давно увело нас от сайтов-документов, где единственным развлечением было ходить по синим ссылкам. Сегодня с помощью HTML, CSS и JavaScript можно не только сделать приложение, но и даже написать интерфейс для полноценной операционной системы, как в случае с Firefox OS.

Как это применить к презентациям? Ты просто пишешь презентацию в HTML, Маркдауне или даже в формате YAML, запускаешь результат в браузере, выходишь в полноэкранный режим и начинаешь свой рассказ. Такие презентации прекрасно слушаются пультов, позволяют анимировать переходы, вставлять картинки и видео, помимо привычного текста и списков.

Opera Show

Opera Show — первый формат для создания презентаций прямо в браузере. Ты можешь попробовать генератор презентаций Хокона Виума Ли. Документация в формате OSF 1.0 также доступна.

Самой ранней попыткой делать презентации прямо в браузере была система Opera Show, которая увидела свет в 2000 году. Система основывалась на том, что браузер Opera 4.0 переключает медиатип screen на projection при переходе в полноэкранный режим. Благодаря этому можно было очень легко добавить к статье новые стили, разбивающие ее на слайды, и переключаться между слайдами кнопками и .

<link rel="stylesheet" href="screen.css" media="screen">
<link rel="stylesheet" href="projection.css" media="projection">

Файл projection.css подключится только в полноэкранном режиме. Причем формат Opera Show работал без единой строчки JavaScript для переключения стилей или слайдов, демонстрируя всю мощь CSS и немного браузерной магии. И это неспроста: главным идеологом формата был технический директор Opera Software и изобретатель CSS Хокон Виум Ли.

S5

S5 — кросс-браузерное развитие идей Opera Show от Эрика Мейера, пример презентации. «S5» потому, что в полном названии целых пять букв S: Simple Standards-Based Slide Show System.

Спустя несколько лет другой патриарх CSS Эрик Мейер расширил возможности Opera Show и опубликовал в 2004 году первую версию движка презентаций под названием. Идея переключения браузера в режим презентации в полноэкранном режиме, предложенная Opera, не нашла поддержки в других браузерах, поэтому в системе S5 Мейер использовал JavaScript для переключения стилей презентации.

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

В дальнейшем систему S5 переписали на jQuery и назвали S6, а потом и вовсе написали генератор слайдов из вики-разметки на языке Ruby под названием S9. Но эти и другие проекты по мотивам S5 не получили развития и популярности.

Затишье и взрыв


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

И только когда CSS3 под руку с HTML5 начали свое триумфальное шествие по планете, произошел настоящий кембрийский взрыв: движки для презентаций в браузере начали появляться один за другим — от самых простых авторских до корпоративных.

CSSS

CSSS — система слайд-шоу Лии Вероу, использующая по максимуму возможности CSS. В полном названии CSS-based SlideShow System, как и в S5, тоже много букв S.

В 2010 году Лиа Вероу начала восхождение на олимп веб-разработки с презентации на конференции Front-Trends, для которой она специально написала движок CSSS. Презентация настолько понравилась публике, что Лиа в одночасье стала самым востребованным спикером на технических конференциях, а движок CSSS был опубликован на GitHub.

CSSS наследует идею S5 о максимальном использовании возможностей CSS для работы презентации, однако JavaScript-составляющая движка Лии поднимается на новый уровень. К движку были написаны JavaScript-плагины: один для подсветки кода и несколько для редактирования кода прямо на слайдах. Вторая группа плагинов позволяла Лии срывать овации, вживую редактируя код примеров со слайда прямо на самом слайде. Теперь это были не просто картинки на экране, а живой интерфейс для экспериментов.

Как и другие движки для презентаций этой волны, CSSS был совместим только с последними версиями браузеров, первое время движок Лии нормально работал только в ночных сборках ее любимого браузера Firefox. Но, как пишет Лиа, техническое окружение на конференциях всегда предполагает либо подключение собственного компьютера, либо современную версию одного из браузеров.

Reveal.js

Reveal.js — движок презентаций Хаким Эль-Хаттаба, привлекающий своей простотой, 3D-эффектами и специальным онлайн-сервисом для создания презентаций rvl.io.

Дело было в 2011 году, шведский разработчик Хаким Эль-Хаттаб готовил доклад про SVG к местной конференции и так заигрался с 3D-возможностями в CSS, что построил на них простой движок для презентаций. Назвал он его тоже просто: CSS 3D Slideshow. Трехмерные эффекты и двухуровневая навигация настолько полюбились публике, что движок получил развитие под новым названием Reveal.js. Проект обзавелся не только новым именем, но и другими серьезными вещами, вроде документации, поддержки сообщества и репозитория на GitHub, однако не утратил изначальной простоты: темное поле с высветом посередине, белые буквы по центру и впечатляющие 3D-пролеты. Но Хаким не успокоился на этом и сделал целый сервис, который позволяет создавать презентации на движке Reveal.js и хранить их на сайте.

Одна из интересных особенностей этого движка — возможность писать содержимое слайдов в формате Маркдаун. Конвертацией этого текста в HTML на лету занимается специальный скрипт.

Impress.js

Impress.js — движок презентаций Бартека Шопки с 3D-пролетами, развивающий подход Prezi «поверхность с идеями» с помощью открытых технологий прямо в браузере.

Презентация движка impress.js Бартека Шопки начинается провокационно: вам демонстрируют скучные белые слайды и задают вопрос «А не устали ли вы от однообразных презентаций?» — один слайд, второй, третий… и тут, при переходе на четвертый, все меняется. Вы оказываетесь на большой поверхности, где хитрым образом разбросаны все идеи, составляющие презентацию, и переход к следующей сопровождается замысловатым пролетом, от которого захватывает дух.

Появившийся в 2011 году движок impress.js развивает подход «поверхности с идеями» сервиса для создания презентаций Prezi и соединяет ее c новыми доступными в браузерах технологиями, используя анимацию и 3D-возможности CSS, как Reveal.js. И если Prezi — это коммерческий сервис на закрытой платформе Flash, то impress.js — это открытая библиотека, работающая прямо в браузере без плагинов и тарифных планов.

Шаблоны Google

Шаблон для Google I/O — это корпоративный движок для презентаций от Google, с тщательно проработанными стилями, отдельным окном для заметок докладчика. Он прекрасно подходит для технических докладов. Предыдущая версия этого шаблона выглядит менее корпоративно.

Если тебе до сих пор кажется, что презентации в браузере — это удел технологов-одиночек, которые состязаются друг с другом в энтузиазме и любви к новым технологиям, то ты ошибаешься. Одна из крупнейших мировых корпораций Google, которая принесла в наши браузеры полноценный офис в виде Google Docs, давно экспериментировала с движками презентаций. И если для массового пользователя это обернулось возможностью создать и показать презентацию из Google Docs прямо в браузере, то технологи Google использовали несколько версий собственных движков для выступлений на конференциях Google Developer Day и Google I/O.

Самой последней версией «корпоративного» движка презентаций Google стал шаблон, который подготовили для выступлений на ключевой конференции Google I/O 2012. Этот шаблон позволяет использовать все мыслимые типы содержимого: от простого текста и фрагментов кода до сложных таблиц и пай-чартов. Вы можете даже вывести отдельное окно браузера на второй монитор и получить на нем заметки к слайдам и обзор текущего и следующего слайдов, прямо как во взрослых настольных системах.

Лирическое отступление


Здесь приходит время поделиться личным опытом. Свой первый доклад ваш покорный слуга прочитал в 2007 году на конференции РИТ, а сделал его в Adobe Illustrator: это был огромный документ 1600 на 7800 пикселей, который открывался несколько минут, нещадно тормозил и в итоге печатался в PDF. Illustrator был, надо признаться, самым неудобным средством для создания презентаций, которым я когда-либо пользовался. Здесь нужно взять скорбную паузу.

Потом была попытка воспользоваться шаблонами PowerPoint, от которых сводило зубы, недолгая интрижка с Keynote (Apple ведь не может сделать плохо, так ведь?). И в конце концов я пришел к простой мысли: если я технолог и рассказываю про технологии, про их огромную мощь и потенциал, то негоже мне использовать инструменты, противоречащие моим собственным идеям.

INFO

Web Standards Days — это бесплатная конференция по фронтенд-технологиям, которая проводится с 2009 года сообществом «Веб-стандарты» в Минске, Киеве, Петербурге, Москве и в других городах.

В 2009 году сообщество «Веб-стандарты» провело в Минске первую конференцию Web Standards Days, на которой я выступал с докладом про веб-шрифты, и работало это прямо из браузера. Попытка получилась успешной, хоть и работала эта презентация по системе Opera Show, понятное дело, только в браузере Opera. Прошло два года, прежде чем этот движок развился во что-то настолько интересное, чтобы захотелось поделиться с другими.

Shower

Shower— мой движок презентаций с режимом просмотра слайдов, с темами, отделенными от движка, и с широкой кросс-браузерностью. Название — это игра слов: на логотипе изображен душ, но «shower» — это еще и «тот, кто показывает».

В 2011 году на том же РИТе прозвучала премьера моего доклада «Верстка со смыслом» и впервые был продемонстрирован публике новый движок презентаций Shower. Главной фишкой движка были два режима: один со списком слайдов, второй — презентационный. Shower принципиально разделяет движок и темы оформления для слайдов, поэтому с помощью темы презентацию можно изменить до неузнаваемости.

В комплекте с Shower идут две темы Ribbon и Bright, которые хотя и работают менее эффектно, чем пролеты Impress.js, но зато создают условия, в которых сделать плохую презентацию становится сложнее: текста на слайд помещается не очень много, он крупный и контрастный, картинки удобно вписываются во весь размер слайда. Кросс-браузерность здесь, в отличие от многих других движков, на высоте: в темах просто не используются возможности, которые не поддерживаются последними стабильными версиями популярных браузеров.

Shower уже был замечен на конференции Fronteers, в презентациях разработчиков Яндекса, Одноклассников, Злых Марсиан и многих других. Но настоящим признанием для меня как автора стало выступление Хокона Виума Ли, автора Opera Show, на конференции SXSW 2012: Хокон использовал Shower для своего доклада.

Заключение

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

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

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

WWW

В Википедии есть целая статья Web-based slideshow с обзором всех систем презентации, работающих в браузере. Отдельного внимания заслуживает статья Луиса Лазариса и обзор пяти лучших систем HTML-презентаций на SitePoint.


Впервые опубликовано в журнале «Хакер» от 05/2013.
Автор: Вадим Макеев, евангелист компании Opera, pepelsbey

Публикация на ISSUU.com

Подпишись на «Хакер»

PS Можете поделиться знаниями и интересными идеями, написав для ][? Дайте знать :). Мы платим гонорары, но это не должно быть главной мотивацией.

habr.com

🌟3 способа открыть PowerPoint-презентацию без PowerPoint🌟


Вопрос: как открыть PowerPoint-презентацию без PowerPoint? Например, если у вас нет пакета Microsoft Office или не открывается файл, созданный в более новой версии программы.

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

1. Google Презентации

У Google Презентаций знакомый простой интерфейс, поэтому работать в сервисе удобно. Файлы PowerPoint, загруженные в этот сервис, можно и смотреть, и редактировать онлайн. Презентацию даже можно создать с нуля с помощью базовых тем, анимаций и шаблонов. Однако посмотреть слайды с анимациями, триггерами, аудио и видео не получится: сервис от Google показывает только статичные презентации.

Пользователи Google Презентаций могут хранить материалы онлайн и делиться ими по ссылке или через embed-код. Последняя опция не предусматривает защиты от копирования: если вы вставили презентацию на сайт – каждый сможет сделать то же самое. Нет здесь и статистики, то есть можно делиться презентациями и другими файлами, но нет возможности узнать, как пользователи взаимодействуют с ними.

Вот пример PowerPoint-презентации, загруженной в сервис Google.

2. iSpring Cloud

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

Попробовать iSpring Cloud бесплатно →

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

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

Смотрите пример презентации, загруженной в iSpring Cloud.

3. SlideShare

Это еще один сервис, который поможет вам открыть PowerPoint-презентацию онлайн. SlideShare – проект LinkedIn, в котором профессионалы делятся контентом, чтобы сформировать репутацию и создать больше возможностей для карьеры.  Зайти в сервис можно с помощью аккаунта в LinkedIn.

SlideShare отображает загруженные презентации в виде статичных слайдов; поддержки мультимедиа, анимаций и триггеров здесь нет. Качество текста и изображений довольно низкое: презентации сохраняются в виде растровых изображений с разрешением всего 720 x 480 пикселей.

Эту платформу можно использовать для создания простых презентаций. PPTX-файлы, загруженные в SlideShare, можно смотреть, но нельзя редактировать онлайн.

Посетители SlideShare могут лайкнуть презентацию, поделиться ей или скачать. Поделиться файлом можно одним из четырех способов: по email, ссылкой, с помощью embed-кода или шорткода для wordpress. Защитить презентацию от копирования при вставке на сайт нельзя, но есть возможность отслеживать сайты, на которых используется презентация. Сервис поддерживает статистику по общему числу просмотров, лайков, скачиваний, комментариев и других параметров.

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

Google ПрезентацииiSpring CloudSlideShare
Эффекты движенияЧастичная поддержкаПолная поддержкаНе поддерживаются
 
 

Образцы слайдов

  

Заметки к слайдам

  

Короткие ссылки

 

Защита embed-кода

 

Онлайн-редактирование

 

Качество графики

   

Вывод

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

Если вам понравилась статья, дайте нам знать  —  нажмите кнопку Поделиться.

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

www.ispring.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о