Обзоры расширений Joomla

Видео уроки Website X5 13, 12 (актуально для 14)Видео уроки Website X5 13, 12 (актуально для 14)

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 13, 12 (актуально для 14).

 

 

Incomedia Website X5 14 – простая в изучении русскоязычная программа для создания сайтов различной сложности. Она предлагает около 500 шаблонов, адаптивный дизайн, параллакс эффекты, RSS, интеграцию с платёжными системами, ограничение доступа к страницам, SEO-инструментарий, мультиязычность (включая украинский язык) и многое другое. Логично построенный интерфейс программы значительно упрощает процесс создания сайта даже для начинающего пользователя. Программа позволяет разрабатывать лендинги, сайты-визитки, корпоративные сайты, блоги, интернет-магазины и другие типы веб-сайтов. Для расширения возможностей предусмотрены специальные дополнительные объекты (платные и бесплатные).

Основными новинками 14-й версии считаю:

  1. Меню как объект (можно сделать сколько угодно меню на страницах).
  2. Список покупок пользователей (личный кабинет).
  3. Упрощение редактирования шапки и подвала сайта (выравнивание, сетка).
  4. Применение «общих» стилей к разным шрифтам.
  5. Расширение возможностей блога.

Покупая Website X5 14 и\или дополнительные объекты, шаблоны, проекты, Вы платите только один раз и можете пользоваться программой без ограничения по времени. Никаких дополнительных платежей не нужно. Более того, в течение определённого периода (как правило 1 год) можно бесплатно получать обновления программы и техническую поддержку от разработчиков. Если Вы покупали предыдущие версии программы, то зайдите в свой личный кабинет на сайте разработчика и проверьте доступную для Вас скидку на покупку Website X5 v14. А купленные ранее дополнительные объекты можно будет установить в 14-ю версию абсолютно бесплатно. На данный момент (18.10.2017) при покупке программы Вы также получаете 25 кредитов для покупки любых объектов и шаблонов.

На 18.10.2017, уже после старта продаж 14-й версии в личном кабинете на сайте Helpcenter.websitex5.com в разделе Предложения у меня были доступны такие предложения по обновлению:

  1. Обновление с WebSite X5 Evolution 10 до WebSite X5 Evolution 14 - скидка -30%.
  2. Обновление с WebSite X5 Evolution 10 до WebSite X5 Professional 14 - скидка -30%.
  3. Обновление с WebSite X5 Evolution 11 до WebSite X5 Evolution 14 - скидка -50%.
  4. Обновление с WebSite X5 Professional 11 до WebSite X5 Professional 14 - скидка -50%.
  5. Обновление с WebSite X5 Evolution 11 до WebSite X5 Professional 14 - скидка -50%.
  6. Обновление с WebSite X5 Evolution 14 до WebSite X5 Professional 14 - скидка -35%.

У Вас будут другие предложения. Но, в принципе, можно рассчитывать на скидку до 50%.

По этим ссылкам Вы можете получить для ознакомления демонстрационную версию программы Evolution и Professional.

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

Минимальные системные требования на Website X5 версию 14 весьма скромные:

  • Операционная систем – Windows 7 SP1, 8, 10 (есть поддержка х64). Обратите внимание, что Windows XP, Vista и Windows 7 (без SP1) не поддерживаются.
  • .NET Framework – 4.6.1 (или более новый).
  • Оперативная память (ОЗУ) – 2 Гб и больше.
  • Минимальное разрешение экрана – 1024х600 пикселей.

Системные требования к хостингу, на котором будут размещаться сайты.

  • Операционные системы – Windows, Linux, Unix Server.
  • PHP 5.x. Я тестировал в PHP 5.5, 5.6 и 7.0. Проблем не обнаружил.
  • Для некоторых возможностей нужен MySQL. Я тестировал в MySQL 5.7. Проблем не обнаружил.

В обзоре будет участвовать последняя доступная, на момент написания статьи 06.10.2017, русскоязычная программа WebSite X5 Professional 14.0.0.7 (64 bit) (бета-версия). В ней установлены бесплатные дополнительные и платные объекты, частично рассмотренные в предыдущей статье и видео-уроках.

Конфигурация тестовой системы:

  • Операционная систем – Windows 10 Pro х64 (10.0.15063 сборка 15063).
  • .NET Framework – 4.7.
  • Оперативная память (ОЗУ) – 16 Гб.
  • Разрешение экрана – 1920х1080.

Что нового в Website X5 v14

