Программы для создания сайтов

В отличие от «облачных» конструкторов, которые требуют постоянного подключения к интернету, классические программы (а иногда даже комплексы программ, которые могут быть установлены на ПК пользователя) позволяют работать в оффлайн-режиме. Ниже разберём наиболее популярные варианты таких программ и их ключевые особенности.

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

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

К таким программам можно отнести различные классы ПО. Например, web-серверы, типа Open Server или XAMPP, представляют собой комплексный набор необходимых утилит, реализующих ключевые инструменты для web-разработки, но сами сайты здесь нужно «писать» с нуля, или, как вариант, можно устанавливать готовые «движки» и далее работать с ними в режиме «оффлайн» (в привычном браузере). Другой класс ПО для создания сайтов – простые редакторы кода и даже IDE (среда разработки), например, Notepad++, Visual Studio Code, Atom от Github или NetBeans и др.

Но это всё инструменты для профессионалов, в первую очередь — программистов и разработчиков.

Для обычных пользователей больше подойдёт другой класс ПО для создания сайтов – визуальные редакторы. В отличие от вышеперечисленных, они позволяют создавать web-страницы без знания вёрстки или HTML-кода. Принцип работы ничем не отличается от онлайн-конструкторов: вы можете работать с готовыми шаблонами или создавать страницы из набора блоков простым перетаскиванием. Обо всём остальном позаботится ПО.

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

Именно о таком ПО, которое подойдёт в первую очередь новичкам, мы и поговорим ниже.

WordPress — программный комплекс для создания любых сайтов

WordPress – это самая популярная в мире (и в РФ, в частности) система управления контентом (CMS). Несмотря на то, что основной движок предоставляется полностью бесплатно и с открытым исходным кодом, можно создать свой сайт в специальном облачном сервисе WordPress.com и управлять им с помощью оффлайн-программы. Пользователи могут работать в удобном визуальном редакторе и создавать страницы из простых блоков буквально в несколько кликов мышкой.

Программное обеспечение имеется для всех востребованных платформ – от ПК на Windows, Linux и Mac OS до смартфонов. Все вносимые правки автоматически синхронизируются с вашим сайтом в «облаке».

Достоинства. Программа может работать как с облачным сервисом WordPress.com, так и с сайтами на вашем хостинге (через сервис Jetpack), главное, чтобы они были созданы на CMS WordPress.

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

Редактор позволяет добавлять и создавать страницы любой сложности с помощью набора блоков или путём правки исходного кода. На выбор также предлагается огромное множество готовых шаблонов, платных и бесплатных. В случае приобретения подписки WordPress.com или Jetpack вы получаете массу дополнительных преимуществ, например, бесплатное доменное имя на 1 год, резервное копирование, защиту от спама и др., а также доступ к премиум-темам.

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

Недостатки. Наличие standalone-клиента для ПК или смартфона в случае со своим сайтом на CMS WordPress – это, по сути, лишний инструмент, так как он полностью дублирует функционал админ-панели в web-интерфейсе. Возможности графического редактора аналогичны Gutenberg.

Создать страницы или сайты без авторизации в сервисе wordpress.com или Jetpack не получится. То есть, все доступные программы-клиенты можно использовать только в паре с сайтами, работающими на WordPress.

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

Стоимость. Непосредственно движок распространяется полностью бесплатно и с открытым исходным кодом. Но без совместимого хостинга WordPress работать не будет. Лучший хостинг для ВордПресса – HostGator:

• Классические общие тарифы с безлимитным диском – от 2,75 USD/месяц.
• Специальный WordPress-хостинг с полным управлением и выделенными ресурсами – от 5,95 USD/месяц.

Для профи есть VPS и выделенные серверы с предустановленной панелью cPanel.

Webflow — программа для профессиональной разработки сайтов

Webflow – это продвинутый онлайн-конструктор с возможностью выгрузки страниц (экспорта) и встроенной CMS-системой.

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

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

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

Но самое интересное – возможность экспорта сайтов и страниц, а также встроенная CMS. В Webflow можно создать интерфейс для сторонних CMS, а интеграцию выполнить при помощи API. Есть здесь и всё необходимое для e-commerce.

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

