Website X5 Evolution V12 ESD

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


WebSite X5 – средний по мощности инструмент для создания сайтов-визиток, лендингов и небольших магазинчиков. Желательны познания в кодинге (HTML/CSS) для полного раскрытия потенциала программы. С этим навыком ваши страницы будут выглядеть гораздо более разнообразно, интересно. Многие вещи желательно настраивать и дорабатывать вручную. Новичкам будет трудно добиться хорошего результата. Нужна практика. Программа может заинтересовать более-менее опытных разработчиков возможностью публикации многочисленных сайтов в одну цену лицензии.

Функциональные возможности

Создание сайта в WebSite X5 разбито на 5 логично выстроенных этапов. Вы получите доступ к тем или иным возможностям редактирования сайта на соответствующих шагах, что довольно удобно. Это ощутимо упорядочивает процесс, что, наверняка, будет оценено новичками. Конечно, в любой момент вы сможете вернуться к нужному шагу и внести изменения в его настройки. Так что не волнуйтесь – бесповоротных изменений здесь нет. Редактировать сайт можно в произвольной последовательности действий. 

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

Подготовительные работы завершены. С этого момента мы начнём обзор в привычном формате.

Также 1 шаг содержит расширенные настройки сайта. С их помощью можно отрегулировать множество важных вещей:

• Статистика, SEO и код – настройте Google Analytics, анонимизацию IP-адресов и автоматическое создание карты сайта. 
• Конфиденциальность и безопасность – настройте политику отображения уведомления о сборе пользовательских данных через Cookie. Можно выбрать вид окошка сообщения и его расположение. Также есть возможность активировать защиту HTML-кода, что запретит все действия, связанные с функциями правой кнопки мыши. Посетители не смогут просматривать коды страниц, копировать изображения и т. д. Также можно включить защиту от спама в виде Captcha.
• Создание страницы приветствия – настройте её вид, параметры отображение, содержание и размер. 
• Рекламное сообщение – создавайте и размещайте баннеры с рекламой на выбранных страницах. Можно задать стили и параметры отображения.
• Блог. Здесь можно добавлять записи, настроить шаблон их отображения, порядок сортировки и параметры возможности комментирования.
• Лента RSS – создавайте неограниченное количество новостных лент из записей вашего сайта, задавая их основные параметры – заголовок, изображение, описание.
• Управление данными – настройте способы обработки данных, которые отправляются в Сеть. В наличии варианты сохранения на E-mail, в базе данных или на сервере. Для каждой активированной функции эти параметры можно задавать раздельно.
• Управление доступом – создавайте группы и отдельных пользователей, назначив им права и данные для входа на сайт.
• Корзина. Это и есть ваш магазин. Тут вы сможете добавлять категории/товары, управлять заказами, хранить данные о покупателях, определять порядок доставки. Также можно настроить валюту, формат цен, налоги, минимальный объём заказа, скидки, параметры внешнего вида/структуры корзины и прочее. В общем, всё, что обычно бывает необходимо для нормального функционирования магазина.

Шаг 2 позволяет детально настроить шаблон. Подробнее возможности, доступные на этом этапе, обсудим в следующем разделе обзора.

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

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

• Текст – оформление текстового контента в удобном визуальном редакторе;
• Изображение – добавьте графику, загрузив её с ПК либо вставив ссылку на нужный файл, настройте параметры отображения – качество, размер, эффекты, защиту от копирования;
• Таблица – форматируйте таблицы в визуальном редакторе;
• Галерея – можете вывести различные типы групп изображений (слайд-шоу, горизонтальные/вертикальные галереи и пиктограммы), включить автовоспроизведение, случайный порядок, настроить вид окна отображения и кнопок навигации;
• Видео и аудио – загрузите с ПК или вставьте ссылку на искомый видеофайл (Youtube принимается) или музыкальный файл, заполните описание, назначьте размеры окна и тип воспроизведения (авто/ручное);
• Контактная форма - конструируйте и публикуйте формы различных стилей;
• Карта – обозначьте своё местоположение на Google maps;
• Комментарии и оценки – позволяет подключить системы комментирования от Facebook или Disqus, есть возможность настройки количества видимых сообщений, фона и высоты поля;
• Анимация HTML5 – позволяет добавить на сайт анимации, выполненные в приложении WebAnimator (его можно приобрести вместе с лицензией на движок по скидке);
• Каталог товаров. Здесь вы сможете настроить отображение витрины в категориях продукции. Количество строк, высоту/ширину блоков и изображений, внутренние поля, цвета, шрифты, эффекты и прочее;
• HTML-код – вставка произвольного кода HTML/CSS на страницу, а также привязка связанных с ним файлов.

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

На финальном 5 шаге вы сможете опубликовать свой сайт, выгрузив его в Интернет. Можно также сохранить его на съёмный носитель либо локальный жёсткий диск. Для реализации первого сценария потребуется настроить FTP-соединение. Также вы сможете настроить порядок обновления файлов на сервере хостинга – экспорт всех файлов, только тех, что были обновлены, либо только блога и ленты RSS. Весьма удобно. 

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

Как видите, разгуляться есть где. Функционал позволяет, скучно не будет. Было бы желание работать. Website X5 предлагает серьёзный набор инструментов для создания визиток, лэндингов, блогов и магазинов. Обилие настроек позволяет реализовать практически что-угодно при должном уровне умения и упорства. По уровню функциональных возможностей также зачёт.

Подключение домена. По этому пункту всё просто: выбираете хостинг, доменного регистратора (или 2 в 1), прикрепляете свой домен, настраиваете FTP-соединение, заливаете файлы сайта и… всё. Вы в Интернете. В этом плане программа имеет много общего с CMS.

Возможен и другой сценарий – воспользоваться подарочным набором от разработчиков. При покупке Website X5 получите бесплатно домен в зоне .рф или .ru и хостинг на год от провайдера на выбор: 1Gb.ru, One.com, A2Hosting или SuperHost. В общем, в первый год платить за размещение сайта необязательно. Также вы получите в своё распоряжение облачное хранилище и 15 почтовых адресов. Далее возможно либо продление подписки на услуги провайдера, либо перенос сайта на другой хостинг. Это уж как вы захотите.

Дизайны и работа с шаблонами

1 шагом в работе с системой является выбор и редактирование шаблона. Вам доступны 3 варианта: взять готовый вариант, загрузить шаблон из личной библиотеки либо же создать с нуля собственный дизайн.

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

После выбора шаблона вам будет предложено отредактировать его при помощи целой кучи инструментов:

• Задайте структуры для основного и адаптивного шаблонов. Выберите тип (горизонтальное/вертикальное) и место размещения меню (шапка/сайдбар). Можно настроить фон страницы раздельно для каждого из блоков (хедер, футер, контент, меню) и отступы до контентной области от краёв блоков. Эти опции можно заполнять раздельно для десктопной и мобильной версии шаблона;
• Настройка стилей текста. Для каждого типа текстового элемента на сайте (заголовки, текст контента, ссылки, меню, кнопка и т. д.) можно настроить видимость цвет текста/фона, шрифт, выравнивание, размер/цвет рамки;
• Настройка главного меню. Укажите ширину, задайте поля, расстояние между кнопками, шрифт и выравнивание текста для меню. Также можно изменить цвет фона или фоновое изображение для отдельных кнопок в пассивном/активном состоянии. Есть и 3D-стили, при помощи который сможете изменить форму кнопок, наложить эффекты на них, а также настроить рамку, которая придаст эффект трёхмерности кнопкам вашего меню;
• Настройка стиля раскрывающегося меню позволяет выбрать тип меню (один или несколько столбцов), его ширину, шрифт, выравнивание и эффект появления/исчезновения подпунктов. Аналогично обычным меню здесь можно настроить параметры для отдельных пунктов и 3D-стили;
• Для меню отдельной страницы можно изменить его расположение, ширину, толщину/цвет/тень рамки и указать расстояние между кнопками;
• Всплывающие подсказки при наведении курсора мыши на элемент. Настройте расположение таких окошек, эффекты, цвет фона, стиль текста, его выравнивание и параметры рамки;
• Showbox – настройка стилей всплывающих окон для показа изображений и документов. Можно назначить эффекты, внешний/внутренний цвет, степень прозрачности, стили текста и рамки;
• Настройка стиля макета E-mail – задайте внешний вид для окна отправки сообщений, их содержания, логотипа компании и футера письма. Выберите цвет фона, рамки, шрифты и прочее.

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

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

В целом, WebSite X5 предлагает очень богатый набор опций для создания/редактирования шаблонов. Среднее качество встроенных решений с лихвой перекрывается богатыми возможностями по кастомизации. По данному пункту программа не имеет никаких заметных недостатков.

SEO-оптимизация

В WebSite X5 в расширенных настройках первого шага находится SEO-раздел, в котором можно подключить средства сбора статистических данных (родной инструмент или Google Analytics), активировать автоматическое создание карты сайта и вставить свой код в тегах <HEAD>…</HEAD>.

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

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

Преимущества

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

• Возможность с нуля собирать шаблоны, создавая структуру из блоков и наполняя их любым контентом;
• Много готовых шаблонов неплохого качества;
• Наличие онлайновой панели управления в платных редакциях программы;
• Данные проектов хранятся в безопасности на локальном ПК;
• ПО можно использовать оффлайн;
• Удобная пошаговая структура создания сайтов;
• Много настроек, возможность прикрепления баз данных к сайтам;
• Возможность добавления интеграций внешних систем за счёт вставки HTML-кода;
• Приличный набор виджетов – и бесплатных, и покупаемых за кредиты;
• Несколько вариантов экспорта проекта, включая выгрузку на один из подарочных хостингов.

Примеры

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

При должном уровне навыка работы с программой получаются довольно красивые сайты. Новички вряд ли смогут далеко убежать от готовых шаблонов. Опытные при поддержки навыков программирования смогут публиковать качественные работы. По мере взаимодействия с ПО уровень результатов будет расти, тут нужен опыт. Система рассчитана на продолжительное использование. Примеры  работ, выполненных в WebSite X5.
Пример 1

Пример 2

Пример 3

Продукты от производителя:

Website X5 V9 SALE!! Box 
Website X5 Professional V12 ESD
Website X5 Evolution V12 Box