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

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

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

 

 

В предыдущем цикле статей «Incomedia Website Х5 Evolution 10» была рассмотрена флагманская, на тот момент, версия программы  для создания сайта. Не так давно, примерно в начале октября 2013, была выпущена в продажу более расширенная версия программы – Incomedia WebSite X5 Professional 10.

К основным её новшествам отнесем следующие:

  • Создание и редактирование контента средствами административной панели сайта без использования Incomedia WebSite X5 Professional 10.
  • Самостоятельная регистрация пользователей на сайте.
  • Проверка сайта на наличие формальных SEO-ошибок (длина и наличие мета-описаний, наличие страниц в карте сайта и т. д.).
  • Создание и использование скидочных купонов на продаваемые товары.
  • Отображение информации о наличии товара на складе.
  • Просмотр новостей сайта на мобильных телефонах при помощи специального приложения.
  • Создание и управление файлом robots.txt.
  • Группировка проектов сайтов в Incomedia WebSite X5 Professional 10.
  • Новый тип галереи, позволяющий вращать фотографии на 360 градусов.
  • Вставка произвольного HTML кода в главное меню.
  • Резервное копирование проектов WebSite X5 Professional 10.
  • Возможность создания вкладок для объекта Текст и Таблица.
  • Возможность воспроизведения видео или аудиофайлов в разном формате в зависимости от браузера.
  • Возможность отключения внедрения мета тега «generator».

Об этих и других изменениях мы поговорим в следующих статьях более детально. В обзоре будут участвовать последние на момент написания статьи (30.11.2013) русскоязычные версии Incomedia WebSite X5 Professional 10.1.0.39 и 10.1.2.42.

Характеристики тестового компьютера.

  • Операционная система – Microsoft Windows 8.1 Профессиональная x64.
  • Разрешение экрана – 1920х1080.

Хостинг.

  • Сервер Linux.

Отличия Incomedia WebSite X5 Professional 10 от Evolution

Программа для создания сайта от Incomedia существует в пяти редакциях (версиях).

  1. Free. Бесплатная.
  2. Home – 192 грн. (790 руб.) (05.08.2013)
  3. Compact – 365 грн. (1500 руб.) (29.11.2013)
  4. Evolution 10. – 609 грн. (2500 руб.) (29.11.2013)
  5. Professional 10 – 2069 грн. (8499 руб.) (29.11.2013)

Об отличиях между Home, Compact и Evolution Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Free 10 (часть 1). Создание сайта бесплатно». Рассмотрим отличия между Evolution и Professional (источник).

 

Возможности

Evolution

Professional

Динамический контент

-

+

Мобильное приложение для трансляции лент активности и публикаций из блогов

-

+

Текст и таблицы, отображаемые на отдельных вкладках

-

+

Эффект «Ротация 360°» для фотогалерей с поддержкой сенсорных устройств

-

+

Обновление динамического контента в онлайн-режиме

-

+

Управление базой данных проекта

-/+

+

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

-

+

Корзина товаров для интернет-магазина с платежным шлюзом для процессинга банковских карт

-/+

+

Инструмент SEO-анализа сайта

-

+

Резервное копирование проекта

Автоматически

Автоматически и вручную

Административная панель сайта

+

Улучшенная функциональность

Веб-хостинг

- 1 доменное имя

- 30 Гб дискового пространства

- Неограниченное количество учетных записей электронной почты

- 1 база данных

- Облачное хранилище данных

- Хостинг с панелью управления cPanel

- Неограниченное количество дискового пространства, учетных записей e-mail и баз данных. Синхронизация данных.

- Управление резервным копированием

- Защита от взлома

Цена

609 грн. (2500 руб.)*

2069 грн. (8499 руб.)*

 

* – на 29.11.2013

Как и при переходе с девятой версии программы на десятую, проекты, сделанные в Evolution откроются в Incomedia WebSite X5 Professional 10.

Новые возможности WebSite X5 Professional 10

Сайт на мобильном устройстве

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

Рассмотрим основные этапы этого процесса.

  1. Настройка WebSite X5 Professional.
  2. Создание новости в RSS ленте или в блоге.
  3. Размещение ссылки на приложение FeedReady на страницах Вашего сайта.
  4. Установка пользователем приложения FeedReady на свой телефон.
  5. Уведомление пользователей об обновлениях на сайте
  6. Чтение новостей пользователем.

