33 лучших онлайн-конструктора сайтов, презентаций, визиток и многого другого
Сервисы, которые помогут вам реализовать свои идеи: создать собственный сайт, собрать презентацию или подготовить изображения для публикации в интернете. И всё это — без помощи профессионального дизайнера или разработчика.
Онлайн-конструкторы сайтов: лендингов, интернет-магазинов, блогов, портфолио
1. Tilda Publishing
Тут вы сможете быстро создать портфолио, лендинг курса, лонгрид, блог, интернет-магазин. Все блоки спроектированы дизайнерами, поэтому собрать из них что-то непривлекательное — непростая задача. А если идею не получается реализовать стандартными средствами, можно сделать собственные блоки с помощью встроенного графического редактора Zero Block.
2. Readymag
Сервис для создания интерактивных историй, журналов, портфолио. Можно работать по готовым шаблонам или создавать собственные. Кроме стандартных элементов (текста, изображений, простых форм), на страницу можно добавить ленту Twitter или Facebook, слайд-шоу и собственный код.
Как и в случае с Tilda, создавать веб-публикации можно бесплатно, но некоторые функции доступны только за деньги.
3. Wix
Удобный конструктор с большим выбором шаблонов, разбитых по категориям. Сайт собирается не из готовых блоков, а из элементов, каждый из которых можно настраивать. Есть и дополнительные возможности: помощь и подсказки на русском языке, подключение домена, поисковая оптимизация.
4. uKit
Ваш вариант, если нужен сайт для бизнеса. Можно не только собрать страницу, но и подключить хостинг, купить домен, привязать платёжные сервисы, добавить виджеты, подготовить мобильную версию и изучать статистику.
5. LPmotor
Платформа для создания лендингов. LPmotor проигрывает Tilda или Readymag в плане дизайна, а сервисам вроде Wix или uKit — по количеству возможностей и функций. Но собрать продающую страницу довольно легко. Здесь очень много блоков, которые можно менять на свой вкус.
6. LPgenerator
На этом сайте вы сможете собрать лендинг для бизнеса. Есть возможность протестировать страницу, подсчитать конверсию, проанализировать трафик и интегрировать страницу с другими сервисами. Например, с «Битрикс24», «Мегапланом» или MailChimp.
7. About.me
Сервис для создания простого сайта-визитки. Вам нужно только указать имя, род занятий, интересы, добавить биографическую справку и выбрать один из трёх возможных вариантов дизайна.
8. Adobe Spark Page
Инструмент для создания веб-публикаций. Добавляете свои фотографии, видео и текст, анимацию и тему. А в результате получаете красивую страницу, которой можно поделиться с друзьями.
9. Quirl
Сервис для создания документов в интернете: лонгридов, отчётов, презентаций, коммерческих предложений. Представляя свои идеи с помощью разных графических средств, вы сможете эффективнее доносить свои идеи до других.
10. Webflow
Мощный конструктор сайтов для создания страниц с адаптивным дизайном. Подходит профессиональным дизайнерам и разработчикам, которые смогут быстрее выполнять часть своих задач в онлайн-редакторе.
11. Unbounce
Профессиональный инструмент для создания лендингов, целевых страниц и проведения A/B-тестов. На выбор пользователю предлагается 125 готовых шаблонов. Помимо визуального редактора, есть ещё несколько полезных инструментов: генератор лидов, отображение статистики в реальном времени, менеджер сценариев, интеграция с другими сервисами.
12. Squarespace
Очень классный конструктор в плане дизайна. Демоверсии сайтов продуманы до мелочей. Поэтому вам, по сути, остаётся только выбрать подходящий дизайн и наполнить его своим контентом.
13. Exposure
Создание сайтов для фотографов, дизайнеров интерьеров и обычных пользователей, которые хотят поделиться своими фотоисториями. Все шаблоны спроектированы так, чтобы не отвлекать читателей от главного — изображений.
Онлайн-конструкторы презентаций
14. «Google Презентации»
Если вы работаете с «Google Документами», то наверняка оцените главные достоинства этого сервиса: возможность создавать презентации в браузере и всегда иметь к ним доступ с любого устройства, автоматическое сохранение и совместимость с привычным PowerPoint.
15. Prezi
Шаблоны Prezi разработаны так, чтобы была видна структура и логика вашего доклада. Анимации добавляют рассказу динамику и не дают аудитории заскучать.
16. PowToon
Сервис для создания видеопрезентаций с интуитивным интерфейсом.
17. Slides
Онлайн-редактор презентаций, отличающийся большим выбором шаблонов с минималистичным современным дизайном. Готовую презентацию можно сохранить в формате PDF или распечатать.
18. Swipe
Интерактивные презентации, позволяющие взаимодействовать с аудиторией. На Swipe стоит обратить внимание преподавателям: в презентацию можно вставлять вопросы, на которые читатели смогут отвечать в реальном времени.
19. Haiku Deck
Предназначен для создания максимально простых презентаций. Один слайд — одна идея.
20. SlideCamp
Коллекция слайдов с графикой. Их можно просмотреть и вставить в свою презентацию в PowerPoint.
21. FlowVella
Для воспроизведения во время презентаций разноплановой информации: текста, диаграмм, видеозаписей, галерей. По сути, презентация, сделанная с помощью FlowVella, — это интерактивное приложение для iPad, продуманное до деталей и со вкусом оформленное.
22. LiveSlides
Ещё один сервис, чтобы добавить интерактива в презентацию. Например, начать доклад с видео на YouTube, затем провести небольшой опрос слушателей (они смогут проголосовать с мобильных телефонов), добавить живую ленту Twitter, а закончить сессией вопросов и ответов в реальном времени.
23. Visme
Создание интерактивных презентаций. Простой интерфейс, тысячи изменяемых шаблонов, возможность совместной работы над проектом, аналитика и хранение готовой презентации в облаке.
24. Slidebean
Загружаете контент, задаёте понравившийся дизайн и смотрите, что получилось в итоге. Подкупает, что от пользователя требуется минимум усилий. Сервис для тех, кто делает презентации в последний момент.
25. Deckset
Превращает ваши заметки в красивые слайды.
Графические онлайн-конструкторы
26. Canva
Веб-сервис для создания слайдов, визиток, постеров, открыток и изображений для социальных сетей.
27. Rocketium
Загружаете текст и картинки, выбираете музыку и дизайн, добавляете анимацию и переходы, а на выходе получаете красиво оформленное видео.
28. Pablo
Помогает готовить изображения для публикации в социальных сетях. Просто заходите на сайт, выбираете картинку для фона или загружаете свою, добавляете цитату и определяетесь со шрифтом.
29. Adobe Spark Post
Это Pablo и Rocketium одновременно. Инструмент для подготовки видео или изображений к публикации в Instagram, Twitter, Facebook.
30. Snappa
Ещё один конструктор, работающий по тому же принципу: вы выбираете дизайнерский шаблон, добавляете свой текст и можете делиться готовой картинкой в социальных сетях.
31. Recitethis
Максимально простой редактор для оформления цитат.
32. Piktochart
Инструмент для создания инфографики по готовым шаблонам.
33. Infogr.am
Сервис для создания графиков, диаграмм, инфографик и интерактивных карт.
Как сделать онлайн просмотр документов
Первый рабочий день. Первая задача в Redmine. Первая спецификация в формате doc. На новой рабочей машине. К чтению спецификации удалось приступить часа через 3. Пока скачался и установился MS Office. Вспоминая этот случай, я был уверен, что в нашей системе управления задачами надо сделать онлайн просмотр документов. Вот только идей по реализации за разумное время и трудозатраты не было. Недавно мы нашли способ – Microsoft Office Web Apps.
В этой статье пойдет речь о том, как добавить онлайн просмотр документов в любой продукт.
Общее представление
Office Web Apps Server(далее OWA) – веб-версия популярного офисного пакета приложений, включает в себя облегченные браузерные приложения Word, Excel, PowerPoint и OneNote.
Доступен для бесплатного скачивания и использования в режиме просмотра документов.
Посмотреть на OWA в действии можно на OneDrive. Несколько документов в режиме чтения:
- Word
- PowerPoint
- Excel
- OneNote
OWA ставится на отдельный физический сервер и отвечает только за отображение документов в браузере. Вся логика по организации хранения файлов ложится на Ваше приложение. Взаимодействие между OWA и хранилищем происходит через WOPI API, который придется реализовывать.
Устанавливается с помощью визарда и кнопки некст.
После успешной установки по адресу HTTPS://OWA-server/hosting/discovery будет xml-описание поддерживаемых приложений, действий и url-шаблоны доступа:
Здесь много скрыто за многоточиями. Но по оставшимся действиям видно, что поддерживаются как документы в формате Microsoft Office, так и Open Office. Помимо просмотра(view) можно открывать документы и на редактирование(edit). Есть мобильная версия(mobileView). OWA умеет генерировать предпросмотр первой страницы документа в виде изображения(imagepreview) и предпросмотр всех страниц документа(interactivepreview).
Предположим, мы хотим отобразить в браузере Word документ с расширением docx. Находим url-шаблон:
HTTPS://OWA-server/wv/wordviewerframe.aspx?
В угловые скобки(<>) заключены опциональные параметры:
- UI_LLCC – предпочитаемый язык в интерфейсе OWA;
- DC_LLCC – предпочитаемый язык, когда он может повлиять на отображение документа;
- Showpagestats – отображение служебной статистики.
К данному url нам надо добавить параметр WOPISrc, по которому OWA запросит документ из нашего хранилища, и параметр access_token, который будет передаваться вместе с запросом файла для авторизации.
В итоге будет URL вида HTTPS://OWA-server/wv/wordviewerframe.aspx?WOPISrc=https%3A%2F%2Fmy-wopi-host%2Fwopi%2Ffiles%2FDocument.docx&access_token=0bf6fe96-3510-4105-ac4c-2656f1f14579 (*)
WOPI(Web Application Open Platform Interface) – RESTful API, который определяет набор операций для доступа и модификаций файлов на нашем файловом хранилище. Работает через HTTP/HTTPS.
Я подготовил пример простейшего хранилища файлов с минимально необходимыми для просмотра документов операциями из WOPI. Проект на ASP.Net MVC 5. Но ничего не мешает использовать любой другой фреймворк и язык программирования.
Откроем в браузере полученный нами чуть ранее URL (*).
Первым делом OWA вызовет метод CheckFileInfo доступный по адресу HTTP://server/ /wopi*/files/ ?access_token= .
Реализация метода:
Здесь возвращаются только обязательные параметры. Это информация о файле. Еще ряд опциональных параметров описывают, например, можно ли редактировать файл и как, информацию об авторе, поддержку работы с папками, информацию о правах пользователя, нужно ли защищать файл от копирования и тд. Все конфиги описаны здесь.
Если метод успешно отработал и вернул корректные данные, OWA запросит сам файл по адресу HTTP://server/ /wopi*/files/ /contents?access_token= .
Отдаем файл:
Собственно все, мы написали необходимый функционал для показа файлов!
Железо
Самое узкое и затратное место во всей этой идее.
Минимальные системные требования:
- 8 ГБ ОЗУ;
- 64-разрядный четырехъядерный процессор;
- 80 ГБ на диске.
Утверждается, что 8ми ядерный сервер с 8ю ГБ ОЗУ выдерживает нагрузку в 10 000 пользователей. А 16и ядерный с 16 ГБ ОЗУ – 20 000 пользователей.
Поддерживаемые операционные системы:
- 64-разрядный Windows Server 2008 R2,
- 64-разрядный Windows Server 2012 Standard или Datacenter
Ставится на отдельный физический или виртуальный сервер. При этом другие серверные приложения(например, MS SQL Server) устанавливать на этот же сервер нельзя.
Сервер обязательно должен быть частью домена, в противном случае OWA просто не установится, я пробовал. Также OWA не будет работать, если установить его на контроллер домена.
А можно ли редактировать документы в браузере?
OWA поддерживает редактирование, но бесплатно можно использовать только просмотр документов. Редактирование требует лицензию.
По умолчанию режим редактирования выключен. Но его можно в любой момент включить. Редактирование PowerPoint и Excel документов работает через WOPI. А вот для Word придется реализовывать FSSHTTP.
18 онлайн-сервисов для создания презентаций
Функционал PowerPoint ограничивает? Или вы привыкли работать онлайн, не запуская программы на ПК? С помощью этой подборки из 18 онлайн-инструментов вы создадите отличные слайды. А вашу презентацию будут шерить в закрытых чатах топовых маркетологов и показывать внукам.
Paste
Платформа для создания презентаций с интерактивными элементами. Можно импортировать уже готовые проекты PowerPoint. Упрощает работу возможность совместного доступа к проекту, чат для команды.
На бесплатном тарифе все проекты будут в публичном доступе.
Swipe
С помощью Swipe презентации можно сделать максимально интерактивными: добавлять опросы, узнавать мнения, просто поделившись ссылкой на презентацию. Благодаря маркдаун-разметке, слайды могут адаптироваться под любое устройство, и просмотреть презентацию можно как со смартфона, так и с большого экрана. В остальном – ничего лишнего, только необходимое.
Emaze
Здесь можно генерировать не только презентации и открытки, но и полноценные сайты. Включает в себя шаблоны с визуальными эффектами, разработанные профессиональными дизайнерами. В презентации можно вставлять видео, анимацию, настраивать эффекты, импортировать эти презентации в блог.
Crello
Инструмент для создания визуальных материалов. Crello имеет набор готовых шаблонов для постов в соцсетях, онлайн-рекламы и типографии, а ещё огромную библиотеку изображений.
Google Slides
Простой и удобный онлайн-сервис создания презентаций. Здесь есть шаблоны для презентаций, фотоальбомов, приглашений, отчётов, резюме. Креатива Слайды Google не предложат – шаблоны стандартные и поднадоевшие.
Powtoon
Этот сервис создан для видеопрезентаций. В зависимости от направления деятельности, можно найти разные шаблоны: для бизнеса, образования, личного применения. Музыкальный фон, анимация, видео – всё это доступно на Powtoon.
Storyboarder
Как следует из названия, презентации можно создавать в виде сториборда. Для этого можно использовать готовые фото или рисовать от руки. Кадр за кадром, можно создать выразительную анимацию. Это не просто полезный инструмент, это ещё и увлекательное занятие!
Beautiful.ai
Здесь можно создать презентации любого уровня – от простенького фотоальбома до полного описания проекта с изображениями, графиками и диаграммами. Как и везде, тут достаточное количество готовых шаблонов, но есть интересное – дизайн слайдов автоматически адаптируется к контенту в зависимости от его типа.
Readymag
Очень мощный инструмент, включающий в себя бесплатные наборы шрифтов и иконок, анимацию и многое другое. Кроме создания презентаций, для которых существует масса шаблонов, включены такие функции, как установка доменного имени и URL страниц ваших проектов, их аналитика и защита паролем. Меняйте код на своё усмотрение, работайте командой, продвигайте контент с помощью SEO – собирайте полноценные сайты на Readymag.
Knovio
Здесь предлагают настройки в зависимости от направления: для обучения, маркетологов, бизнес-тренингов. Из функциональных возможностей – редактирование видео, контент можно записывать со своей камеры и микрофона.
Созданные продукты можно экспортировать в YouTube, Vimeo и другие ресурсы и даже стримить.
Sl > 
Облачный сервис с приятным дизайном и хорошим функционалом. Над презентацией можно работать командой, где каждый видит исходные и изменённые версии, может оставлять комментарии. А ещё Slides – единственный инструмент создания презентаций полностью открытого формата. Можно работать с исходным кодом презентации на HTML, CSS и JavaScript.
Haiku-deck
Простой и понятный инструмент для создания презентаций. Он не самый мощный, зато с ним легко разобраться без какой-либо подготовки. Стандартный набор функций, возможность настраивать просмотр презентаций (личный, ограниченный, свободный), возможность сохранения в PDF – быстро и просто.
Slidedog
Оригинальный инструмент для создания презентаций, который поддерживает все современные форматы и содержит облачные технологии. В этом сервисе применяется так называемый «принцип плейлиста». Приложение может объединять PDF, видео, данные таблиц Excel и даже готовые презентации PowerPoint и Prezi. Презентация в презентации – как вам такое?
Canva
Этот сервис позволяет создавать презентации как полностью самим, так и на основе готовых шаблонов. Дизайн-макеты для соцсетей, логотипы, флаеры, резюме, пригласительные и многое другое – в Canva.
Rawshorts
Этот сервис предназначен для создания видеопрезентаций. Можно добавлять в видеоролик текст, анимацию, изображения, аудио – и всё это интуитивно просто. Кириллица поддерживается.
Сохранить готовый результат на устройство можно после оплаты тарифа.
Piktochart
Это веб-приложение разработано для создания инфографики. Кроме изображений, тут есть таблицы, графики и даже географические карты, на которые можно наносить данные. Как утверждают сами разработчики, приложение не сделает за вас профессиональную презентацию, но продукт не будет выглядеть дешёвой поделкой. В бесплатной версии есть 10 шаблонов и полный набор функций.
просмотреть готовую презентацию можно в JPG или PNG. Экспорт в PDF возможен на оплаченном тарифе.
Prezi
Анимированные презентации, представляющие собой слайдшоу на одном большом холсте – это Prezi. В них можно добавлять музыку и эффекты (например, приближение или поворот), настраивать переходы между кадрами. Язык сервиса – английский, но разобраться интуитивно просто.
В бесплатной версии (тариф Basic) есть возможность создания 3 презентаций, либо 14 пробных дней. После оплаты можно создавать приватные презентации, вставлять видео и демонстрировать презентации офлайн. Доступна аналитика, с помощью которой можно проверить статистику по каждому слайду.