Стоимость. Webflow имеет неограниченный по времени тестовый период. С вас не будут требовать оплаты до тех пор, пока вы не захотите опубликовать или выгрузить свой сайт/страницы.

Чтобы получить возможность выгрузки HTML/CSS-кода, необходимо перейти как минимум на тариф Core – от 19 до 28 долларов США/месяц (в зависимости от периода разовой оплаты).

Если вы планируете пользоваться хостингом Webflow, то для него нужно подключать отдельные тарифы: от 14 до 235 долларов США/месяц (в зависимости от количества страниц, необходимости CMS-функционала и т.п.).

Mobirise — бесплатная программа для создания простых сайтов

Mobirise – это простое в освоении для новичков программное обеспечение, которое устанавливается на ПК и ничем не уступает по возможностям популярным онлайн-конструкторам сайтов. Работа со страницами происходит по принципу Drag-and-Drop («тяни и бросай») – вы просто перетягиваете на «холст» нужные вам блоки контента, а затем меняете их содержимое и стиль под себя.

Поддерживаемые платформы: Windows и Mac. Пользоваться этим оффлайн-конструктором можно абсолютно бесплатно, получаемый код (HTML-страницы со стилями и скриптами) можно выгрузить на любой хостинг, достаточно задать параметры FTP-подключения.

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

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

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

Стоимость. Mobirise можно скачать и установить полностью бесплатно. В базовый комплект уже включены самые востребованные виды блоков. Отдельные шаблоны и дополнения обойдутся по 39-99 USD за лот.

Гораздо логичнее купить полный пакет тем и плагинов – по цене 4990 руб. (специальное предложение для клиентов из РФ).

Соответственно, программа Mobirise не исключает необходимости приобретения доменов и услуг хостинга – это отдельные категории расходов.

Adobe Dreamweaver — HTML-редактор для разработки веб-сайтов

Adobe Dreamweaver – это продвинутый визуальный редактор, сравнимый по возможностям со средой разработки для профессиональных web-разработчиков. Вместе с тем, интуитивно понятный интерфейс, подсветка синтаксиса и большое количество обучающих материалов на русском языке позволяют освоить этот инструмент и новичкам. Здесь под новичками следует понимать тех, кто уже знаком с CSS и HTML-кодом, без базовых знаний освоить этот инструмент будет сложно.

В настоящий момент компания-разработчик (Adobe) активно переходит на новую модель продаж – получить все возможности редактора можно при оформлении подписки Adobe Creative Cloud.

Достоинства. Все инструменты и функции, необходимые для профессиональной разработки web-страниц любой сложности, будут в одном месте, включая тестирование и предпросмотр результата. Редактор на лету анализирует код и подсвечивает ошибки, ускоряет ввод известных функций. Есть выгрузка проектов в Git-репозиторий, графический редактор (Live View) и доступ к базе готовых библиотек (Adobe Stock только при наличии подписки).

Dreamweaver – это лишь один из множества продуктов от Adobe. Все они могут взаимодействовать между собой, дополняя друг друга. В итоге вы получаете доступ ко всей необходимой инфраструктуре – от инструментов для создания уникального медиаконтента (растровой или векторной графики, видео и т.д.) до продвинутых инструментов для крупного бизнеса.

Недостатки. Без знаний вёрстки статичных и динамичных web-страниц освоить Dreamweaver будет очень сложно. Это в первую очередь инструмент для профессионалов. Второй момент – высокая стоимость, даже если говорить о подписке.

Стоимость. Индивидуальная лицензия «навсегда» на официальном сайте больше недоступна. Есть возможность приобретения Adobe Dreamweaver CC 2019 только через официальных партнёров. В этом случае речь идёт о ценах в диапазоне от 13 500 рублей (для студентов) и до 42 000 рублей (версия Enterprise для коммерческих учреждений).

Официальная подписка обойдётся в 20,99-31,49 USD/месяц. Это только за Dreamweaver, больше выгоды можно получить только при подписке сразу на все продукты компании (54,99-82,49 USD/месяц, в зависимости от периода разовой оплаты).

FrontPage — визуальный софт для создания сайтов от Microsoft