Плюс, пользователи смогут поделиться новостями Вашего сайта с мобильного устройства в Facebook и Twitter.

FeedReady – это приложение для мобильного устройства на базе iOS и Android, которое может транслировать новости с Вашего сайта (с блога и\или RSS ленте) на смартфонах Ваших пользователей, если они его установят и подключатся к «каналу» Вашего сайта.

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

Incomedia WebSite X5 Professional 10

Incomedia WebSite X5 Professional 10 позволяет настроить следующие параметры этого инструмента (рисунок ниже).

Мобильное приложение

  • Включить отображение контента в App FeedReady. Указывает на то, что содержимое блога и\или RSS ленты Вашего сайта должно транслироваться в приложениях FeedReady, установленных на телефонах Ваших посетителей.
  • Показывать контент Блога. Программа для создания сайта будет отображать в FeedReady новости с Вашего блога.
  • Показать содержимое ленты-RSS. WebSite X5 Professional 10 будет отображать в FeedReady новости с Вашей RSS ленты.
  • Изображение названия для приложения. Вы можете указать картинку в формате JPG, JPEG, GIF или PNG, которая будет отображаться над новостями в FeedReady. Эта картинка – аналог логотипа.
  • Предлагать установки или открытие приложения. Если пользователь зашёл на Ваш сайт с мобильного устройства (телефон, смартфон, коммуникатор), то ему будет показано сообщение с предложением установки FeedReady на его устройство. Если программы там ещё нет. Если FeedReady уже установлена, то пользователю предложат открыть её для более удобного просмотра новостей Вашего сайта.
  • Включить Push-уведомления. Вы сможете уведомлять пользователей, у которых установлено данное приложение, о новостях на Вашем сайте тогда, когда они там появляются. Это что-то наподобие почтовой рассылки.

После этих настроек Вам необходимо создать новость в блоге или RSS-ленте. Подробнее о доступных инструментах Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 8). Создание WEB-сайтов».

Затем Вам необходимо разместить ссылку на загрузку FeedReady. Это можно сделать при помощи добавления специального QR-кода на Ваш сайт. Изображение QR-кода можно скачать с сайта разработчика Incomedia WebSite X5 Professional 10. Пример Вы можете увидеть на тестовом сайте. В статье «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов» мы рассмотрели действия, доступные при нажатии на те или иные элементы страницы (текст, изображение). В WebSite X5 Professional 10 добавилось ещё одно действие – Мобильное приложение. При помощи него (рисунок ниже) Вы сможете задать действие по нажатию на текст или изображение, при котором посетитель может  перейти в App Store или Google Play для загрузки и установки FeedReady, или сможет перейти к просмотру новостей Вашего сайта в FeedReady, если оно у него установлено. Пример таких ссылок Вы можете увидеть на тестовом сайте внизу страницы.

Ссылка на мобильное приложение

В WebSite X5 12 появилась возможность создания сайта с отзывчивым дизайном.

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

Программа для создания сайта предоставляет новые возможности в инструменте Корзина. О существовавших до Professional версии инструментах Вы можете прочесть в статье «Обзор WebSite Evolution 10 (часть 9). Создание сайта своими руками».

В настройках товара на вкладке Общие (рисунок ниже) есть возможность отметить товар как новинку (опция Установить параметр продукта – «Новинка»).

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

 Теперь при настройке товара Вы можете задавать не только основные параметры, но и дополнительные (рисунок ниже). Пример можно увидеть на тестовом сайте. Вы можете видеть, что Artisteer продаётся не только в двух вариантах («Standard Edition», «Home и Academic Edition»), но и для «Standard» доступны варианты («Обновление на 2 года, тех. поддержка 1 год» и «Обновление на 3 года, тех. поддержка 6 месяцев»).

Параметры

Таким образом, программа для создания сайта даёт Вам возможность отметить товары как новые в списке товаров в WebSite X5 Professional (рисунок ниже).

Новый товар

Как видите, новый товар отмечен «солнышком». Отметку нового товара можно отображать на самом сайте. Для этого в настройках объекта Список продуктов (рисунок ниже) необходимо задать изображение для отметки. Можно выбрать или своё в формате JPG, JPEG, GIF, PNG или указать одно из пятнадцати, доступных в коллекции. Отмечу, что так можно выделить не только новые товары, но и, например, товары со скидкой, самое популярное и др. Достаточно нарисовать нужные изображения.

