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

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

Мы в своем агентстве разрабатываем сайты уже более 10 лет, начинали как и все с Joomla и WordPress, потом постепенно начали разработку на 1С Битрикс (какое же это днище) и на различных фреймворках. Обычно дизайнер рисует макет в Sketch, сейчас все больше Figma, далее передает макет программисту и верстальщику, которые уже пилят код.

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

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

Mobirise

Хочется начать с одного из самых популярных конструктора сайтов, который базируется на Bootstrap и доступен для любого пользователя, он работает по принципу Drag-and-drop и наверное является самым быстрым и довольно удобным в несложной разработке.

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

Интерфейс Mobirise
Интерфейс Mobirise

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

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

Интерфейс Mobirise
Интерфейс Mobirise

Этот конструктор уж точно надо попробовать из-за его бесплатности, для начального уровня Mobirise просто идеальный вариант.

Настройка формы  обратной связи Mobirise
Настройка формы обратной связи Mobirise

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

Стоимость: бесплатно (отдельно докупаются темы дизайна и плагины)

Pinegrow

Pinegrow — это редактор сайтов для настольных компьютеров, который открывает и сохраняет стандартные HTML и CSS файлы. Но позиционируется этот редактор как профессиональный.

Читайте также:  Обзор BlackVue DR650S-2CH, BlackVue DR650S-1CH и BlackVue DR650-2CH IR: «корейская революция»

Создать на нем сайт новичку, будет достаточно проблематично, ведь там все приходится делать руками, просто передвинуть блок и растянуть его часто не получается или при таких действиях “едет” вся верстка, единственно для чего могу рекомендовать этот редактор, так это для “перебивки” готовых шаблонов, которые необходимо купить или скачать. В этом плане Pinegrow очень хорошо, открывает любые HTML шаблоны и вы можете легко их менять по своему усмотрению.

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

Стоимость начинается от 3193 руб. за стандартную лицензию, которая не позволяет создавать собственные темы и заканчивается 9709 руб. за продвинутую версию с блекджеком.

Nicepage

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

Для начала так же скачиваем клиент под свою платформу Mac или Windows или же ставим плагин для необходимой CMS, если не хотите CMS можно купить у парней хостинг с встроенной Nicepage и работать там.

Интерфейс Nicepage

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

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

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

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

Настройка темы в Nicepage

Интерфейс конечно не самый привлекательный, но за то довольно простой, если вы работали в офисных документах, то без труда освоите Nicepage за несколько часов, тут почти все тоже самое как в графическом редакторе смешанным например с Word. Мне лично понадобилась буквально пол часа, что бы создать свой первый макет.

Пример мобильной верстки в Nicepage

И кстати при помощи этого конструктора можно создавать темы для Joomla, WordPress и VirtueMart, что делает его по настоящему профессиональным инструментом для студий и агентств.

Промо-код для наших подписчиков CANDORU

Стоимость: есть бесплатная версия, которой хватает почти для любых задач, а еще 4 варианта премиум версий с которыми можно ознакомиться на странице https://nicepage.com/premium

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (4 оценок, среднее: 5,00 из 5)
Загрузка...
Автор

Пишу, обозреваю, живу

Оставить комментарий