FrontPage – это устаревший и более не поддерживаемый WYSIWYG-редактор HTML-страниц, который ранее поставлялся как один из компонентов пакета Microsoft Office (последний релиз был представлен в версии Office 2007, но позже редактор в том же пакете был заменён на Office SharePoint Designer, который тоже больше не поддерживается).

С помощью FrontPage в настоящее время можно создать разве что простые HTML-страницы, которые будут гарантировано совместимы только с устаревшим браузером Internet Explorer (на движке Trident, сейчас практически все браузеры работают на движке WebKit).

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

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

Стоимость. В данном случае говорить о стоимости продукта некорректно. На момент, когда была возможность приобрести официальный пакет Office 2003, в состав которого входил данный редактор, речь шла о ценах в 400-500 долларов США. Сейчас FrontPage можно разве что скачать с неофициальных сайтов, и то – «взломанную» версию.

Blocs — лучшая программа для создания сайтов в MAC OS

Blocs – это очень удачная попытка реализовать оффлайн-софт для лучшей дизайнерской платформы – MacOS. Чтобы сделать здесь свой первый сайт, не понадобятся знания HTML или какие-либо профильные навыки. Вы просто выбираете нужные блоки и компонуете из них страницы. Интерфейс программы интуитивно понятен даже новичкам.

Помимо создания самостоятельных страниц, редактор Blocs умеет интегрироваться с популярными CMS-системами (в качестве продвинутой альтернативы штатным). В расширенной версии ПО, Blocs Plus, есть возможность создания костюмных WordPress-тем (в автоматическом режиме можно выполнить «натяжку» вашего дизайна на шаблон WordPress).

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

Blocs поддерживает аппаратные «фишки» устройств Apple, например, Touch Bar, трекпад Force Touch и тактильную обратную связь. Есть нативная поддержка новых чипов Apple Silicon (M1) и т.д. Базовый функционал легко расширяется за счёт дополнений и блоков (устанавливаются из официального каталога Blocs.Store). В магазине доступны не только расширения, но и готовые дизайны, а также модули интеграции с CMS.

Недостатки. Это условно-бесплатный софт, на тестирование отводится всего 5 дней. Лицензия действует бессрочно, но вы не можете обновиться на следующую мажорную версию. Апгрейд часто платный, пусть и со значительной скидкой. Интерфейс редактора не имеет поддержки русского языка. За отдельные дополнения в каталоге придётся заплатить. Но самый главный недостаток – нет поддержки других платформ, отличных от MacOS.

Стоимость. Основная программа Blocs обойдётся в 99,99 USD (без НДС). Расширенная версия Blocs Plus (с поддержкой выгрузки WordPress-тем) стоит 149,98 USD (без НДС).

Платные дополнения обойдутся ещё примерно от 15 до 200 USD. Есть в каталоге и бесплатный контент. В любом случае, это не подписка, а разовая покупка.

Visual Studio Code — программный комплекс от Microsoft

Visual Studio Code – это максимально удобный и функциональный редактор кода. Умеет работать практически с любым синтаксисом, поддерживаются все современные языки программирования (если чего-то нет «из коробки», можно установить соответствующий модуль из каталога), полностью бесплатный и с открытым исходным кодом (что само по себе удивительно для корпорации Microsoft). Но не стоит путать Visual Studio Code (редактор) с Visual Studio IDE (полноценная среда разработки, поставляется в нескольких версиях, в том числе в бесплатной, Visual Studio Community).

Достоинства. Это кроссплатформенное решение (работает даже на Linux-системах), позволяет писать интерфейсы и программную логику для мобильных и web-приложений, сайтов, работающих на CMS и без, любой сложности. Функция IntelliSense предугадывает переменные и названия функций по мере их ввода (благодаря этому ввод ускоряется и исключаются возможные ошибки). Встроенные инструменты облегчают отладку практически «на лету», ошибки подсвечиваются автоматически.

Здесь есть всё, что нужно профессионалам: подсветка синтаксиса, установка дополнений (можно даже русифицировать интерфейс за счёт плагинов), работа со всеми популярными git-хранилищами, поддержка конструкторов сайтов (Vue, React и др.), рефакторинг кода, удобная навигация и т.д.

