---
title: Обзор Incomedia Website Х5 Evolution 9 (часть 5). Создание веб-сайта
description: Incomedia Website X5 Evolution 9 программа для создания сайтов. Обзор объектов страниц (Список продуктов и HTML и виджеты)
canonical_url: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-5
language: ru-RU
date: 2022-09-04T16:59:03Z
notice: This is a machine-friendly version of the page at https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-5.
markdown-tokens: 3422
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-5. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.
# Обзор Incomedia Website Х5 Evolution 9 (часть 5). Создание веб-сайта
- Тип – программа для создания сайта бесплатно.
- [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить без посредников").
- [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить без посредников").
- [Список продуктов](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-5#spisok-produktov "Список продуктов").
- [HTML и виджеты](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-5#html-i-vidzhety "HTML и виджеты").
В предыдущих статьях «Обзор Incomedia Website Х5 Evolution 9 (часть [3](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-3 "Обзор Incomedia Website Х5 Evolution 9 (часть 3). Самостоятельное создание сайта с нуля"), [4](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-4 "Обзор Incomedia Website Х5 Evolution 9 (часть 4). Создание веб-сайта"))» были рассмотрены некоторые объекты программы, которые помогут Вам создать веб-сайт. В этой части мы продолжим рассмотрение оставшихся объектов. А именно *Список продуктов* и *HTML и виджеты*.
## Список продуктов
Объект *Список продуктов* (рисунок ниже) позволяет размещать на странице товары для продажи. Данный объект, в основном, предназначен для создания интернет магазинов. Incomedia Website Evolution позволяет не просто создать веб-сайт, а создать полнофункциональный интернет магазин. Включая каталог товаров с категориями и подкатегориями и средства электронной оплаты. Как добавить продукты в Incomedia WebsiteX5 9 мы рассмотрим в статье «[Обзор Incomedia Website Х5 Evolution 9 (часть 8). Программа для создания сайта](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-8#korzina "Обзор Incomedia Website Х5 Evolution 9 (часть 8). Программа для создания сайта")».
Объект *Список продуктов* (рисунок выше) разделён на две вкладки.
1. *Список.*
2. *Опции.*
Вкладка *Список* (рисунок выше) позволяет добавить на страницу все или выборочные категории или товары. Также Вы можете выводить продукты в различной последовательности (в заданной Вами, в порядке убывания\\возрастания цены, в алфавитном порядке (от А до Я и от Я до А) наименований товаров, в алфавитном порядке (от А до Я и от Я до А) наименований категорий).
Вкладка *Опции* (рисунок ниже) позволяет задать и настроить отображение областей товаров на странице.
Доступно пять режимов отображения.
1. *Только текст.*
2. *Картинка и текст.*
3. *Текст и картинка.*
4. *Только картинка.*
5. *Чередовать картинки и текст.*
На рисунке выше показаны все пять видов отображения товара в порядке их следования в списке выше.
Для всей страницы Вы можете задать количество кадров (продуктов) в ряду, высоту кадра, ширину кадра в процентах от ширины объекта *Список продуктов*, размер внутренней границы. Вы можете также сменить начертание, кегль, гарнитуру и набор символов для шрифта, задать цвет текста, фона, указать цвет и ширину рамки. Можно задать опцию по отображению (скрытию) поля количества товара, поля цены и включить (отключить) отображение ссылки на картинку товара в увеличенном виде.
## HTML и виджеты
Сегодня создать веб-сайт и не интегрировать его с социальными сетями является чуть ли не признаком «плохого воспитания». Социальные сети весомо содействуют раскрутке сайта. Incomedia Website X5 Evolution 9 при помощи объекта *HTML и виджеты* (рисунок ниже) позволяет Вам не только встроить произвольный HTML код, но и при помощи уже настроенных виджетов «подключить» некоторые социальные сети и другие интересные возможности.
Настройки объекта разделены на две вкладки.
1. *HTML код.*
2. *Дополнительные.*
На вкладке *HTML код* (рисунок выше) Вы можете ввести произвольный HTML код или воспользоваться готовым виджетом. В качестве примера HTML кода приведён «модуль» сервиса социальных закладок [AddThis](https://aleksius.com/joomla/rasshireniya/addthis "Обзор AddThis Joomla. Статистика социальных сетей") (детальнее о нём Вы можете прочесть в статье «[Обзор ValAddThis plugin. Социальные закладки для Joomla](https://aleksius.com/joomla/rasshireniya/valaddthis-plugin#addthis "Обзор ValAddThis plugin. Социальные закладки для Joomla")». Вкладка содержит простейший текстовый редактор с инструментами *Вырезать, Копировать, Вставить, Возврат, Вернуть* (*Отменить, Повторить*).
```
```
На второй вкладке *Дополнительные* (рисунок ниже) Вы можете присвоить стиль к интегрируемому коду и добавить связанные с HTML кодом файлы (по аналогии с объектом [*Flash анимация*](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-3#flash-animacija "Обзор Incomedia Website Х5 Evolution 9 (часть 3). Самостоятельное создание сайта с нуля")).
Всего в Incomedia Website X5 Evolution 9 доступно восемнадцать виджетов. Рассмотрим их более детально.
*FacebookComments*. Данный виджет (рисунок ниже) позволяет вставить комментарии статей Вашего сайта пользователями социальной сети Facebook. Вы сможете задать адрес сайта для комментирования (Ваш адрес), количество комментариев на страницу, ширину поля комментариев, цветовую схему (*Светлая* или *Тёмная*) и язык элементов интерфейса модуля комментариев (испанский, итальянский, французский, немецкий, датский, английский, польский). В окне настроек виджета, в верхней его части, Вы можете прочесть описание возможностей виджета (на английском языке). В следующих описаниях виджетов не будут рассматриваться описанные ранее настройки.
*FacebookLikeBox*. Виджет позволяющий установить на сайте кнопку «Мне нравится» социальной сети Facebook. Вы можете настроить (рисунок ниже) адрес страницы, которая будет отмечена, как понравившаяся, включить\\отключить показ ленты, заголовка и аватаров.
*FacebookSubscribeButton.* При помощи данного виджета Вы можете разместить кнопку на подписку на новости, которые Вы выкладываете в публичный доступ на сайте Facebook. В настройках (рисунок ниже) можно выбрать один из трёх стилей кнопки (*Счётчик кнопка, Стандартный, Счётчик с полем*).
Виджет *Twitter* отображает Ваши последние записи в социальной сети Twitter. Достаточно просто ввести имя пользователя Twitter (рисунок ниже). При желании Вы сможете отредактировать сам HTML код в редакторе HTML.
*TwitterFollowButton*это виджет, который позволит добавить на страницу кнопку социальной сети Twitter. Доступны девять языков кнопки, включая русский. В опциях (рисунок ниже) можно задать отображение счётчика читателей новости.
Для вставки на страницу карты Google можно выбрать виджет *GoogleMaps*. В опциях (рисунок ниже) Вы можете выбрать, какой вид карты отображать (*Карта, Снимки со спутника, Смешанный вид*).
Виджет *GooglenewsBox* позволяет выводить новости со всего мира по выбранным Вами тематикам. В настройках (рисунок ниже) можно выбрать размер области новостей (128х90 или 300х250), количество выводимых новостей (4 или 8 результатов), выбрать язык новостей (автоматический или один из 35, включая русский и украинский). Доступно восемь категорий новостей.
1. *Мировые новости.*
2. *Бизнес новости.*
3. *Новости политики.*
4. *Национальные новости.*
5. *Развлечения.*
6. *Новости о технологиях.*
7. *Спортивные новости.*
8. *Новости здоровья.*
Виджет *Googletranslate* позволяет подключить автоматический перевод Вашего сайта на множество языков. Для этого необходимо всего лишь выбрать исходный язык Вашего сайта (рисунок ниже). Доступно 55 исходных языков, включая русский и украинский.
*Youtubenews* – это виджет, который позволяет отображать на сайте новости по заданной тематике (рисунок ниже) с популярного видео хостинга Youtube. Доступно тринадцать новостных провайдеров.
1. *CBS News Online.*
2. *C-SPAN.*
3. *Al-Jazeera English.*
4. *France 24 English.*
5. *The New York Post.*
6. *ITN News.*
7. *Russia Today.*
8. *The New York Times.*
9. *Top News Wideos.*
10. *The Wasshington Post.*
11. *Bloomberg.*
12. *Euronews.*
13. *The Associated Press.*
*Google +1 Button* позволяет установить кнопку +1 от Google. Можно выбрать размер кнопки (*Средняя, Большая, Маленькая, Стандартная*), задать адрес ссылки, которая будет отображаться как понравившаяся и задать специальную функцию скрипта (рисунок ниже).
Виджет *GradientButton* даст возможность разместить кнопку со ссылкой на любой адрес в сети. При этом Вам будут доступны такие опции (рисунок ниже): ширина и высота кнопки, гарнитура, начертание, размер и набор символов надписи на кнопке, цвет кнопки, её состояний при наведении курсора мыши и нажатии, цвет границы.
Виджет *GestBook* позволит Вам создать гостевую книгу на странице Вашего сайта. Вам достаточно ввести адрес почты, на которую будут приходить уведомления о добавлении отзывов и указать название директории для сохранения необходимых файлов (рисунок ниже).
*Login* – это виджет, который позволяет Вам отобразить форму ввода логина и пароля для доступа к закрытым частям сайта. Как сделать страницу доступной только для зарегистрированных пользователей, было рассмотрено в статье «[Обзор Incomedia Website Х5 Evolution 9 (часть 2). Программа для создания сайта](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-2#sozdanie-karty-sajta "Обзор Incomedia Website Х5 Evolution 9 (часть 2). Программа для создания сайта")». Как создавать учётные записи пользователей и задавать им пароль, будет рассмотрено в [следующих статьях](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-8#upravlenie-dostupom "Обзор Incomedia Website Х5 Evolution 9 (часть 8). Программа для создания сайта"). В настройках виджета (рисунок ниже) Вы сможете задать ширину поля, настроить шрифт, сменить подписи полей, а также настроить цвет надписей и фона.
Виджеты *PDFFile* и *PPTFile* позволяют отображать на странице Вашего сайта PDF и PPT файлы соответственно. Достаточно просто указать интернет адрес и задать высоту области отображения файла.
Виджет *ShinystatCounter* даст возможность выводить статистику по вашему сайту от Shinystat Counter. Для этого необходимо просто ввести имя пользователя сервиса Shinystat Counter.
*ShoppingCart* – виджет корзины товаров для интернет магазинов. В настройках (рисунок ниже) Вы можете выбрать, что именно отображать в корзине (список всех товаров или сумму за все товары к оплате). Также Вы сможете настроить шрифт корзины и его цвет.
Мы рассмотрели ещё несколько инструментов Incomedia WebsiteX5 Evolution 9, которые позволяют создать веб-сайт без знаний программирования. В статье «[Обзор Incomedia Website Х5 Evolution 9 (часть 6). Конструктор сайтов](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-6 "Обзор Incomedia Website Х5 Evolution 9 (часть 6). Конструктор сайтов")» будут рассмотрены некоторые опции по «экспертной настройке» проекта сайта. Они помогут настроить то, что нельзя было настроить в базовых параметрах (*Общие настройки*) и не доступно в настройках самих объектов. А именно: *Главное меню, Всплывающее меню, Меню страницы* и так далее.
| Похожие материалы |
|---|
| - [ Обзор Incomedia WebSite X5 9 Free (часть 1). Бесплатный конструктор сайтов ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-9-free-chast-1) - [ Обзор Incomedia WebSite X5 9 Free (часть 2). Бесплатная программа для создания сайта ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-9-free-chast-2) - [ Обзор Incomedia WebSite X5 9 Free (часть 3). Программа для создания сайта бесплатно ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-9-free-chast-3) - [ Обзор Incomedia Website Х5 Evolution 9 (часть 1). Программа для создания HTML сайтов ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-1) - [ Обзор Incomedia Website Х5 Evolution 9 (часть 2). Программа для создания сайта ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-2) - [ Обзор Incomedia Website Х5 Evolution 9 (часть 3). Самостоятельное создание сайта с нуля ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-3) - [ Обзор Incomedia Website Х5 Evolution 9 (часть 4). Создание веб-сайта ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-9-chast-4) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |
**Полезные ссылки:**
- [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить без посредников").
- [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить без посредников").
- [Официальный сайт программы](https://shop.incomedia.eu/affiliate.php?ACCOUNT=INCOMEPZ&AFFILIATE=38667&PATH=https%3A%2F%2Fwww.websitex5.com%2Fru%2F%3FAFFILIATE%3D38667 "Сайт Incomedia WebSite") (русский).
- [Сайт технической поддержки](https://shop.incomedia.eu/affiliate.php?ACCOUNT=INCOMEPZ&AFFILIATE=38667&PATH=https%3A%2F%2Fhelpcenter.websitex5.com%2Fru%3FAFFILIATE%3D38667 "Answers.websitex5.com").