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

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

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

 

 

В предыдущем цикле статей была детально рассмотрена программа для создания сайта Website X5 Evolution 9. В этом цикле мы рассмотрим новую, 10-ю версию Website X5 Evolution. В обзорах об Incomedia Website X5 Free 10 мы уже начали знакомиться с новшествами 10-й версии. Также были рассмотрены отличия между Incomedia Website X5 Evolution 10, Compact и Home.

В данном цикле статей не будут рассматриваться моменты, которые были затронуты в цикле статей Incomedia Website X5 Free 10. Обзор будет проходить в последней на момент написания статьи (07.05.2013) русскоязычной версии Incomedia Website X5 Evolution 10.0.4.28.

Новое в Incomedia Website X5 Evolution 10

Давайте рассмотрим, что нового появилось (или что было усовершенствовано) в Website X5 Evolution 10 после выхода первого стабильного релиза 9-й версии (частично, источник сайт Website Х5).

  • Встроенный веб-сервер. Программа для создания сайта теперь оснащена собственным веб-сервером, который упрощает предварительный просмотр создаваемого сайта. Это также позволит минимизировать ошибки связанные с брандмауэром и запуском локальных страниц.
  • Встроенный браузер. WebsiteX5 Evolution теперь оснащён встроенным браузером на движке Chromium, а не на Internet Explorer. Появилась поддержка многопоточности. Плюс, нажав правой кнопкой мыши в окне встроенного браузера и выбрав опцию Просмотреть исходный код, перед Вами откроется окно с большим количеством информации. Оно аналогично окну инструментов разработчика в Google Chrome.
  • Динамическая загрузка. Программа для создания сайта от Incomedia теперь загружается быстрее и потребляет меньше памяти.
  • Был переработан интерфейс Incomedia Website, улучшены опции по работе с файлами и шрифтами.
  • Переработана и обновлена галерея шаблонов, добавлены новые инструменты.
  • Появилась возможность экспорта шаблонов.
  • Шаблоны стали поддерживать мобильные устройства. Добавлены шаблоны, предназначенные специально для мобильных устройств.
  • Поддержка сенсорного ввода для изображений. Эффекты перемещения и приближения теперь реализованы не при помощи Flash, а при помощи Java Script, что дало возможность улучшить их отображение на мобильных устройствах и включить поддержку сенсорного ввода.
  • Добавлен новый объект «Социальная сеть» с возможностью вставки различных виджетов от социальных сетей Facebook, Google+, Twitter, Pinterest и так далее. Есть возможность интеграции с сервисом AddThis. Детальнее об этом сервисе Вы можете прочесть в статье «Обзор ValAddThis plugin. Социальные закладки для Joomla».
  • Добавлена возможность вставки якорей.
  • Добавлен новый объект «Гостевая книга».
  • Добавлен новый объект «Карты» с возможностью интеграции с Google Maps™ с опцией Google Street View™.
  • Управление данными. Данные, отправляемые пользователями с сайта через электронную почту или в базу данных теперь управляются из одного меню. Добавлены новые возможности.
  • Поддержка микроразметки для объектов электронной коммерции. Теперь информации о товарах (заголовок, описание, цена, фотография) встраиваются в код страницы в виде микроразметки, что позволяет создавать более привлекательные сниппеты на страницах выдачи результатов поискового запроса (от англ. SERPs – search engine results pages).
  • И многое другое.

Ещё некоторые отличия 9-й версии от 10-й описаны ниже в разделе «Переход с Website X5 Evolution 9 на Website X5 Evolution 10».

Если Вас интересуют отличия Incomedia Website X5 Evolution 8 от 9-й версии,  Вы можете ознакомиться с ними в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 1). Программа для создания HTML сайтов».

Помимо этого, все проекты, созданные в Incomedia Website X5 Evolution 9 могут быть открыты и дополнены в 10-й версии программы.

Переход с Website X5 Evolution 9 на Website X5 Evolution 10

Рассмотрим ситуацию, когда Вы делали проект в 9-й версии, а после обновления или покупки новой лицензии хотите продолжить работу над проектом в Website X5 Evolution 10. По словам разработчиков переход с 9-й версии на 10-ю весьма прост и Вы не потеряете результаты своей работы. Но всё равно,  настоятельно рекомендую создать полную резервную копию проекта, всех файлов и самого сайта и обязательно убедиться в её работоспособности.