Недостатки. Это инструмент исключительно для профессионалов, в Visual Studio Code не получится собрать страницы, как онлайн-конструкторах. Только исходный код, только доскональное знание синтаксиса и понимание логики работы программы. Согласно пользовательскому соглашению, программа собирает персональные данные и телеметрию (можно отключить в настройках). Так как это не полноценная среда разработки, многие операции требуют работы с консолью (управление осуществляется через терминал/командную строку).

Стоимость. Visual Studio Code полностью бесплатный редактор – для любых целей и платформ. Но если вам нужен инструмент корпоративного уровня и соответствующая инфраструктура (удалённая отладка, надёжное облако и т.д.), вы можете перейти на Visual Studio Community (бесплатно), Professional ($45/месяц) или Enterprise ($250/месяц).

WebSite X5 — итальянская программа для создания сайтов

WebSiteX5 – это классическое программное обеспечение для ПК, одно из старейших на рынке самостоятельного сайтостроения. С момента первого релиза (в начале 2000-х годов) в интерфейсе программы мало что изменилось, так что, использование WebSite X5 – это как шаг в прошлое, несмотря на заявленную поддержку современных технологий (PHP 7.1, HTML5 и т.д.). Перевод интерфейса и официальной документации оставляет желать лучшего – это своего рода смесь английского, русского и итальянского сразу.

Достоинства. Есть готовые тематические шаблоны сайтов, заявлена адаптивность шаблонов (поддержка мобильных устройств). Интерфейс редактора в чём-то напоминает приложения Microsoft Office. Можно задать оформление и текстовки для электронных писем, отправляемых с сайта. Сайт можно экспортировать в HTML или выгрузить сразу на хостинг (нужен доступ к FTP).

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

Недостатки. По современным меркам конструктор просто не юзабелен. Drag and Drop заявлен, но фактически его нет, вы можете перетащить блоки в специальном интерфейсе без предварительного просмотра результата. За каждый чих нужно платить, помимо тем, нужно покупать иконки, эффекты анимации, дополнительные блоки и функции. Голый конструктор малофункционален. Пресловутые «пять шагов» для настройки представляют собой скорее 25 разных комплексных блоков в панели управления и с каждым связан большой пласт работ. Хорошо, хоть с исходным кодом работать не нужно. Даже в демо-период вы не получаете всех возможностей премиума, доступ к шаблонам ограничен только небольшим списком «демок».

Стоимость. Ранее была полностью бесплатная версия программы, но сейчас она заменена триал-периодом (15 дней).

Версия EVO будет стоить ₽4678, а версия PRO – ₽8666. Покупка дополнительных объектов и тем производится во внутренней валюте (в кредитах), соответственно, нужно будет пополнить счёт. Минимальный пакет кредитов – 25 шт. (₽1655). Для понимания – готовые шаблоны в каталоге обойдутся примерно по 36 кредитов, дополнения – по 10-20 кредитов/каждое. Хостинг и домен нужно оплачивать отдельно.

Период манибэка при покупке лицензии – 30 дней.

WYSIWYG Website Builder — конструктор адаптивных сайтов для профи

WYSIWYG Website Builder – это одна из старейших десктопных программ для создания адаптивных сайтов и сайтов с абсолютной вёрсткой. Работает только на операционных системах семейства Windows. Хотя тот же разработчик предлагает кроссплатформенный аналог конструктора, но с гораздо более простым функционалом – Quick ‘n Easy Web Builder.

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

Достоинства. Конструктор можно попробовать в работе совершенно бесплатно. После установки активируется триал-период (с рядом технических ограничений). Конструктор в реальности действительно гибкий. Здесь есть и готовые блоки, и макеты HTML-страниц, и возможность создать свой вариант вёрстки из максимально мелких элементов интерфейса (со слоями, анимациями и т.п.).

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

Недостатки. Последняя версия программы не хочет русифицироваться, хотя файл перевода в наличии. Сама работа с конструктором достаточно сложная, новичкам разобраться будет крайне тяжело. Часть плагинов распространяется платно, их нужно покупать по отдельности или пакетом (WYSIWYG Web Builder Plus). Хостинг нужно приобретать отдельно, подойдёт далеко не каждый тип хостинга (обязательна поддержка PHP).

СтоимостьТолько конструктор обойдётся в 59,95 USD (лицензия пожизненная, но действует для одной мажорной версии). Если нужен доступ сразу ко всем оригинальным плагинам (около сотни расширений), это будет стоить 99,95 USD.