Рассмотрим, что же нового появилось в 14-й версии программы. Буду рассматривать только наиболее яркие и интересные, с моей точки зрения, обновления по сравнению с Incomedia WebSite X5 Professional 13.1.0.5 (64 bit).

Интерфейс программы претерпел минимальные изменения по отношению к 12-й и 13-й версиями. Вам не нужно тратить время на привыкание и поиск инструментов, так как почти все они остались на прежних местах.

Меню

Меню теперь стало объектом. Вы можете добавлять его куда угодно (или не добавлять вовсе): в тело страницы, в боковую полосу, в фиксированную полосу, в подвал и в шапку. Причём таких меню может быть несколько (рисунок ниже).

Меню Website X5 14
Меню Website X5 14

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

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

У каждого объекта Меню есть свои настройки, разделённые на три вкладки (рисунок ниже). Наиболее интересным, на мой взгляд, является наличие опции Выбрать уровень, позиции которого должны отображаться на вкладке Главный. То есть, если у Вас в структуре сайта несколько уровней, то в одном из объектов Меню можно отобразить только один конкретный уровень. Ранее для этого служила опция Меню страницы, но предложенный в 14 версии вариант, на мой взгляд, гораздо более гибкий в плане настроек.

На вкладке Меню-гамбургер можно настроить внешний вид мобильной версии меню.

Настройки меню
Настройки меню

Если при создании вертикального меню у Вас отображается только кнопка гамбургера, то увеличьте высоту объекта Меню. Если область боковой полосы не позволяет это сделать (маленькая высота), то перейдите в раздел Структура шаблона, выберите раздел страницы – Контент страницы и увеличьте его минимальную высоту. Затем вернитесь обратно в раздел Контент шаблона на вкладку Боковая полоса и увеличьте высоту объекта Меню.

Интернет-магазин

Регистрация пользователей при оформлении заказа. В расширенных настройках в разделе Корзина на вкладке Данные покупателя появилась новая опция Разрешить регистрацию пользователей. Для работы данной опции обязательно надо:

  1. Отправлять данные в базу данных. Настраивается в следующей вкладке Порядок доставки.
  2. Активировать автоматическую регистрацию. Это можно сделать в расширенных настройках в разделе Управление доступом.

Подробнее об этом можно узнать в предыдущих видео-уроках.

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

Регистрация пользователей при оформлении заказа
Регистрация пользователей при оформлении заказа

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

Список заказов
Список заказов

Настройка товаров. В объекте Каталог товаров на вкладке Настройки появились новые опции (рисунок ниже). Они позволяют изменить внешний вид «плиток» товаров.

Объект Каталог товаров
Объект Каталог товаров

На рисунке ниже показан пример страницы товаров, сделанной в Website X5 14. А так она выглядела в 12-й и 13-й версиях.

Страница с товарами
Страница с товарами

Экспорт пользователей. В расширенных настройках, в разделе Управление доступом, появились несколько новых инструментов, позволяющих сворачивать и разворачивать списки пользователей, а также экспортировать данные в CSV (рисунок ниже).

Управление доступом
Управление доступом

На рисунке ниже показан пример списка пользователей, экспортированного из Website X5 v14. В качестве табличного редактора использую LibreOffice Calc (LibreOffice 5.4.1.2 (х64)). Но можно использовать любой другой.

Список пользователей
Список пользователей

Блог

Раздел Блог в расширенных настройках получил множество весьма полезных обновлений. Теперь все настройки разделены на 4 вкладки (рисунок ниже):

  1. Контент.
  2. Главная страница.
  3. Страница статьи.
  4. Количество боковых блоков текста.
Главная страница блога
Главная страница блога

Вкладка Контент особо не изменилась, а вот опции, при добавлении постов, изменились (рисунок ниже):

  • В блоге, для каждой записи появилась возможность указывать алиас записи (часть URL адреса).
  • Можно добавлять вступительный текст и изображение. Они будут отображаться в перечне статей блога.
  • В текстовом редакторе появился инструмент по управлению межстрочным интервалом и инструмент, добавляющий горизонтальную линию.
  • Появилась возможность вставки ссылки на видео с YouTube или вставить ссылку на файл в интернете.
Настройка записи
Настройка записи

На рисунке ниже показан пример главной страницы блога.

Главная страница блога (2)
Главная страница блога (2)

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

Главная страница блога
Главная страница блога

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

Страница статьи
Страница статьи

Вкладка Количество боковых блоков текста (рисунок ниже) позволит Вам не только изменить состав и настройки боковых блоков, но и даёт возможность указать, где нужно показывать эти блоки: только на главной странице блога, только на страницах записей или и там, и там.

