Создаём онлайн-презентации или обзор сервиса Slides от @zaguzin

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

Всё возникло с идеи создать онлайн-гид по платформе Голос. Сказано - сделано. (Правда до конца ещё не доделано). Некоторое время я отдал поиску различных вариантов, но в конце концов остановился на сервисе Slides. Заранее прошу простить за некоторую кривизну моих скриншотов.

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

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

Итак, вы зарегистрировались на ресурсе. После этого вы можете перейти в профиль и начать творить.

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

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

...и выбрать стиль оформления. К сожалению, в бесплатной версии редактор CSS и шрифтов недоступен.

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

Давайте добавим текст и настроим его оформление.

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

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

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

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

У линии также доступен выбор стиля оформления. Доступен выбор ширины, цвета, стиля начала и окончания линии. Можно сделать, например, стрелку.

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

Добавление кода собствено добавляет объект, в котором будет написан код. Можно выбрать ЯП и тему оформления, как и другие параметры. С формулами дело обстоит похоже.

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

Добавление слайдов доступно нажатием "Плюс" справа и внизу, а в сортировке можно поменять их местами.

После создания презентации можно поделиться ей с другими в меню "Share", в том числе и в полноэкранном режиме, отправить на почту и т.п.

Или экспортировать в html.

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

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