Quick ‘n Easy Web Builder — блочный кроссплатформенный оффлайн-конструктор

Quick ‘n Easy Web Builder – ещё одна версия HTML-конструктора от разработчика Pablo Software Solutions, но на этот раз более «лёгкая» и кроссплатформенная. Хотя о «лёгкости» здесь говорить сложно, так как в реальности интерфейс и возможности почти полностью перекликаются с WYSIWYG Website Builder. То есть программа рассчитана скорее на профи, чем на новичков.

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

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

Имеется система расширений и CMS-модули (для запуска блога, магазина, RSS-ленты, для добавления редактируемого контента на страницы и т.п.). Встроенная система поиска по сайту, SEO-настройки (автоматическое создание карты сайта, редактирование robots.txt и т.п.). Есть отдельные менеджеры для управления стилями и файлами. Программа активно дорабатывается и развивается.

Недостатки. Программа предлагается только на английском языке (возможность локализации даже не предусмотрена). Триал действует всего 30 дней, после чего софт откажется запускаться. Манибэк, если что-то не понравится после покупки, фактически отсутствует. Чтобы обновиться на новую мажорную версию (а они выходят крайне редко), придётся доплачивать, обычно скидка составляет до 40% от стоимости полной лицензии. Как и WYSIWYG Website Builder, этот конструктор будет сложным для новичков.

Стоимость. Лицензия вне зависимости от выбранной платформы, Windows, Mac или Linux – 59,95 USD. Программу можно установить на 3 рабочих места. Если покупать через официальный магазин приложений Mac App Store, то лицензия обойдётся в 24,99 USD.

Pinegrow — профессиональный визуальный редактор с искусственным интеллектом (ИИ)

Pinegrow — это мощный визуальный редактор веб-сайтов для настольных операционных систем, который умеет работать со статичными файлами HTML и CSS, а также включает поддержку именитых фреймворков: Bootstrap, Tailwind CSS и WordPress. Среди дополнительных функций имеются плагины для CMS-систем функций. Редактор также доступен в виде плагина для WordPress (может использоваться в качестве редактора тем и WooCommerce-магазинов) или в виде онлайн-сервиса.

Из наиболее ярких фишек, которые выделяют решение на фоне конкурентов – наличие встроенного ИИ-ассистента (начиная с версии 7.2) на базе API от OpenAI (GPT-4). Этот помощник может подсказать ошибки в коде, сгенерировать код по словесному описанию, закончить строку и т.п. Это полноценный искусственный интеллект, с которым можно общаться на человеческом языке.

Достоинства. Онлайн-версия редактора работает без обязательной регистрации (идеальна для тестирования возможностей). Pinegrow – это кроссплатформенное решение. Установочные пакеты имеются для всех популярных настольных операционных систем, плюс, есть плагин для WordPress и расширение для Visual Studio Code. Его легко интегрировать в любой рабочий проект.

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

Недостатки. Редактор Pinegrow максимально сложный, с ним будет тяжело освоиться даже опытным пользователям. Это инструмент для профи. Разовая оплата (в формате «навсегда») обойдётся крайне дорого. Вместо этого разработчики предлагают воспользоваться подпиской – на месяц или на год. Причём подписка может быть разной: базовой, комплексной и для определённых функций. Программа не переведена на русский и с оплатой из РФ могут быть проблемы.

Стоимость. Только непосредственно редактор Pinegrow Web Editor PRO – 99 USD/год по подписке или 12 USD/месяц. Разовая покупка – 149 USD (но без доступа к важным дополнениям). Расширения для работы с WordPress, с фреймворком Tailwind и ShopBuilder для WooCommerce – по 50 USD/год каждое (или по 6 USD/месяц, если нет желания оплачивать на год вперёд).

Период манибэка – до 30 дней. Разовая покупка «навсегда» предполагает только 1 год обновлений и техподдержки.

Google Web Designer — программа для создания баннеров и рекламных объявлений

Google Web Designer – это профильный софт для быстрого и максимально качественного создания рекламных блоков, объявлений, баннеров и видеороликов. Всё, что для этого может понадобиться, уже есть внутри программы. Плюс, из коробки имеются интеграции с наиболее важными сервисами Google для быстрого размещения рекламы и для сохранения в своих сетевых хранилищах.

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

