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

Скидка -30% с 1 по 30 сентября на

WebSite X5 Evolution и WebSite X5 Professional

Скидка -30% от разработчика

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

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

 

 

Website X5 16 – это русскоязычная программа для создания сайтов без знания программирования. Позволяет создавать сайты разного типа: от визиток и лэндингов до интернет-магазинов. В предыдущей статье «Обзор Website X5 Professional 16. Google AMP, GDPR и другие новшества» мы рассмотрели новшества 16-й версии. В этой части поговорим о возможности создания сайтов на основании готовых шаблонов-проектов.

В обзоре участвует последняя, на момент написания статьи (27.08.2018), русскоязычная версия Incomedia Website X5 Professional 16.2.1 (х64). Сайт на основании шаблона и «быстрого старта» – Pet Shop включая все объекты из его состава. На сайте отображаются англоязычные демонстрационные материалы, но сайт можно сделать на любом языке и даже на нескольких (мультиязычный).

Видео обзор

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

  • Покупка шаблона – с 00:00:31.
  • WebSite X5 Optimizer – с 00:06:37.

 

 

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

Шаблон – «быстрый старт»

Для ещё большего упрощения работы с программой, а также для получения более качественного результата можно использовать готовые проекты сайтов. В программе их называют «Full Template». По сути, это готовый работающий сайт с дизайном, страницами, объектами и контентом. Что ещё называют «Быстрый старт» или «QuickStart».

Например, «Pet Shop». На странице описания шаблона можно узнать более подробную информацию о нём, включая список объектов, которые в него входят.

Есть бесплатные и платные шаблоны. Рассмотрим установку такого шаблона на примере платного – «Pet Shop».

Шаг 1. Подберите нужный Вам шаблон в каталоге. На странице с его описанием есть таблица с ценами в условных единицах – «кредитах». Например, сам «дизайн» без контента и объектов можно купить за 10 кредитов. Готовый к использованию проект сайта с дизайном, контентом и некоторыми объектами, для которых написано «Бесплатно» – за 20 кредитов. А если хотите готовый к использованию проект сайта с дизайном, контентом и всеми объектами, то к 20 кредитам нужно прибавить ещё стоимость всех платных объектов, если Вы не покупали их ранее. Так цена «Pet Shop» со всеми объектами – 84 кредита.

Состав шаблона
Состав шаблона

Возможно, не стоит торопиться и покупать всё. Глядя на демонстрационный сайт можно попытаться понять, где применяются те или иные объекты. И если они Вам не нужны, нет необходимости их покупать.

Можно уточнить у разработчика, где именно на демонстрационном сайте используются те или иные объекты.

Купив «Full Template» за 20 кредитов, самому можно посмотреть, где находятся те или иные объекты.

Шаг 2. Купить нужное количество кредитов (рисунок ниже). Обратите внимание, что на данный момент срок действия активированных кредитов 365 дней с момента активации. То есть, если Вы не потратите кредиты за это время, то они «сгорят». Кредиты можно тратить на шаблоны и объекты.

Доступны такие способы оплаты:

  • Кредитная карта.
  • PayPal.
  • WebMoney.
  • Банковский перевод.

После оплаты Вы получите в письме код пакета кредитов. Что-то типа «97418-47MA7-NS7A3-TG7N7».

Шаг 3Войдите на сайт используя свой логин и пароль. Должен быть тот аккаунт, к которому привязана лицензия на программу WebSite X5. Перейдите на страницу «мои кредиты» и в поле Активируйте пакет кредитов укажите полученный код. Нажмите кнопку активации (рисунок ниже). Если всё прошло хорошо, Вы увидите сообщение как на рисунке ниже.

Активация кредитов
Активация кредитов

Шаг 4. Перейдите в программу. Если она была запущена до активации кредитов, то закройте её и заново запустите. В левом нижнем углу должны отображаться Ваши кредиты (рисунок ниже).

Кредиты в программе
Кредиты в программе

Шаг 5. Не важно, создаёте ли Вы проект на базе шаблона с нуля или хотите применить его к существующему проекту, рекомендую выбрать вариант Создать новый проект. Так у Вас всегда будет под рукой «исходный вариант». Если Вы что-либо измените на сайте, а потом захотите сделать так, как было в шаблоне, будет возможность посмотреть на исходный вариант.

Шаг 6. В появившемся окне выберите нужный Вам шаблон и его «режим» (рисунок ниже). Для покупки программа может запросить Ваш логин и пароль от аккаунта на сайте Helpcenter.websitex5.com. Купите шаблон и дождитесь его загрузки и установки.

Выбор шаблона
Выбор шаблона

