7 конструкторов для создания портфолио / Полезное в сети / Постовой
Цель нашего сегодняшнего обзора — познакомить вас с некоторымиинструментами для создания (конструирования) веб-страниц и сайтов в целом, и помочь подобрать конструктор сайтов, наилучшим образом подходящий для решения конкретной задачи. На рынке присутствуют довольно много разных и достойных инструментов, но выбор наиболее подходящего для конкретной задачи может оказаться далеко нетривиальным.
Для того, чтобы облегчить его мы проанализировали 7 конструкторов, оценивая каждый из них по следующим критериям:
- Легкость использования — разработчик не должен тратить много времени на освоение продукта. Конструктор должен быть интуитивно понятный, а документация доступна
- Индивидуальные настройки — возможность настройки инструмента под свои привычки и потребности вещь, безусловно, хорошая, но чрезмерная «кастомизация» снижает простоту использования.
- Универсальность – если вас наняли редактировать существующий сайт, вам не придется изучать новый инструмент, если ваш способен решить ее столь же эффективно
- Стоимость — всем хочется иметь бесплатный продукт отличного качества, но получить больше возможностей за разумную цену тоже мало кто откажется.
Cornerstone
Cornerstone — инструмент, устанавливающий новый стандарт конструкторов сайтов. Он доказывает, что создание сайта может быть легким и приятным занятием и занимать совсем немного времени.Этот конструктор — разработка известной команды Themeco и впервые он был представлен в составе уже популярной на тот момент темы X Theme. Однако, даже самые закостенелые в своих пристрастиях разработчики были поражены легкостью и эффективностью нового инструмента и на волне успеха Themeco решила распространять это продукт отдельно.
Интерфейс Cornerstone позволяет наблюдать результаты вносимых изменений в реальном времени, причем вносить изменения можно как при помощи инспектора объектов, так и прямым редактированием кода — результат отображается мгновенно. Забудьте те времена, когда вы кодировали в back-end, а результат работы проверяли во front-end!
Неоценимую помощь окажет обширная библиотека готовых элементов — уже сейчас их 42 и это не предел. Ну и в качестве вишенки на торт — конструктор оптимизирован для работы с темой X Theme, но работает он с ЛЮБОЙ!
Стоимость: $35
SnapPages
Простой и мощный. Это про SnapPages. Без лишних «наворотов», но полностью отвечающий критериям, которые мы сформулировали вначале.Название конструктора (от англ. snap — легко, просто) отражает его идеологию — быстрое и легкое создание страниц, без необходимости кодирования вручную. В итоге разработчик получает готовый веб-сайт с адаптивным интерфейсом, четким и хорошо структурированным кодом.
Кроме того SnapPages поддерживает работу с тачскринами, что вкупе с облачными технологиями дает возможность вести разработку с любого устройства и в любом месте
Стоимость: от $12 в месяц
XPRS
Конструктор XPRS от компании IMCreator самый, пожалуй, инновационный продукт в нашем обзоре. С одной стороны он поддерживает классический подход с использованием макетов и тем, с другой позволяет «нарезать» страницу на блоки-полоски, которые можно перемещать, выключать, менять местами и т.п.XPRS напоминает конструктор LEGO — и не только тем, что вы создаете нечто целое из отдельных блоков, но и тем, что процесс этот быстр и увлекателен.
XPRS имеет несколько тарифных планов, начиная со стандартной подписки $350 в год. За эти деньги вы сможете создавать неограниченное количество сайтов — никаких ограничений, никаких скрытых или дополнительных платежей.
Стоимость: от $350 в год
AllYou.net
Создание хорошо структурированного портфолио с профессиональным дизайном требует значительных затрат сил и времени. AllYou.net — отличное решение для дизайнеров-профессионалов, которые чувствуют себя не столь уверенно в механике работы интерфейса.Этот замечательный инструмент позволяет создавать страницы во front-end, предоставляет полную свободу в редактировании любого элемента (менять шрифт, цвет, стиль и т.п.) и интеграцию с различными сервисами и инструментами, такими как Vimeo, YouTube, Soundcloud или Issuu.
Стоимость: от $8 в месяц
Divi Builder — конструктор страниц для WordPress
Впервые Divi Builder явился миру как составная часть весьма популярной темы Divi. Однако разработка оказалась настолько удачной, что авторы, Elegant Theme, решили развивать его как самостоятельный продукт.Divi Builder интересный и инновационный продукт, который сложно описать несколькими предложениями. Да и нужно ли? Посетите его домашнюю страницу и попробуйте «вживую». Он действительно впечатляет!
Кстати. не стоит переживать по поводу его совместимости с вашей темой — он работает с любой темой WordPress.
Стоимость: от 96$ в год
Themify Builder — конструктор страниц для WordPress
Themify Builder самый, пожалуй, мощный и многофункциональный конструктор страниц для WordPress. Никаких ограничений в макетах и темах — если вы не найдете подходящий макет из 40 готовых вы легко можете создать свой собственный.С Themify Builder скорость создания страниц практически определяется скоростью, с которой вы сможете перетаскивать элементы и изменять их свойства.
Особенно хорошо с Themify Builder удаются портфолио с впечатляющими анимационными переходами, параллакс-эффектом и ведоматериалами.
Стоимость: от 39$ (Есть бесплатная версия)
Portfoliobox
В отличие от других конструкторов страниц Portfoliobox не имеет определенной базовой темы. В вашем распоряжении макеты, темы и… ваше воображение. При помощи этих компонентов можно создавать неограниченное количество уникальных сайтов не написав ни единой строчки кода! Блоги, портфолио, интернет-магазины — начните создавать это уже в бесплатном аккаунте. А когда вам понадобятся более широкие возможности, вы всегда сможете перейти на платную версию.Стоимость: от $6.9 в месяц
Online сервисы
Сервисом воспользовались 758671 раз(а)
Предлагаем Вашему вниманию набор программ для создания и обработки графики.
Все они рассчитаны для печати на принтере в домашних условиях .
Работа в них осуществляется непосредственно через браузер.
Возможности онлайн сервиса
Портфолио ученика
В первую очередь конструктор портфолио ученика будет интересен учителям , родителям и ученикам.
Превратить создание портфолио в увлекательную игру поможет наш «онлайн редактор портфолио ученика».
«Читать далее»
Конструктор визиток
Визитки своими руками !
Создайте свою собственную визитку используя готовые шаблоны в онлайн конструкторе визити.
Скачайте и распечатайте.
«Читать далее»
Фото на документы Онлайн
Сэкономить и сделать фото на документы не выходя из дома!
Скачайте и распечатайте
«Читать далее»
Грамоты, дипломы, благодарности.
Хотите вручить диплом или грамоту ?
Теперь это стало проще и доступнее!
Создайте в редакторе: грамоты, дипломы, благодарности.
Скачайте и распечатайте
«Читать далее»
Фоторамки Онлайн
Создать фоторамку в 3 шага
Размер фоторамки 1222 x 565 px Формат img.JPEG
Скачайте и распечатайте.
«Читать далее»
Онлайн фоторедактор
Бесплатный, простой и понятный редактор для быстрого редактирования фото.
Реализованы Фильтры Изображения как в Instagram
Встроенна коллекция клипарта.
«Читать далее»
Конструктор расписания уроков
Ученикам начальной и средней школы а также для их родителей.
Скачайте и распечатайте.
«Читать далее»
Конструктор календаря
Используя конструктор календаря, вы без труда сможете создать свой собственный уникальный календарь на год.
«Читать далее»
Анализ сайта
Экспресс анализ любой страницы для дальнейшей оптимизации..
ПЕРЕЙТИ НА РЕСУРС
Все Ваши пожелания, предложения и рекомендации по улучшению работы нашего сайта Вы можете оставить здесь
Бесплатный конструктор блогов, портфолио и галерей для дизайнеров, фотографов, учителей.
Проект Hello-site.ru представляет очередной бесплатный конструктор, который пригодится для талантливых и креативных людей, занимающихся фотографией, дизайном, артом и другими видами художества. Также конструктор будет полезен для блоггеров, которые смогут завести свой персональный онлайн-дневник или блог, в котором будут размещать свои посты и записи. Конструктор позволит собрать симпатичный и достаточно функциональный сайт, который будет представлять ваши фотографии, работы, образы, идеи, да все, что угодно. От обычной галереи ваших домашних животных и портфолио свадебного фотографа или дизайнера до креативного объявления о продаже вашего автомобиля или целой витрины с продукцией вашего магазина.
Важные особенности и преимущества нашего сервиса над другими конструкторами сайтов:
- Абсолютно бесплатный конструктор сайтов и неограниченное количество аккаунтов
- Размещение сайта на нашем домене
- Неограниченное количество постов, записей, изображений и ютуб видео
- Простое и удобное управление контентом с помощью онлайн-документа в виде Excel
- Адаптивные и кроссбраузерные шаблоны на технологиях HTML5 и CSS3
- Сервисы социальных кнопок для сайта
Стильные и современные шаблоны портфолио и галерей на технологиях HTML5 и CSS3 с адаптивной и кроссбраузерной версткой будут поддерживаться на любых устройствах. Ссылки на ваши аккаунты в социальных сетях и кнопки «Поделиться». Фотографии(+ названия, описания и даты), которые можно посмотреть с помощью динамичного слайдера-просмотрщика. Все, что нужно для современного сайта-портфолио и сайта-галереи.
Шаблоны блогов:
Если вас заинтересовал данный сервис, и вы желаете завести блог, портфолио или галерею, предлагаем ознакомиться с инструкцией:
Инструкция
Адрес вашего блога будет иметь вид: ‘http://hello-site.ru/helloblog/ваш_логин/’. Для регистрации вам понадобится ник или символьный код на латинице, личная почта, аккаунт от Google и документ «Таблица» от Google Docs. Контент будет управляться с помощью внешнего документа-таблицы в Google Docs, поэтому вам необходим аккаунт от Google.
Пост содержит 1 изображение или 1 видео из youtube.com, название, описание и дату. Все поля необязательные. Особенность нашего сервиса в том, что изображения заполняются из внешних ресурсов: из соц. сетей и других интернет-ресурсов. Предлагаем грузить изображения из соц. сети Вконтакте, так как это очень удобно и беспроблемно. Некоторые ресурсы и сайты запрещают загружать изображения с их серверов, поэтому рекомендуем загружать изображения в Вконтакте, а потом на свой блог. Видео поддерживается только из Youtube.com.
Общий процесс регистрации и заполнения сайта:
- Регистрация аккаунта в Google и авторизация.?
- Создание документа «Таблица» в Google Docs? ?
- Копирование шаблона документа?
- Регистрация аккаунта в нашем сервисе?
- Заполнение контента и настройка шаблона блога в созданном документе?
Регистрируем отдельный аккаунт (электронную почту) от Google.com для того, чтобы получить возможность создавать онлайн-документ «Таблица» в сервисе Google Docs.
После авторизации в Google.com переходим в сервис Google Docs и создаем документ «Таблица» в вашей папке.
В только что созданный документ копируем все содержимое документа.
Заполняем поля:
— имя и личную почту(для контактов),
— логин для блога (На латинице. Адрес вашего блога будет иметь вид: ‘http://hello-site.ru/helloblog/ваш_логин/’),
— документ Google Docs(1qb9ntN2QtbsB6VxrVpqTJHSOXBAq1zMDd9sUIO6RzSC).?
— выбираем шаблон сайта из предложенных в документе,
— устанавливаем название и описание сайта,
— выбираем цвет фона и заголовка сайта (в форматах: #333; red; rgb(255, 56, 56)),
— устанавливаем мета-теги для seo,
— по желанию указываем ссылки на соц. сети и «Поделиться»
или ссылка на видео из Youtube.com (http://youtu.be/WNMRlGaH0jY) ?,
вставляем в ячейку в документе ?
название, описание и дату к изображению (последние 3 параметра по желанию).
Шаблон документа Google Docs:
https://docs.google.com/spreadsheets/d/1UbVOKTES0PuMq6lGjY6OomFodxfig5gpnVOPeoRfsL4/edit#gid=0
Регистрация аккаунта:
Инструменты для блогов:
Палитра цветов:
33 лучших онлайн-конструктора сайтов, презентаций, визиток и многого другого
Онлайн-конструкторы сайтов: лендингов, интернет-магазинов, блогов, портфолио
1. Tilda Publishing
Тут вы сможете быстро создать портфолио, лендинг курса, лонгрид, блог, интернет-магазин. Все блоки спроектированы дизайнерами, поэтому собрать из них что-то непривлекательное — непростая задача. А если идею не получается реализовать стандартными средствами, можно сделать собственные блоки с помощью встроенного графического редактора Zero Block.
Tilda Publishing →
2. Readymag
Сервис для создания интерактивных историй, журналов, портфолио. Можно работать по готовым шаблонам или создавать собственные. Кроме стандартных элементов (текста, изображений, простых форм), на страницу можно добавить ленту Twitter или Facebook, слайд-шоу и собственный код.
Как и в случае с Tilda, создавать веб-публикации можно бесплатно, но некоторые функции доступны только за деньги.
Readymag →
3. Wix
Удобный конструктор с большим выбором шаблонов, разбитых по категориям. Сайт собирается не из готовых блоков, а из элементов, каждый из которых можно настраивать. Есть и дополнительные возможности: помощь и подсказки на русском языке, подключение домена, поисковая оптимизация.
Wix →
4. uKit
Ваш вариант, если нужен сайт для бизнеса. Можно не только собрать страницу, но и подключить хостинг, купить домен, привязать платёжные сервисы, добавить виджеты, подготовить мобильную версию и изучать статистику.
uKit →
5. LPmotor
Платформа для создания лендингов. LPmotor проигрывает Tilda или Readymag в плане дизайна, а сервисам вроде Wix или uKit — по количеству возможностей и функций. Но собрать продающую страницу довольно легко. Здесь очень много блоков, которые можно менять на свой вкус.
LPmotor →
6. LPgenerator
На этом сайте вы сможете собрать лендинг для бизнеса. Есть возможность протестировать страницу, подсчитать конверсию, проанализировать трафик и интегрировать страницу с другими сервисами. Например, с «Битрикс24», «Мегапланом» или MailChimp.
LPgenerator →
7. About.me
Сервис для создания простого сайта-визитки. Вам нужно только указать имя, род занятий, интересы, добавить биографическую справку и выбрать один из трёх возможных вариантов дизайна.
About.me →
8. Adobe Spark Page
Инструмент для создания веб-публикаций. Добавляете свои фотографии, видео и текст, анимацию и тему. А в результате получаете красивую страницу, которой можно поделиться с друзьями.
Adobe Spark Page →
9. Quirl
Сервис для создания документов в интернете: лонгридов, отчётов, презентаций, коммерческих предложений. Представляя свои идеи с помощью разных графических средств, вы сможете эффективнее доносить свои идеи до других.
Quirl →
10. Webflow
Мощный конструктор сайтов для создания страниц с адаптивным дизайном. Подходит профессиональным дизайнерам и разработчикам, которые смогут быстрее выполнять часть своих задач в онлайн-редакторе.
Webflow →
11. Unbounce
Профессиональный инструмент для создания лендингов, целевых страниц и проведения A/B-тестов. На выбор пользователю предлагается 125 готовых шаблонов. Помимо визуального редактора, есть ещё несколько полезных инструментов: генератор лидов, отображение статистики в реальном времени, менеджер сценариев, интеграция с другими сервисами.
Unbounce →
12. Squarespace
Очень классный конструктор в плане дизайна. Демоверсии сайтов продуманы до мелочей. Поэтому вам, по сути, остаётся только выбрать подходящий дизайн и наполнить его своим контентом.
Squarespace →
13. Exposure
Создание сайтов для фотографов, дизайнеров интерьеров и обычных пользователей, которые хотят поделиться своими фотоисториями. Все шаблоны спроектированы так, чтобы не отвлекать читателей от главного — изображений.
Exposure →
Онлайн-конструкторы презентаций
14. «Google Презентации»
Если вы работаете с «Google Документами», то наверняка оцените главные достоинства этого сервиса: возможность создавать презентации в браузере и всегда иметь к ним доступ с любого устройства, автоматическое сохранение и совместимость с привычным PowerPoint.
«Google Презентации» →
15. Prezi
Шаблоны Prezi разработаны так, чтобы была видна структура и логика вашего доклада. Анимации добавляют рассказу динамику и не дают аудитории заскучать.
Prezi →
16. PowToon
Сервис для создания видеопрезентаций с интуитивным интерфейсом.
PowToon →
17. Slides
Онлайн-редактор презентаций, отличающийся большим выбором шаблонов с минималистичным современным дизайном. Готовую презентацию можно сохранить в формате PDF или распечатать.
Slides →
18. Swipe
Интерактивные презентации, позволяющие взаимодействовать с аудиторией. На Swipe стоит обратить внимание преподавателям: в презентацию можно вставлять вопросы, на которые читатели смогут отвечать в реальном времени.
Swipe →
19. Haiku Deck
Предназначен для создания максимально простых презентаций. Один слайд — одна идея.
Haiku Deck →
20. SlideCamp
Коллекция слайдов с графикой. Их можно скачать и вставить в свою презентацию в PowerPoint.
SlideCamp →
21. FlowVella
Для воспроизведения во время презентаций разноплановой информации: текста, диаграмм, видеозаписей, галерей. По сути, презентация, сделанная с помощью FlowVella, — это интерактивное приложение для iPad, продуманное до деталей и со вкусом оформленное.
FlowVella →
22. LiveSlides
Ещё один сервис, чтобы добавить интерактива в презентацию. Например, начать доклад с видео на YouTube, затем провести небольшой опрос слушателей (они смогут проголосовать с мобильных телефонов), добавить живую ленту Twitter, а закончить сессией вопросов и ответов в реальном времени.
LiveSlides →
23. Visme
Создание интерактивных презентаций. Простой интерфейс, тысячи изменяемых шаблонов, возможность совместной работы над проектом, аналитика и хранение готовой презентации в облаке.
Visme →
24. Slidebean
Загружаете контент, задаёте понравившийся дизайн и смотрите, что получилось в итоге. Подкупает, что от пользователя требуется минимум усилий. Сервис для тех, кто делает презентации в последний момент.
Slidebean →
25. Deckset
Превращает ваши заметки в красивые слайды.
Deckset →
Графические онлайн-конструкторы
26. Canva
Веб-сервис для создания слайдов, визиток, постеров, открыток и изображений для социальных сетей.
Canva →
27. Rocketium
Загружаете текст и картинки, выбираете музыку и дизайн, добавляете анимацию и переходы, а на выходе получаете красиво оформленное видео.
Rocketium →
28. Pablo
Помогает готовить изображения для публикации в социальных сетях. Просто заходите на сайт, выбираете картинку для фона или загружаете свою, добавляете цитату и определяетесь со шрифтом.
Pablo →
29. Adobe Spark Post
Это Pablo и Rocketium одновременно. Инструмент для подготовки видео или изображений к публикации в Instagram, Twitter, Facebook.
Adobe Spark Post →
30. Snappa
Ещё один конструктор, работающий по тому же принципу: вы выбираете дизайнерский шаблон, добавляете свой текст и можете делиться готовой картинкой в социальных сетях.
Snappa →
31. Recitethis
Максимально простой редактор для оформления цитат.
Recitethis →
32. Piktochart
Инструмент для создания инфографики по готовым шаблонам.
Piktochart →
33. Infogr.am
Сервис для создания графиков, диаграмм, инфографик и интерактивных карт.
Infogr.am →
Всероссийский бесплатный конструктор электронных портфолио
Наткнулась в сети на конструктор электронного портфолио. По описанию это Всероссийский проект. На сегодняшний день в нем уже 1073 учителя, 73 ученика.При создании портфолио можно добавлять различные информационные блоки, выбирая их из предложенных шаблонов, а можно создать и свой.
Можно добавлять в портфолио страницы, различные медиаобъекты, фотографии.
Ведется рейтинг учителей, учеников, регионов. Можно посмотреть статистику, сколько портфолио создано в каком регионе, просмотреть эти портфолио.
Чтобы повысить или понизить рейтинг портфолио, необходимо воспользоваться специальной информационной панелью расположенной в верхней части сайта при просмотре портфолио.176 — количество просмотров портфолио;
0 — количество комментариев к портфолио;
0.6/2 — текущий рейтинг / количество голосов;
- повысить рейтинг текущего портфолио;
- понизить рейтинг текущего портфолио.
Чем выше рейтинг, тем выше портфолио отображается в общем списке и, соответственно, его больше просматривают.
Есть справочная информация как работать на этом ресурсе, но в принципе, и без нее вроде все понятно.
По рейтингу первым идет портфолио учителя Корнева В.В., с которым и предлагаю ознакомиться. Это самое полное портфолио, которое нашла на сайте. В нем и работы самого учителя, и работы учащих и многое другое.