Достоинства. Огромное количество готовых макетов для рекламных блоков: с видеороликами, параллакс-эффектом, с 3D-эффектами и т.п., под все популярные размеры + адаптивные, под всевозможные тематики и задачи. Макеты можно выгружать в HTML-формате без каких-либо ограничений или непосредственно напрямую в нужные сервисы (в Креативную студию, на Google Диск и т.п.).

Интерфейс переведён на русский язык, а самим приложением можно пользоваться абсолютно бесплатно. Внутри имеется исчерпывающий набор вспомогательных инструментов и функций – предпросмотр, редактор кода с подсветкой, редактор видео, инструменты для рисования, средства для управления анимациями, трансформациями (в том числе 3D) и эффектами.

Недостатки. Google Web Designer будет удобен только для работы с небольшими HTML-блоками (формат баннеров и блоков с объявлениями). Создавать здесь полноценные HTML-страницы сложно. Ключевые интеграции ориентируются только на сервисы Google. Поддержки каких-либо стоящих внешних платформ здесь нет.

Стоимость. Продукт распространяется полностью бесплатно. Нет ни Pro, ни каких-либо других версий.

RocketCake — простой WYSIWYG- редактор для создания адаптивных сайтов

RocketCake – проприетарный WYSIWYG-редактор для создания веб-сайтов, выпущенный командой Ambiera. В качестве основных платформ рассматриваются операционные системы Windows и macOS. Помимо непосредственно редактора та же команда предлагает ряд других продуктов: конвертер изображений, редактор диаграмм, конструктор майнд-карт, XML-парсер и др.

Максимально упрощённая версия основного редактора RocketCake выпускается под другим названием – WebsitePainter. Что примечательно, почти все функции RocketCake доступны бесплатно. Переход на Pro-редакцию понадобится только для некоторых сложных и маловостребованных функций (пользовательские точки остановка, кастомный CSS и HTML-код, блоки с PHP и т.п.).

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

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

Недостатки. По факту программа обеспечивает работу только с чистым HTML-кодом и его компонентами. Сложные формы потребуют ручного подключения скриптов и внешних сервисов. По этой же причине у RocketCake нет CMS-функционала (магазинные модули, личные кабинеты пользователей, блоги, комментарии и т.п. полностью отсутствуют). Из РФ оплатить Pro-редакцию можно только в биткоинах.

Стоимость. Если вас не устраивают возможности бесплатной версии, можно приобрести Pro-редакцию. Она обойдётся в 39 евро при покупке на официальном сайте или в 39,49 USD, если приобретать через магазин приложений Microsoft.

SiteDesigner — крутой блочный оффлайн-конструктор сайтов

SiteDesigner, ранее CoffeeCup VisualSite Designer – это профессиональный софт для быстрой сборки современных адаптивных сайтов из готовых блоков и элементов. Разработчики предоставляют доступ к огромной библиотеке компонентов. Есть ряд других продуктов для работы с дизайном и наполнением: отдельный HTML-редактор, конструктор web-форм, конструктор email-писем, FTP-клиент и т.п. Есть даже свой хостинг, облачное хранилище и инструменты аналитики.

Программные решения можно купить по-отдельности или сразу целыми пакетами (для определённых задач). SiteDesigner можно установить на операционные системы Windows и macOS.

Достоинства. Конструктор поддерживает работу с компонентами популярных фреймворков (Bootstrap 4, Foundation 6, Materialize), но может создавать страницы и без них. Внутри сайтов можно использовать сквозные блоки (Symbols), которые будут редактироваться централизованно.

Есть масса других возможностей для профи: инспектор HTML/CSS-кода, настраиваемые точки останова, работа со структурированными данными (аналог CMS-функционала), тонкие настройки SEO-параметров, произвольный HTML/CSS/JS-код, возможность быстрой выгрузки блоков в CodePen (для тестирования) и т.д.