Шаг 7. После этого перед Вами может появиться сообщение с перечисленными объектами, которые входят в шаблон, но которые ещё у Вас не установлены. Чтобы их установить, перейдите в Страницы и нажмите кнопку Управление в правом верхнем углу. В появившемся окне в спадающем списке, в левой верхней части окна, выберите Использованы в Проекте (рисунок ниже).

Установка объектов
Установка объектов

Шаг 8. Установите бесплатные объекты и купите нужные Вам платные объекты (рисунок ниже). Для покупки программа может запросить Ваш логин и пароль от аккаунта на сайте Helpcenter.websitex5.com. Загрузка и установка объектов занимает, в большинстве случаев, до 1 минуты.

Покупка объекта
Покупка объекта

Теперь можете использовать купленный шаблон и объекты. Некоторые особенности:

  • если не устанавливать объекты, которые используются в проекте, Вы не сможете редактировать их. Но они будут отображаться на сайте. Их можно будет удалить.
  • Если Вы сделали проект с объектами в одной программе, а затем перенесли его в программу, в которой нет этих объектов, то Вы не сможете редактировать их. Но они будут отображаться на сайте. Их можно будет удалить.
  • Если у Вас несколько лицензий, привязанных к одному аккаунту, купив объект/шаблон, они будут работать во всех программах. Независимо от версии Professional или Evolution.
  • При обновлении Website X5 не надо заново покупать купленные ранее объекты и шаблоны.
  • Активированные кредиты можно тратить на покупку объектов или шаблонов через любую версию программы, которая привязана на тот аккаунт, в котором Вы активировали кредиты.

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

WebSite X5 Optimizer

Не так давно Incomedia выпустила бесплатную программу WebSite X5 Optimizer. Она работает с проектами сайтов Evolution и Professional версий (файлы в формате IWZIP) и позволяет:

  • обновить проект со старой версии, начиная с WebSite X5 10, до последней версии. Полезно, когда сайт был сделан давно, не обновлялся, а теперь его надо отредактировать в новой версии программы.
  • Оптимизировать проект. Оптимизация достигается за счёт изменения размеров изображений до таких, какие используются в проекте, а также за счёт удаления из проекта резервных копий. Например, Вы загрузили в программу фотографию размером 1920х1080 пикселей, но на сайте Вы её вставили с размером 640х480 и применили маску. Так вот во время оптимизации WebSite X5 Optimizer удалит из проекта исходную фотографию с размером 1920х1080 пикселей (без маски), а оставит только конечную версию 640х480 (с маской). Оптимизация позволяет сократить размер проекта и ускорить время генерации сайта для просмотра и выгрузки.

Рассмотрим пример работы WebSite X5 Optimizer 1.6.0 (англоязычная версия).

Шаг 1. Скачайте и установите программу с официального сайта.

Шаг 2. Добавьте файл проекта сайта (IWZIP) в WebSite X5 Optimizer (рисунок ниже). Время импорта и анализа зависит от размера файла проекта, его состава и от производительности Вашего процессора. Во время тестов у меня проекты открывались от 10 секунд до 4-х минут (процессор Intel Core i7 4770).

Добавление проекта в WebSite X5 Optimizer
Добавление проекта в WebSite X5 Optimizer

Шаг 3. Просмотрите информацию о проекте (информация о проекте) и перейдите к следующему шагу.

Информация о проекте
Информация о проекте

Шаг 4. Выберите один из уровней оптимизации (рисунок ниже) и начните оптимизацию.

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

Время оптимизации зависит от размера файла проекта, его состава, уровня оптимизации и от производительности Вашего процессора. Во время тестов у меня проекты открывались от 20 секунд до 12-ти минут (процессор Intel Core i7 4770).

Шаг 5. Просмотрите результаты оптимизации и сохраните файл проекта. Теперь можно импортировать его в Website X5 и продолжить работу над сайтом.

Результаты оптимизации
Результаты оптимизации

Ниже приведу пример тестовых проектов и результаты оптимизации. Во время оптимизации все проекты были сконвертированы в проекты для Website X5 16.2.1.

 

Исходный проект

Исходный размер

Без оптимизации

Базовая оптимизация

Полная оптимизация

WebSite X5 11, 496 изображений

95,4 Мб

37,8 Мб

14,6 Мб

14,6

WebSite X5 13, 524 изображения

1170 Мб

490 Мб

173 Мб

173 Мб

WebSite X5 16, 137 изображений

29,8 Мб

29,7 Мб

25,6 Мб

28,3 Мб

 

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

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

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

 

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

Скидка -30% с 1 по 30 сентября на

WebSite X5 Evolution и WebSite X5 Professional

Скидка -30% от разработчика