Настройки объекта Список товаров

  • Тип ленты. Возможно выбрать варианты Новый Продукт или Продукт со скидкой. От этого будет зависеть набор изображений в спадающем списке Изображение.
  • Изображение. Позволяет задать изображение для товара из коллекции согласно настройкам опции Тип ленты. Для Новый Продукт – 15 изображений, для Продукт со скидкой – 30 изображений.
  • Выравнивание. Выравнивание изображения отметки в пределах карточки товара: 1 – Сверху - Слева, 2 – Сверху – Справа, 3 – Снизу – Слева, 4 – Снизу – справа.
  • Ширина (%). Ширина изображения отметки в процентах.

О других опциях объекта Список продуктов Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 6). Создание интернет-сайтов».

В настройках товара появилась ещё одна вкладка – Наличие (рисунок ниже).

Наличие

Она позволяет указать доступность товара. Значок наличия выводится во фронтальной части сайта и в самом Incomedia WebSite X5 Professional 10. Пример Вы можете увидеть на тестовом сайте. В WebSite X5 12 появилась возможность задавать фактическое количество товара.

В настройках корзины на вкладке Отправить заказ (рисунок ниже) тоже произошли некоторые изменения.

WebSite X5 Professional 10

WebSite X5 Professional 10 даёт возможность заносить данные о заказе в базу данных. Для этого необходимо из спадающего списка Порядок доставки выбрать вариант Отправить данные в базу данных. А в спадающих списках Имя базы данных и Имя таблицы необходимо выбрать соответствующие значения. Подробнее об этом Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 8). Создание WEB-сайтов».

Вкладка Параметры (рисунок ниже) также была дополнена новыми опциями.

Вкладка Параметры

  • Стиль процесса покупки. Теперь программа для создания сайта позволяет выводить в верхней части страницы оформления заказа некий индикатор. Это картинка шкалы (Ваша Корзина, Ваши данные, Просмотр ваших данных, Готово), состоящая из нескольких шагов, которые необходимо пройти покупателю для оформления заказа. В Incomedia WebSite X5 Professional 10 доступно одиннадцать стилей для процесса покупки. Пример Вы можете посмотреть на тестовом сайте, начав оформление одного из товаров.
  • Включить возможность использования купонов. Вы сможете задавать купоны, которые клиенты смогут вводить в специальное поле при оформлении заказа и получать скидки.
  • Скидка (%). Процент скидки, которую получит клиент за ввод того или иного купона. Пример Вы можете посмотреть на тестовом сайте начав оформления одного из товаров.
  • Наличие продукта. В этом спадающем списке Вы сможете выбрать один из десяти стилей отображения информации о наличии продукта. Пример Вы можете посмотреть на тестовом сайте.

В Incomedia WebSite X5 Professional 10.1.2.42, которая вышла 03.12.2013, стали доступны такие системы оплаты как: Google Wallet (aka Google Checkout), MultiSafepay, Robokassa, Sage Pay.

Интеграция с базами данных

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

Настройки Блога

Достаточно из спадающего списка Метод сохранения данных выбрать вариант Отправить данные в базу данных. А в спадающих списках Имя базы данных и Имя таблицы необходимо выбрать соответствующие значения. Подробнее об этом Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 8). Создание WEB-сайтов». О других настройках блога Вы можете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 8). Создание WEB-сайтов».

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

Настройки гостевой книги

О других настройках данного объекта Вы сможете прочесть в статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 5). Создание веб-сайтов».

Вы можете загрузить проект тестового сайта в конце статьи «Обзор WebSite X5 Professional программа для создания web сайтов (часть 3)». В архиве (IWZIP) проект, копия файлов предпросмотра сайта и резервные копии.

В следующей статье «Обзор WebSite X5 Professional программы для разработки сайтов (часть 2)» будут рассмотрены такие новшества: автоматическая регистрация пользователей на сайте и анализ формальных ошибок, мешающих нормальной индексации Вашего сайта поисковыми системами.

Видео уроки Website X5. Создание сайта с нуляВидео уроки Website X5. Создание сайта с нуля

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

 

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