Недостатки. Программа не имеет перевода на русский язык. Многие компоненты и шаблоны распространяются платно (их нужно покупать поштучно или полным комплектом), цены не самые приветливые. Интерфейс редактора не очень удобный. В триал-версии ограничены возможности экспорта или выгрузки на хостинг. Часть функций требует глубоких знаний HTML и web-программирования (особенно, всё, что касается структурированных данных, CSS-классов, фильтров и т.п.).

Стоимость. Непосредственно редактор обойдётся в 99 USD. Лицензия будет пожизненной, но право на получение обновлений будет действовать всего 1 год. Помимо основной программы может потребоваться покупка тем (полный пакет – 109 USD) и компонентов (полный пакет – 149 USD). Плюс, ряд вспомогательных программ тоже распространяется платно.

Вместо поштучной покупки можно приобрести тематические пакеты:

• Набор для web-разработчиков – 169 USD.
• Набор для создания сайтов (без email-инструментов) – 129 USD.
• Супер-пак (все продукты в одном) – 199 USD.

Блокнот – простейший редактор для создания сайтов

Блокнот – это штатное программное обеспечение, которое всегда присутствует в операционной системе для ПК. Конечно, когда говорят ПК – подразумевают ОС семейства Windows. Но аналогичный софт имеется и в Linux-дистрибутивах, и в MacOS. Иными словами, блокнот – это инструмент, который всегда под рукой. Вместо системного блокнота можно скачать и установить альтернативные программы с расширенным функционалом для разработчиков, например, с подсветкой синтаксиса HTML, JS, CSS и других языков программирования.

Блокнот Windows недавно был кардинально переработан, начиная со сборок Windows 10 Redstone 5. Теперь он по умолчанию использует кодировку UTF-8 (именно с ней работают популярные web-серверы Apache и Nginx) и умеет искать выбранные фразы в Bing.

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

Блокнот, предустановленный в актуальных сборках Windows, подходит для редактирования файлов в UTF-кодировке (используется на большинстве сайтов). Есть быстрый вызов нужных функций при нажатии комбинации клавиш (поиск, замена, переход к строке и т.д.).

Недостатки. Это самый простой и доступный инструмент для редактирования HTML-файлов, поэтому для работы с крупными и функциональными web-сайтами он не подходит. Здесь нет подсветки кода, нет возможности тестирования/поиска ошибок, нет подсказок при вводе тегов и функций и т.д. Это скорее подручное средство на экстренный случай. Ну и, кроме того, без профильных знаний он просто бесполезен. Нужно знать все HTML-теги, синтаксис CSS и JS, чтобы сайт, свёрстанный в блокноте, заработал.

Стоимость. Блокнот Windows – это бесплатная системная утилита. Многие альтернативные текстовые редакторы, имеющие поддержку подсветки синтаксиса, тоже распространяются полностью бесплатно, например, Notepad++, Notepad2, AkelPad и т.п.

Выводы/рекомендации

Современный WEB уже не такой, как был во времена расцвета оффлайн-программ. Сейчас многие инструменты для разработчиков преобразуются в «облачные» сервисы. И программное обеспечение для создания сайтов – не исключение.

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

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

Сейчас оффлайн-клиенты – это скорее более комфортное окно доступа к функциям имеющегося успешного сервиса, как в случае с WordPress.

Удобные инструменты для быстрой вёрстки, установленные на ПК, будут больше востребованы профильными специалистами. Например, как в случае с продуктами Adobe (Dreamweaver + пул других программных решений).

Есть и пример того, как в современных реалиях десктопный софт может найти свою нишу, например, Mobirise. Это простой и доступный инструмент, который позволяет быстро собирать красивые страницы (обычно лендинги и визитки) без каких-либо профильных знаний. Но это скорее исключение из правил. Сайты намного удобнее стало создавать в онлайн-конструкторах, так как в этом случае вы получаете всю инфраструктуру под ключ. Рынок standalone-программ постепенно вымирает и заменяется SaaS-решениями. WebSite X5 тому подтверждение – этот оффлайн-конструктор совершено неюзабелен.

Самый яркий пример универсального подхода, который обладает одновременно преимуществами программ для ПК (создание страниц, независимых от хостинга) и онлайн-сервисов (SaaS-конструкторы со встроенным хостингом) – это Webflow. Сайты можно создавать в веб-интерфейсе, но выгружать их к себе на жёсткий диск.

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