---
title: WebSite X5 11 Evolution – программа для создания сайтов
description: Incomedia WebSite X5 11 Evolution программа для визуального создания сайтов. HTML5, CSS3, UTF8, SEO оптимизация, интеграция с Universal Analytics
canonical_url: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11
language: ru-RU
date: 2025-02-23T14:38:31Z
notice: This is a machine-friendly version of the page at https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11.
markdown-tokens: 4952
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11. 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 X5 11 Evolution. Программа для визуального создания сайтов 

- Тип – программа для создания сайтов.
- [Купить 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 11](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#sistemnye-trebovaniya-k-website-x5-11 "Системные требования к WebSite X5 11").
- [Совместимость с предыдущими версиями](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#sovmestimost-s-predydushchimi-versiyami "Совместимость с предыдущими версиями").
- [Новое в WebSite X5 11](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#novoe-v-website-x5-11 "Новое в WebSite X5 11"). 
    - [Графический интерфейс](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#graficheskij-interfejs "Графический интерфейс").
    - [Шаблоны](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#shablony "Шаблоны").
    - [Создание страниц](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#sozdanie-stranits "Создание страниц").
    - [Стиль вкладок](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#stil-vkladok "Стиль вкладок").
    - [Шрифты Google](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#shrifty-google "Шрифты Google").
    - [Текстовый редактор](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#tekstovyj-redaktor "Текстовый редактор").
    - [Галерея и Изображение](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-11#galereya-i-izobrazhenie "Галерея и Изображение").
 
Incomedia WebSite X5 11 – это программа для создания сайтов с большим количеством возможностей. Она предназначена для домашних пользователей, учебных заведений, организаций, веб-студий и всем, кто хочет создать сайт. При помощи WebSite X5 11 можно сделать простой сайт-визитку, одностраничный сайт («лендинг пейдж», от англ. landing page (целевая или посадочная страница)), сайт фирмы, блог и интернет-магазин. Отличительной особенностью сайтов, создаваемых в этой программе, по отношению к [CMS](https://aleksius.com/sozdanie-sajtov "Создание сайтов"), является то, что эти сайты статические. С недавних пор Incomedia WebSite X5 позволяет добавлять [динамический контент](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-professional-10#dinamicheskij-kontent "Обзор WebSite X5 Professional программа для создания web сайтов (часть 3)"). Но все преимущества статических сайтов остаются. А за счёт динамического контента уменьшаются недостатки.

На мой взгляд, основным достоинством Incomedia WebSite X5 является простота использования программы. Использую эту программу с версии 5.0.8 (примерно с середины августа 2006). В мае 2011 года начал публиковать [статьи об этой программе](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/ "Incomedia Website X5") у себя на сайте. Многие посетителей сайта (в комментариях, личных сообщениях) тоже неоднократно называли основной причиной выбора Incomedia WebSite X5 простоту использования. Безусловно, современные платные и бесплатные CMS, с учётом количества существующих расширений, превосходят возможности WebSite X5. Но сложность создания сайта на базе CMS гораздо сложнее создания аналогичного сайта на WebSite X5. Да и не всегда целесообразно «содержать» CMS (базу данных) для 5-20 страничного сайта.

Incomedia WebSite X5 11 Evolution – это программа для визуального создания сайтов. То есть, Вы пошагово создаёте разные «элементы» сайта (шаблон, страницы) и сразу видите, что будет в итоге.

В обзоре будет участвовать последняя, на момент написания статьи (08.10.2014), русскоязычная версия Incomedia WebSite X5 11.0.0.9 Professional. Она содержит все функции Evolution версии и некоторые дополнительные. Характеристики тестового компьютера:

- операционная система – Windows 8.1.
- Разрешение экрана – 1920х1080.
 
Возможности 11-й версии программы, которые совпадают с 10-й, рассматриваться не будут.

Также рекомендую ознакомиться с новшествами [WebSite X5 12](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-12 "Обзор Incomedia WebSite X5 12. Новые возможности").

## <a name="sistemnye-trebovaniya-k-website-x5-11"></a>Системные требования к WebSite X5 11

Заявленные минимальные системные требования к Вашему компьютеру для WebSite X5 11 Evolution и Professional, а также другим версиям программы, весьма скромные:

- операционная система – Windows XP (SP3), Vista, 7, 8.
- Оперативная память (ОЗУ) – 1 Гб.
- Разрешение экрана – 1024х768.
- Интернет. Для активации программы.
- Электронная почта. Для активации программы.
 
Требования к хостингу, на котором будут располагаться сайты:

- операционная система – Windows, Linux или Unix Server.
- PHP 5.x, MySQL – для динамического контента и некоторых дополнительных функций.
 
Отмечу, что начиная с [Incomedia WebSite X5 10](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-10-platnyj-konstruktor-sajtov "Обзор Incomedia Website X5 Evolution 10 (часть 1). Платный конструктор сайтов") программа и справочная система полностью переведены на русский язык. Естественно, Вы можете создавать русскоязычные сайты. Это относится и к 11-й версии программы.

Данная программа для создания сайтов ещё с 10-й версии оснащена [пакетом украинской локализации контента](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/ukrainskij-yazyk-kontenta-website-x5 "Украинский язык контента для WebSite X5"). В 11-й версии это сохранилось. По указанной ссылке Вы можете найти обновление украинского перевода, инструкцию по установке, а также можете оставить пожелания по его улучшению.

Если Вас интересует покупка [Incomedia WebSite X5 Evolution 11](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 "Купить Incomedia WebSite X5 Evolution 11"), то о её особенностях можно прочесть в статье «[Тонкости покупки Website X5 Evolution 10](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/kupit-website-x5-evolution-10 "Тонкости покупки Website X5 Evolution 10")» информация актуальна и для 11-й версии.

## <a name="sovmestimost-s-predydushchimi-versiyami"></a>Совместимость с предыдущими версиями

Переход на Incomedia WebSite X5 Evolution 11 аналогичен переходу [с 9-й на 10-ю](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-10-platnyj-konstruktor-sajtov#perekhod-s-website-x5-evolution-9-na-website-x5-evolution-10 "Обзор Incomedia Website X5 Evolution 10 (часть 1). Платный конструктор сайтов"). Также существует специальное руководство на английском языке от разработчика. Рассмотрим таблицу совместимости, представленную в этом руководстве.

 | **С WebSite X5** | **На WebSite X5 11** | **Поддержка** |
|---|---|---|
| 10 (любая) | Professional | Да |
| 10 Evolution | Evolution | Да |
| 10 Professional | Evolution | Нет |
| 10 Compact | Evolution | Да |
| 10 Home | Evolution | Да |
| 10 Compact | Compact | Да |
| 9 (любая) | Professional | Да |
| 9 (любая) | Evolution | Да |
| 9 Compact | Compact | Да |

## <a name="novoe-v-website-x5-11"></a>Новое в WebSite X5 11

Давайте рассмотрим, что нового появилось в программе для создания сайтов Incomedia WebSite X5 11 Professional, по сравнению с [10-й версией](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/incomedia-website-x5-evolution-10-platnyj-konstruktor-sajtov "Обзор Incomedia Website X5 Evolution 10 (часть 1). Платный конструктор сайтов"). Частично будут использоваться материалы с официального сайта разработчика. Если кратко, претерпел изменения графический интерфейс, была оптимизирована «технология» разработки сайта, усовершенствован «редактор шаблонов», добавлена поддержка шрифтов Google, усовершенствован текстовый редактор, галерея изображений, почтовая форма, добавлена интеграция с комментариями Facebook и Disqus, добавлена возможность ограничения прав доступа к блогу и товарам.

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

SEO-возможности Incomedia WebSite X5 11 также были улучшены. Например, упрощена интеграция с Google Universal Analytics.

### <a name="graficheskij-interfejs"></a>Графический интерфейс

На мой взгляд, графический интерфейс программы для создания сайтов стал более лаконичным (рисунок ниже), больше плашек и элементов в стиле Windows 8 (интерфейс Metro).

[![WebSite X5 11](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/website-x5-11.png "WebSite X5 11")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/website-x5-11-b.png "WebSite X5 11")

[![Incomedia WebSite X5 11 Professional](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/incomedia-website-x5-11-professional.png "Incomedia WebSite X5 11 Professional")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/incomedia-website-x5-11-professional-b.png "Incomedia WebSite X5 11 Professional")

[![Incomedia WebSite X5 11 Evolution](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/incomedia-website-x5-11-evolution.png "Incomedia WebSite X5 11 Evolution")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/incomedia-website-x5-11-evolution-b.png "Incomedia WebSite X5 11 Evolution")

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

[![Программа для создания сайтов](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/programma-dlya-sozdaniya-sajtov.png "Программа для создания сайтов")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/programma-dlya-sozdaniya-sajtov-b.png "Программа для создания сайтов")

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

[![WebSite X5 11](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/website-x5-11.png "WebSite X5 11")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/website-x5-11-b.png "WebSite X5 11")

А все настройки, которые относятся к SEO-оптимизации сайта и тонкой настройке всех страниц в целом, собраны на четвёртом шаге в разделе *Статистика, SEO и код* (рисунок ниже).

[![Программа для визуального создания сайтов](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/programma-dlya-vizualnogo-sozdaniya-sajtov.png "Программа для визуального создания сайтов")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/programma-dlya-vizualnogo-sozdaniya-sajtov-b.png "Программа для визуального создания сайтов")

### <a name="shablony"></a>Шаблоны

В Incomedia WebSite X5 11 Evolution (Professional) шаблон является частью проекта, а не сохраняется в виде отдельного файла. Все настройки стилей (меню, всплывающих подсказок, showbox-окон и электронной почты) являются частью шаблона. Всё это призвано упростить экспорт шаблона\\проекта.

По [заявлению](http://www.websitex5.com/ru/novosti.html "Новые функции") разработчиков, программа для создания сайтов включает 1500 шаблонов (рисунок ниже). Плюс, была добавлена возможность обновления шаблонов с сервера разработчика прямо из окна WebSite X5 11.

[![Шаблоны WebSite X5 11](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/shablony-website-x5-11.png "Шаблоны WebSite X5 11")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/shablony-website-x5-11-b.png "Шаблоны WebSite X5 11")

В Incomedia WebSite X5 11 Evolution (Professional) можно размещать горизонтальное меню сайта внутри шапки (рисунок ниже).

[![Структура шаблона](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/struktura-shablona.png "Структура шаблона")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/struktura-shablona-b.png "Структура шаблона")

В данном [виде уроке](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5 "Видео уроки Website X5 (часть 1). Самостоятельное создание сайта компании") показан пример выбора и редактирования шаблона.

### <a name="sozdanie-stranits"></a>Создание страниц

В 11-ой версии программы для визуального создания сайтов изменено управление объектами страницы (рисунок ниже).

![Создание страниц](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/sozdanie-stranits.png "Создание страниц")

Упрощена возможность добавления различных [виджетов](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/konstruktor-sajtov-html-incomedia-website-x5-evolution-10#html-i-vidzhety "Обзор Incomedia WebSite X5 Evolution 10 (часть 6). Создание интернет сайтов"), например, переводчик Google, новости Youtube и пр. Более того, теперь можно добавлять виджеты прямо из интерфейса WebSite X5 11 (рисунок ниже).

![Виджеты](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/vidzhety.png "Виджеты")

Для установки виджетов потребуется указать пароль Вашего аккаунта, к которому подключена лицензия на программу, сайта answers.websitex5.com. Виджеты, которые появились в 11-й версии программы, также те, которые не были рассмотрены из [предыдущей версии](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-evolution-10-konstruktor-sajtov#vidzhety "Обзор WebSite Evolution 10 (часть 2). Конструктор сайтов") будут описаны в статье «[Обзор Incomedia WebSite X5 11 Professional. Программа для создания HTML сайтов](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/programma-dlya-sozdaniya-web-sajtov#vidzhety-website-x5-11 "Обзор Incomedia WebSite X5 11 Professional. Программа для создания HTML сайтов")».

### <a name="stil-vkladok"></a>Стиль вкладок

В статье «[Обзор WebSite X5 Professional программа для создания web-сайтов (часть 3)](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-professional-10#drugie-novovvedeniya "Обзор WebSite X5 Professional программа для создания web сайтов (часть 3)")» уже упоминалось о том, что в объектах *Текст* и *Таблица* есть возможность создания вкладок. Incomedia WebSite X5 11 Professional есть возможность настройки стилей этих вкладок (рисунок ниже).

![Стиль вкладок](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/stil-vkladok.png "Стиль вкладок")

- *Режим отображения.* Можно отображать вкладки горизонтально (сверху или снизу), вертикально (слева или справа) или сделать слайд-шоу (с возможностью отображения, отображения при наведении курсора мыши или скрытии элементов управления (стрелок перелистывания)).
- *Положение.* Положение вкладок.
- *Стиль.* Стиль оформления вкладок. Доступно пять стилей с возможностью изменения опций цвета разных элементов вкладки.
- *Шрифт.* WebSite X5 11 позволяет задать гарнитуру, кегль и начертание шрифта вкладки. Цвет относится только к названию самой вкладки, а не её содержимому.
- *Размер.* Incomedia WebSite X5 11 Professional позволяет задать ширину и высоту (в пикселях) вкладки.
- *Текст.* Программа для создания сайтов позволяет Вам задать цвет текста пассивных вкладок (вкладок, на которые пользователь может переключиться).
- *Фон.* Программа для визуального создания сайтов позволяет Вам задать цвет фона пассивной вкладки.
- *Цвет рамки.* Цвет рамки, вокруг вкладок.
- *Активный текст.* Цвет шрифта активной вкладки (той вкладки, на которой сейчас находиться пользователь). Цвет относится только к названию самой вкладки, а не к её содержимому.
- *Активный фон.* Цвет фона активной вкладки.
- *Высота кадра.* Позволяет задать одинаковую для всех вкладок высоту в пикселях. Если содержимое вкладки больше, по высоте, чем указанное в этой опции значение, у вкладки появится вертикальная прокрутка.
- *Автовоспроизведение \[сек\].* Если данная опция активирована, можно задать интервал (в секундах) между автоматическим переключением с одной вкладки на другую.
- *Внутреннее поле.* Отступ в пикселях от внутреннего края рамки вкладки до содержимого вкладки.
- *Эффект.* Визуальный эффект при переключении между вкладками. Доступно 17 эффектов. Также, можно отключить эффекты совсем.
 
### <a name="shrifty-google"></a>Шрифты Google

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

Об изменениях данного инструмента в новой версии программы Вы можете прочесть в статье «[Обзор Website X5 v14. Новшества программы](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-14#dizajn-sajta "Обзор Website X5 v14. Новшества программы")».

![Шрифты Google](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/shrifty-google.png "Шрифты Google")

При добавлении шрифта (рисунок ниже) будет доступно два «типа» шрифтов и способов их добавления в проект.

1. *Шрифт Google.* Хранится на серверах Google и подгружается на компьютер пользователя, в момент его захода на Ваш сайт.
2. *Веб шрифт.* Хранится на сервере Вашего сайта и подгружается на компьютер пользователя, в момент его захода на Ваш сайт.
 
![Добавить веб-шрифт](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/dobavit-veb-shrift.png "Добавить веб-шрифт")

Для подбора шрифта Google и получения нужного @Import-кода перейдите на сайт сервиса «[Шрифты Google](https://fonts.google.com/ "Google Fonts")». Для возможности написания текста на русском и\\или украинском языках, в спадающем списке Skript выберите значение *Cyrillic Extended* или *Cyrillic*. Выберите понравившейся шрифт и нажмите иконку *Quik-use*.

![Выбор шрифта Google](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/vybor-shrifta-google.png "Выбор шрифта Google")

На появившейся странице (рисунок ниже) в первой области выберите стили шрифта, которые Вы хотите использовать у себя на сайте. Во второй области укажите символы, которые Вам нужны. Например, для русского, украинского и английского будет достаточно *Cyrillic Extended (cyrillic-ext)* или *Cyrillic (cyrillic), Latin (latin)*. На третьем шаге переключитесь на вкладку *@imp*o*rt*и скопируйте код. В моём примере это:

> @import url(http://fonts.googleapis.com/css?family=Open+Sans&amp;subset=cyrillic);

![Импорт-код](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/import-kod.png "Импорт-код")

Этот код надо вставить в поле @Import-код в WebSite X5 11. Обратите Ваше внимание на «измеритель влияния на скорость загрузки сайта», который расположен в правом верхнем углу страницы сервиса «Шрифты Google». Чем больше стилей и символов Вы укажите, тем дольше будет грузиться у пользователей страница Вашего сайта. Скорость загрузки – важный фактор как для SEO, так и для удобства пользования Вашим сайтом.

Например, указав 1 стиль и 1 набор символов «Cyrillic (cyrillic)» «степень влияния на загрузку страницы» составляет «30». Выбрав 10 стилей и 7 наборов символов, показатель увеличился до «1200». Настоятельно рекомендую выбирать только те стили и наборы символов, которые Вам нужны.

В поле *Файл TTF для отображения в автономном режиме* Вам надо указать файл шрифта в формате TTF для того, чтобы при разработке сайта на локальном компьютере в самой программе для визуального создания сайтов видеть максимально приближенный к конечному варианту результат.

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

![Веб-шрифты](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/veb-shrift.png "Веб-шрифты")

Для чего надо указывать файл шрифта в четырёх разных форматах.

1. TTF – для работы со шрифтом в самой Incomedia WebSite X5 11 Professional.
2. WOFF – для максимизации корректного отображения шрифта в Internet Explorer, Mozzilla Firefox и Google Chrome.
3. SVG – для максимизации корректного отображения шрифта в Mozzilla Firefox, Safari, Google Chrome и Opera.
4. EOT – для максимизации корректного отображения шрифта в Internet Explorer.
 
Также стоит отметить, что разные браузеры по-разному отображают одни и те же шрифты. От этого может увеличиться ширина слов и «исказиться» вёрстка сайта. Если, например, в Mozilla Firefox меню сайта, сделанное при помощи нестандартных шрифтов занимает 500 пикселей и красиво отображается в одну строку, то в Internet Explorer может занимать 505 пикселей и из-за этого один из пунктов меню будет переходить на вторую строку или выходить за рамки меню. Именно поэтому рекомендую указывать все файлы шрифтов (WOFF, SVG, EOT) для веб-шрифта. Это увеличит кросбраузерность сайта.

Где потом можно указать применение веб-шрифтов или шрифтов Google в проекте сайта? Для этого, например, в объекте *Текст*, из спадающего списка со шрифтами выберите нужный Вам шрифт (рисунок ниже).

![Применение шрифта Google](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/primenenie-shrifta-google.png "Применение шрифта Google")

### <a name="tekstovyj-redaktor"></a>Текстовый редактор

В [текстовом редакторе](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/samostoyatelnoe-sozdanie-sajta-pri-pomoshchi-website-x5-evolution-10#tekst "Обзор Incomedia WebSite X5 Evolution 10 (часть 4). Самостоятельное создание сайта") Incomedia WebSite X5 11 Professional появилось несколько новых инструментов (рисунок ниже).

![Текстовый редактор](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/tekstovyj-redaktor.png "Текстовый редактор")

Теперь возможна вставка изображения не только с локального компьютера, но и с онлайн-библиотеки (рисунок ниже). Портал бесплатных изображений [Pixabay](http://pixabay.com/ru/ "Pixabay.com").

![Онлайн-библиотека](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/onlajn-biblioteka.png "Онлайн-библиотека")

Возможен поиск по ключевым словам (в том числе на русском), поиск по одной из 21-й категории и разделение искомых изображений на фотографии, клипарты и векторные объекты. Отмечу, что вставка изображений с Pixabay доступна не только в объекте *Текст*, но и в других. Например, в *Изображение*.

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

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

Эти опции помогут Вам ещё больше оптимизировать сайт под поисковые системы и улучшить его отображения для тех, у кого отключён показ изображений. Задание ширины и высоты поможет уменьшить количество случаев «скачков» текста на странице, которые возникают в результате медленной загрузки больших страниц с изображениями. Так как без задания этих параметров браузер не знает, сколько места надо оставить под изображение и смещает текст вниз по мере загрузки картинок. Плюс, есть мнение, что задание ширины и высоты картинок может увеличить (несущественно) скорость загрузки страницы.

[![Свойства изображения](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/svojstva-izobrazheniya.png "Свойства изображения")](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/svojstva-izobrazheniya-b.png "Свойства изображения")

В статье «[Видео уроки Website X5 Evolution (часть 2). Самостоятельное создание сайта компании](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki "Видео уроки Website X5 Evolution (часть 2). Самостоятельное создание сайта компании")» можно увидеть пример работы с этим объектом.

### <a name="galereya-i-izobrazhenie"></a>Галерея и Изображение

Объект *Галерея* (рисунок ниже), тип «Классическое слайд-шоу», был дополнен опциями, которые позволяют отображать «навигатор» по галерее. В [10-й версии программы](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/samostoyatelnoe-sozdanie-sajta-pri-pomoshchi-website-x5-evolution-10#galereya "Обзор Incomedia WebSite X5 Evolution 10 (часть 4). Самостоятельное создание сайта") такого не было.

- *Показывать курсор.* Активирует отображение «навигатора».
- *Стиль кнопок.* Стиль кнопок «навигатора».
- *Выравнивание.* Положение «навигатора» по отношению к галерее.
 
![Галерея](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/galereya.png "Галерея")

Во встроенном графическом редакторе изображений, который был рассмотрен ранее в статье «[Обзор Incomedia WebSite X5 Evolution 10 (часть 4). Самостоятельное создание сайта](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/samostoyatelnoe-sozdanie-sajta-pri-pomoshchi-website-x5-evolution-10#kartinka "Обзор Incomedia WebSite X5 Evolution 10 (часть 4). Самостоятельное создание сайта")», была усовершенствована функция кадрирования изображения (рисунок ниже). Добавлена возможность кадрирования с указанием пропорций. Как произвольных, так и заданных по умолчанию (15 вариантов).

![Редактор изображений](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/website-x5-11/redaktor-izobrazhenij.png "Редактор изображений")

В следующей статье «[Обзор Incomedia WebSite X5 11 Professional. Программа для создания HTML-сайтов](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/programma-dlya-sozdaniya-web-sajtov "Обзор Incomedia WebSite X5 11 Professional. Программа для создания HTML сайтов")» мы рассмотрим новые возможности, которые относятся к форме электронной почты, разграничениям прав доступа к страницам сайта и поговорим о новых SEO-параметрах.

 | Похожие материалы |
|---|
| - [ Обзор Incomedia WebSite X5 11 Professional. Программа для создания HTML сайтов ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/programma-dlya-sozdaniya-web-sajtov) - [ Видео уроки Website X5 (часть 1). Самостоятельное создание сайта компании ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5) - [ Видео уроки Website X5 Evolution (часть 2). Самостоятельное создание сайта компании ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki) - [ Видео уроки Website X5 11 (часть 3). Самостоятельное создание сайта компании ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-website-x5) - [ Видео уроки Website X5 11 Professional (часть 4). Самостоятельное создание сайта компании ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5-professional) |

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](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 "Купить без посредников").
- [Официальный сайт программы](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").