Количество боковых блоков текста
Количество боковых блоков текста

Дизайн сайта

Редактирование шапки и подвала. На втором шаге создания сайта в разделе Контент шаблона (рисунок ниже) появилось несколько очень полезных функций:

  • Возможность одновременного выбора нескольких объектов.
  • Возможность автоматического выравнивания объектов по отношению друг к другу по вертикали и горизонтали.
  • Возможность привязки к «сетке» рабочей области и задания её шага (инструмент Рабочая область).
  • Появилась шкала ширины экрана. Это позволит упростить процесс настройки шапки и подвала под различные устройства.
Что нового в Website X5 версии 14
Что нового в Website X5 версии 14

Боковая полоса. В разделе Контент шаблона была добавлена вкладка Боковая полоса (рисунок ниже). Тут Вы можете разместить различные объекты. В том числе меню (оно теперь тоже объект).

Боковая полоса
Боковая полоса

Структура шаблона. Боковая полоса доступна для редактирования только тогда, когда для Вашего шаблона, в разделе Структура шаблона (рисунок ниже) выбран тип структуры Шапка, подвал и боковая полоса слева или Шапка, подвал и боковая полоса справа.

Структура шаблона
Структура шаблона

Также в структуре шаблона появилась опция, которая позволяет увеличить ширину шапки и подвала по ширине окна браузера. Это маленький шаг в сторону резинового дизайна. Данная опция действует исключительно на шапку, но не на весь сайт в целом.

Фиксированная полоса. На втором шаге создания сайта появился новый раздел Фиксированная полоса (рисунок ниже). По сути, это некая закреплённая в верхней части область, в которой можно располагать объекты, включая меню, по аналогии с шапкой и подвалом сайта. Её можно скрывать в зависимости от размера экрана пользователя. А можно скрывать не всю полосу, а скрывать и отображать только отдельные её объекты. Её ширина может быть увеличена на всю ширину окна браузера. Это ещё один шаг в сторону резинового дизайна.

Фиксированная полоса появляется при прокрутке страницы вниз.

Фиксированная полоса
Фиксированная полоса

Showbox всплывающего окна. На втором шаге создания сайта был переработан инструмент Showbox, Подсказки и E-mail (так он назывался в 13-й версии). Теперь он разделён на отдельные инструменты: Showbox всплывающего окна, Подсказки при наведении мыши и Макет электронной почты. Если Подсказки при наведении мыши и Макет электронной почты не отличаются от предыдущей версии, то Showbox всплывающего окна (рисунок ниже) претерпел изменения: добавлена возможность перехода в полноэкранный режим, миниатюры и масштабирование.

Showbox всплывающего окна
Showbox всплывающего окна

Данное окно появляется при увеличении изображений, в галереях и во всплывающих окнах с видео. А для действия Галерея ShowBox можно включить отображение миниатюр (рисунок ниже).

Галерея ShowBox
Галерея ShowBox

На рисунке ниже показан пример галереи ShowBox.

Пример галереи ShowBox
Пример галереи ShowBox

Стиль полос. В предыдущей статье мы рассматривали новые эффекты. Их применение на практике было показано в видео-уроках. В Website X5 v14 в качестве параллакс-фона можно указать ещё и карту Google и слайд-шоу.

Стиль полос
Стиль полос

Кроме этого Вы сможете объединять строки макета (полосы) для увеличения высоты параллакс-эффекта. А ещё можно задать один из 3-х видов эффектов:

  1. Параллакс.
  2. Обратный параллакс.
  3. Неподвижный параллакс.

Как это выглядит на сайте, можно посмотреть в видео.

Объект Контактная форма. Для данного объекта на вкладке Стиль для элементов формы Поля и Кнопка `Отправить` был изменён набор инструментов для редактирования внешнего вида (дизайна) элементов.

Объект Контактная форма
Объект Контактная форма

Первый шаг создания сайта. Теперь создание нового сайта начинается с выбора шаблона (рисунок ниже).

Website X5 14
Website X5 14

Естественно, что в дальнейшем Вы сможете его сменить на втором шаге создания сайта в разделе Замена шаблона (рисунок ниже). Или создать свой собственный с нуля. Для этого в разделе Замена шаблона есть пустые. Или в разделе Управление персонализированными шаблонами можно импортировать созданный ранее шаблон.

Website X5 v14
Website X5 v14

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

Шрифты Google
Шрифты Google

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

Стиль по умолчанию
Стиль по умолчанию

Другие новшества и изменения