Шаги по переносу проекта с 9-й на 10-ю версию Website X5 Evolution.

  • В Website X5 Evolution 9 откройте нужный проект и на 5 шаге создания сайта экспортируйте его в формат IWZIP, опция Экспорт проекта. Подробнее об этом Вы можете прочесть в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 9). Программа для бесплатного создания сайта».
  • В Website X5 Evolution 10 на этапе выбора проекта нажмите на кнопку Импорт и укажите экспортированный из 9-й версии файл формата IWZIP. Импорт данных может занять продолжительное время в зависимости от размера проекта, количества файлов, скорости и загруженности Вашего компьютера. Были случаи, когда импорт заканчивался ошибкой из-за того, что в полном имени файла, который содержался в проекте были русские буквы и\или пробелы. Устраните подобные моменты и повторите всю процедуру сначала.

Обратите внимание, что долго открываться будет только первый раз, так как Incomedia Website X5 Evolution 10 должна создать файлы предварительного просмотра. В последствии программа для создания сайта будет открывать проект гораздо быстрее.

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

Рассмотрим, на что следует обращать внимание после удачного экспорта.

  • Менеджер языков. Если Вы меняли значения переменных для языка, который используете на сайте, то экспортируйте его из Website X5 Evolution 9 и импортируйте в Website X5 Evolution 10. Это можно сделать в менеджере языков в общих настройках проекта. Или, если и изменений немного, внесите их самостоятельно.
  • Шаблон. Если похожий на Ваш шаблон есть в базе Website X5 Evolution 10, то достаточно просто внести некоторые изменения средствами визуального редактора шаблона Website X5 Evolution 10, если это необходимо. Если шаблона нет, то программа для создания сайта автоматически назначит первый шаблон в галерее для Вашего сайта. Вы можете оставить его, выбрать другой или создать шаблон похожий на Ваше старое оформление путём создания произвольного шаблона средствами Incomedia Website.
  • Объекты шаблона. В 9-й версии Вы могли вставлять в шапку или подвал сайта галерею на основании Flash. В 10-й версии галерея реализуется на основании HTML5. Так что если Вы вставляли галерею в верхний и\или нижний колонтитул, то проверьте эффекты перехода между слайдами. Они могли измениться. Если точно таких эффектов нет, то они автоматически изменены на максимально похожие из доступных.
  • Галерея. В 9-й версии Вы могли вставлять на страницы сайта галереи на основании Flash. В 10-й версии галерея реализуется на основании HTML5. Так что если у Вас есть такие объекты, то проверьте эффекты перехода между слайдами. Они могли измениться. Если Точно таких эффектов нет, то они автоматически изменены на максимально похожие из доступных. Также, если Вы использовали оформление миниатюр, то оно могло быть изменено, так как некоторые изображения были удалены из галереи. Вы можете вернуть их вид путём создания настраиваемых миниатюр.
  • Объект HTML и виджеты был существенно изменён. Некоторые элементы, которые ранее были созданы средствами этого объекта теперь сами стали отдельными объектами. Например, гостевая книга,  социальные закладки, карты Google. Те элементы, которые в 9-й версии были сделаны при помощи объекта HTML и виджеты, в 10-й версии стали отдельными объектами и останутся в качестве объекта HTML и виджеты.
  • Главное меню. Алгоритм преобразования Clear Type в Incomedia Website X5 Evolution 10 был улучшен. Убедитесь в том, что Вам до сих пор нужно использовать опцию «Использование антиалиасинга при отображении текста» для главного меню. Если это не так, то её можно отключить.
  • Корзина покупок и электронная коммерция. Поля формы заказа в 9-й версии были переменными языкового файла. В Incomedia Website X5 Evolution 10 они вставляются программой. Если Вы вносили изменения в описание полей, то при конвертации это могло потеряться. Информация о доставке – в 9-й версии программы, поле, в которое покупатель мог ввести второй адрес, в случае, если адрес доставки и адрес выписки счёта были разные, должно было заполняться вручную. В 10-й версии это поле не создаётся. Но Вы можете его добавить, включив опцию Отображать форму данных для доставки. «Политика конфиденциальности» в 9-й версии была переименована в «Условия и сроки» в 10-й версии. Проверьте текст лицензионного соглашения. В соответствии с текущими европейскими нормами текст «Условия и сроки» более не отображается в форме заказа, но отображается в конце оформления заказа перед кнопкой «Отправить». В 10-йверсии доступно 3 варианта опции для типа налога. Убедитесь в том, что Вы выбрали правильную.
  • Отправка писем. Программа для создания сайта теперь позволяет задать метод отправки писем отдельно для каждого проекта. Это должно упростить экспорт разных сайтов на разные сервера.
  • Блог. Путь к каталогу, в котором должны храниться файлы комментариев задаётся в опции Управление данными.

Ниже представлена таблица, в которой указаны проверенные (по заявлению разработчиков) случаи конвертации проекта из одной версии в другую.

 

Из

В

Подтверждение конвертации

Website X5 Evolution 9

Website X5 Evolution 10

+

Website X5 Compact 9

Website X5 Compact 10

+

Website X5 Compact 9

Website X5 Evolution 10

+

Website X5 Smart 9

Website X5 10 (любая модификация)

-

Website X5 8 (любая модификация)

Website X5 10 (любая модификация)

-

 Обратите внимание на то, что на компьютере одновременно может работать Incomedia Website X5 Evolution 10 и 9. В случае, если это позволяет Ваша лицензия.

Предпочтения

В статье «Обзор Incomedia Website X5 Free 10 (часть 1). Создание сайта бесплатно» были рассмотрены глобальные настройки программы. В Incomedia Website X5 Evolution 10 они такие же (рисунок ниже), исключая то, что в Evolution версии нет опции Automatically add the ‘Generator’ Metatag. Этот мета-тег вставляется автоматически.

Предпочтения

Incomedia Website X5 Evolution 10

В Incomedia Website X5 Evolution 10 стартовая страница (рисунок выше) не отличается от стартовой страницы Free версии.

Выбор проекта

Сразу после стартовой странице Вы сможете выбрать существующий проект, создать новый или импортировать ранее созданный (рисунок ниже).

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

Программа для создания сайта, её платная версия, предлагает Вам все те же возможности, что и бесплатная версия. Детальнее о них можно прочесть в статье «Обзор Incomedia Website X5 Free 10 (часть 1). Создание сайта бесплатно».

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

Общие настройки

Общие настройки сайта (рисунок ниже) разделены на две вкладки.

  1. Основной. Детальнее с этой вкладкой (рисунок ниже) Вы можете познакомиться в статье «Обзор Incomedia Website X5 Free 10 (часть 2). Программа конструктор сайтов».
  2. Эксперт. Служит для более тонкой настройки всего сайта в целом.

Купить Website X5

Считаю, что купить Website X5 стоит хотя бы из-за вкладки Эксперт. Так как на этой вкладке (рисунок ниже) Вы сможете, например, вставить код отслеживания для сервисов «Яндекс Метрика», «Google Analytics» и «Инструменты для веб-мастеров Google». В противном случае, Вам придётся каждый раз добавлять несколько фрагментов кода в разные части каждой страницы сайта. На мой взгляд, это неприемлемо.

Платный конструктор сайтов

Платный конструктор сайтов позволяет вставлять произвольный код в разные части страницы.

  • Пользовательский код. В этом спадающем списке Вы можете выбрать одно из пяти мест страницы (Перед закрывающемся тегом HTML, Перед закрывающемся тегом HEAD, Атрибуты тега BODY (style, onload и т.д.), Перед закрывающемся тегом BODY, После закрывающегося тега BODY), куда будет добавлен произвольный код. Выбрав ту или иную опцию, Вы можете ввести нужный Вам фрагмент кода в поле ниже. Оно отмечено надписью «В это поле можно ввести код службы статистики посещаемости, свой скрипт, применяемый ко всем страницам сайта или CSS-код».
  • Мета-тег для распознавания в Google Webmaster Central. Для того, чтобы Вы могли получать данные по сайту из сервиса «Инструменты для веб-мастеров Google» необходимо подтверждение прав собственности на сайт. Для этого служит поле Мета-тег для распознавания в GoogleWebmasterCentral. В него Вы можете вставить код проверки, который получите в сервисе «Инструменты для веб-мастеров Google».
  • Автоматически создавать карту сайта. О том, зачем нужна карта сайта Вы можете детальнее прочесть в статье «Обзор Xmap. Карта сайта для Joomla». Включив опцию Автоматически создавать карту сайта Вы дадите команду WebsiteX5 Evolution на её автоматическое создание. Считаю, что это полезная опция и её необходимо активировать.
  • Включить защиту HTML-кода. Данная опция активирует вывод сообщения (рисунок ниже) в случае, если посетитель сайта попытается воспользоваться правой кнопкой мыши (контекстным меню). Также, при активации данной опции в браузере будет отключена функция копирования. Это немного усложнит копирование текстов и изображений Вашего сайта. Но просмотреть код страницы можно.

Сообщение

В статье «Обзор Incomedia WebSite X5 11 Evolution. Программа для визуального создания сайтов» можно прочесть о новых возможностях по настройки сайта. Также рекомендую просмотреть видео урок по созданию сайта.

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

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

Website X5 Evolution

Website X5 Evolution 10 содержит 31 категорию шаблонов (рисунок выше).

  1. Веб-портал. 50 шаблонов.
  2. Спорт. 48 шаблонов.
  3. Магазин. 52 шаблона.
  4. Услуги. 52 шаблона.
  5. Школа и образование. 52 шаблона.
  6. Религия. 32 шаблона.
  7. Недвижимость, путешествия и туризм. 52 шаблона.
  8. Фотография. 54 шаблона.
  9. Природа. 50 шаблонов.
  10. Музыка и танцы. 46 шаблонов.
  11. Машины. 48 шаблонов.
  12. Мобильный. 28 шаблонов.
  13. Литература и поэзия. 50 шаблонов.
  14. Дизайн интерьера. 54 шаблона.
  15. Хобби. 52 шаблона.
  16. Здоровье. 54 шаблона.
  17. Еда и рестораны. 60 шаблонов.
  18. Цветы и сады. 52 шаблона.
  19. Мода. 48 шаблонов.
  20. Развлечения. 50 шаблонов.
  21. Дизайн. 48 шаблонов.
  22. Компьютеры и программы. 50 шаблонов.
  23. Кино и театр. 48 шаблонов.
  24. Бизнес. 48 шаблонов.
  25. Здания. 50 шаблонов.
  26. Красота. 46 шаблонов.
  27. Астрономия и авиация. 46 шаблонов.
  28. Ассоциации. 50 шаблонов.
  29. Искусство. 52 шаблона.
  30. Архитектура. 50 шаблонов.
  31. Животные. 34 шаблона.

Итого  около 1458 шаблонов. Есть шаблоны с горизонтальным и вертикальным меню. Также для каждого шаблона можно менять цветовое оформление. Я бы выделил 48 «цветовых схем» для каждого шаблона. Цвет можно изменить, выбрав инструмент Редактировать цвет шаблона в панели инструментов вверху. Другие инструменты были рассмотрены ранее в статье «Обзор Incomedia Website X5 Free 10 (часть 2). Программа конструктор сайтов». Рассмотрим несколько примеров шаблона для разных категорий (рисунки ниже).

Сайт Website X5

Зайдя на сайт Website X5, Вы сможете приобрести дополнительные шаблоны (в среднем от 157 грн. (598 руб.) до 209 грн. (798 руб.)) или скачать некоторые из них бесплатно.

Websit X5

Websit X5 позволяет создавать собственный шаблон. Но об этом мы поговорим в статье «Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов».

Incomedia

Incomedia, как видите, позаботилась о том, чтобы расширить выбор доступных шаблонов в 10-й версии программы.

Incomedia Website

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

Шаблоны для Website X5

Шаблоны для Website X5 2

 Давайте ещё раз обратим внимание на окно выбора шаблона Incomedia Website X5.

Incomedia Website X5

В правой его части (рисунок выше) есть группа кнопок.

  • Новый шаблон. Создаёт новый шаблон, который в последствие можно отредактировать.
  • Переименовать. Можно переименовать пользовательские (Ваши) шаблоны. Переименовывать встроенные в программу – нельзя.
  • Сделать копию. Можно создать копию любого шаблона. Если делать копию со встроенного шаблона,  тогда можно будет его переименовывать.
  • Импорт. Импорт шаблона в формате IWTPL.
  • Экспорт. Экспорт шаблона в формат IWTPL.
  • Редактировать. Переход к редактору шаблонов.

В конце статьи «Обзор WebSite Evolution 10 (часть 10). Создание сайта HTML» Вы можете скачать файл проекта (*.IWZIP) тестового сайта к данному циклу статей.

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

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

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

 

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