Система архивации была дополнена новыми опциями (рисунок ниже), которые позволяют автоматически удалять старые резервные копии проекта сайта через заданный Вами интервал времени (по умолчанию 60 дней). Также Вы сможете указать, какое минимальное количество резервных копий нужно хранить для проекта (по умолчанию – 10).

Website X5 версия 14
Website X5 версия 14

Расширенные настройки (Блог, Корзина, Управление данными и т.д.) теперь находится на первом шаге создания сайта на одноимённой вкладке (рисунок ниже).

Расширенные настройки
Расширенные настройки

Среди других изменений стоит отметить следующие.

  • В галерее шаблонов было обновлено 200 шаблонов.
  • В расширенных настройках в разделе Рекламное сообщение появился новый тип сообщения – Сообщение на обложке. Это полноэкранное изображение, адаптирующееся под размер экрана. Есть возможность включить показ ссылки на прокрутку этого изображения (переход к содержимому страницы).
  • В объекте Текст и Таблица появился инструмент для управления междустрочным интервалом. Плюс, можно задавать отступы до и после абзаца.
  • В объекте Текст появился новый инструмент – Вставить разделитель (горизонтальная линия).
  • В объекте Заголовок появилась опция Размер шрифта по ширине объекта. Теперь на мобильных устройствах текст будет уменьшаться или переноситься на следующую строку.
  • В расширенных настройках в разделе Конфиденциальность и безопасность появились настройки внешнего вида кнопки принятия политики конфиденциальности.
  • Обновлено содержимое библиотеки стилей ячеек страниц.
  • В стиле объекта (4-й шаг создания сайта) на вкладке Текст для текста описания теперь можно задать ссылку.
  • В редакторе изображений, например, в объекте Изображение, появились новые рамки.
  • Немного увеличена высота рабочей области окна программы.
  • Изменён дизайн элементов интерфейса программы.

Сравнение Website X5 14 Start, Evolution, Professional

 

Start

Evolution

Professional

Цена (на 09.10.2017)

1050 р.

493 грн.

3250 р.

1525 грн.

8449 р.

3964 грн.

Количество создаваемых сайтов

Не ограничено

Не ограничено

Не ограничено

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

+

+

+

Максимальное количество страниц в проекте

25

10000

10000

Количество доступных шаблонов (без учёта покупных)

50

500

500

Создание сайта при помощи перетаскивания различных элементов на странице

+

+

+

Применение на сайте текстов, изображений, видео, аудио и анимации

+

+

+

FTP-клиент для выгрузки сайта в интернет

-

+

+

Возможность создания эксклюзивного шаблона (уроки №4-6)

-

+

+

Адаптивный дизайн

-

+

+

Настройка шаблона

-

+

+

Объекты для создания сайта: галереи, таблицы, формы обратной связи, гостевые книги, каталоги товаров, код HTML, поисковое поле и многое другое

-

+

+

Возможность создания блога

-

+

+

Базовые инструменты SEO оптимизации

-

+

+

Админка сайта

-

+

+

Доменное имя, адреса электронной почты и дисковое пространство на хостинге (на 12 месяцев)

-

+

+

Автоматическая регистрация пользователей

-

-

+

Расширенные опции интернет-магазина: купоны на скидку, учёт фактического наличия товаров на складе, управление заказами, продажа цифровых товаров (загружаемые файлы)

-

-

+

Объект Динамический контент для изменения содержимого сайта из админки без самой программы

-

-

+

Анализ и расширенные инструменты для SEO

-

-

+

Расширенные возможности: правки кода шаблона, настройки графики и кода сайта

-

-

+

FeedReady (приложение для мобильных устройств)

-

-

+

WebSite X5 Manager

-

-

+

Шаблоны, проекты/примеры и объекты Website X5

Ниже представлены ссылки на дополнительные ресурсы по программе:

Видео урок

В данном видео показаны некоторые моменты, описанные в статье выше.

  • Экспорт из 13, импорт в 14 – с 00:00.
  • Меню – с 02:32.
  • Интернет-магазин – с 09:26.
  • Блог – с 16:34.
  • Дизайн сайта – с 23:23.

 

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

В следующей статье «Видео уроки Website X5 14 (часть 1). Быстрое создание сайта» мы рассмотрим первые шаги по разработке сайта в новой версии программы, а в дальнейшем сжато и быстро познакомимся со всеми этапами данного процесса.

Видео уроки Website X5 13, 12 (актуально для 14)Видео уроки Website X5 13, 12 (актуально для 14)

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 13, 12 (актуально для 14).

 

Полезные ссылки: