Конструктор сайтов. В предыдущей статье «Обзор Incomedia Website X5 Evolution 1.

Платный конструктор сайтов» мы рассмотрели возможные готовые шаблоны, которые может предложить нам конструктор сайтов. В этой части поговорим о том, как редактировать шаблоны для Website X5 Evolution средствами самой программы.

Incomedia Website X5 Evolution 10 - программа для создания сайта. Поддержка HTML5, шаблоны, мультиязычность, интеграция с . Шаблоны для Website X5 Evolution, к сожалению, ещё не поддерживают реагирующий дизайн, но подобные вышеописанным опции . Решили попробовать создать сайт на WebSite X5 Evolution?

Обзор Incomedia WebSite X5 v8 Evolution (часть 1). Открыть галерею шаблонов для Incomedia WebSite Evolution X5 (платные и .

Шаблоны для Website X5 Evolution. Если на предыдущем этапе Вы создали новый шаблон или хотите редактировать существующий, то Вам в этом поможет страница Настроить шаблон (рисунок ниже). Website Evolution в сочетании с графическим редактором (например, GIMP) поможет Вам создать свой уникальный шаблон. Окно Настроить шаблон визуально разделено на две основные области: «Инструменты» и «Область предварительного просмотра». Во второй области Вы будете видеть общий макет того, как будут выглядеть Ваши шаблоны для Website Evolution.

Рассмотрим инструменты первой области. Тип меню. Вы можете выбрать одно из четырёх типов (месторасположений) меню. Горизонтально - меню над 'шапкой' сайта, Горизонтально - меню под 'шапкой' сайта, Вертикально – меню слева, Вертикально – меню справа. Раздел страницы. Шаблоны для Website X5 Evolution можно условно разделить на семь областей. Фон страницы, Фон 'шапки' страницы,'Шапка' страницы, Меню, Контент страницы, 'Подвал' страницы, Фон 'подвала' страницы. Для каждой из областей есть свои настройки.

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

Фон страницы. На рисунке выше показаны инструменты фона страницы. Выбрав опцию Цвет (рисунок ниже) Вы сможете задать цвет страницы из предложенной палитры (включая прозрачность), при помощи инструмента выбора цвета (справа от кнопки Другие цвета) можно выбрать нужный цвет с изображения или, нажав на кнопку Другие цвета, задать свой цвет, указывая параметры для опций Оттенок, Контраст, Яркость, Красный, Зеленый, Синий. Можно воспользоваться цветовой шкалой. В качестве фона можно установить изображение. Для этого служит опция Фоновое изображение.

Поддерживаются форматы файлов JPG, JPEG, GIF, PNG. Если в качестве фона задано изображение, то можно задать ему положение (Без повторения, Повторение по горизонтали, Повторение по вертикали, Замостить изображение, По ширине окна) и выравнивание (Сверху – Слева, Сверху, Сверху – Справа, По центру – Слева, По центру, По центру – Справа, Снизу – Слева, Снизу, Снизу – Справа). На тестовом сайте Вы можете видеть, что в качестве фона задано изображение, положение – Повторение по горизонтали, выравнивание Сверху - Слева. Само изображение шириной 6 пикселей, высотой 1. Размер – 1,0. 1 Кб. Но за счёт повторения заполняет весь экран (любого разрешения), создаёт эффект градиента, при этом мало влияет на скорость загрузки сайта. По крайней мере не так сильно, как при загрузке, например, картинки 1.

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

Пример такого фона Вы можете наблюдать на тестовом сайте. Поля. Вы можете задать расстояние в пикселях (от 0 до 2. Можно задавать одинаковый для всех отступ или разный для левой, правой, верхней или нижней стороны. Обратите Ваше внимание на то, что отступы слева или справа будут видны только тогда, когда в инструменте Выравнивание Вы не выбрали значение По центру. Выравнивание. Вы Можете выровнять весь Ваш сайт Слева, По центру или Справа в окне рабочей области браузера. Сейчас самый распространённый вариант – по центру.

Ранее было принято выравнивать сайты слева. Фон 'шапки' страницы. Помимо описанных выше опций содержит опцию Высота (рисунок ниже). Она позволяет задать высоту фона шапки Вашего сайта.'Шапка' страницы.

Содержит одну важную опцию – Ширина (рисунок ниже). К сожалению, шаблоны для Website X5 Evolution могут быть только фиксированной ширины (от 3.

Именно опция Ширина как раз и задаёт ширину не только шапки сайта, но и всего сайта в целом. В качестве фонового изображения можно задать файлы формата JPG, JPEG, GIF, PNG и SWF. Настройки области Меню (рисунок ниже) аналогичны рассмотренным выше. Контент страницы. В настройках контента (рисунок ниже) программа Website X5 позволяет настроить минимальную высоту области контента (от 0 до 1.

Высота контента, и задать отступы от содержимого страницы (контента) до края страницы (от 0 до 2. Задав, например, в поле Высота контента значение 3. Вы сделаете так, что даже при фактическом содержимом страницы  менее 3.

Это делается для минимизации подобных (рисунок ниже) случаев. Шаблоны для Website X5 Evolution, к сожалению, ещё не поддерживают реагирующий дизайн, но подобные вышеописанным опции  помогут Вам минимизировать случаи неправильного отображения сайта на разных экранах и с разным содержимым.'Подвал' страницы. Опции для подвала страницы (рисунок ниже) аналогично описанным выше. В качестве фонового изображения можно задать файлы формата JPG, JPEG, GIF, PNG и SWF. Фон 'подвала' страницы. Опции для фона подвала страницы (рисунок ниже) аналогично описанным выше.

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

Incomedia Web. Site Evolution 1. Free версия. Рассмотрим те из них, которых не было или были изменены в сравнении с бесплатной версией. Вставить ссылку на этот объект. Данный инструмент позволяет вставлять различные «типы ссылок» или «Действие» (рисунок ниже) при нажатии на тот или иной объект в шапке сайта.

Конструктор сайтов позволяет добавить одно из четырнадцати действий. Часть из них была рассмотрена в статье «Обзор Incomedia Web. Site X5 Free 1. 0 (часть 3). Создаем сайт сами». Рассмотрим новые или изменённые. Эти же действия можно применять к тексту и изображениям в содержимом сайта и к объектам в нижнем колонтитуле. Файл или URL Show Box.

Данное действие (рисунок ниже) позволяет Вам открыть во всплывающем окне для просмотра файл, например PDF (если соответствующий плагин установлен у пользователя в браузере), при помощи опции Локальный файл на компьютере. Или можно открыть любой сайт, задав адрес нужной страницы в поле Файл в Инернет. Опция Размеры служит для указания ширины и высоты всплывающего окна.

В поле Заголовок можно ввести текст, который будет отображаться в левом нижнем углу всплывающего окна. Пример работы данного действия Вы можете увидеть на тестовом сайте. Web. Site X5 Evolution 1. Это можно сделать при помощи действия Галерея Show. Box (рисунок ниже). При помощи кнопки Добавить Вы добавляете изображения в формате JPG, JPEG, GIF, PNG, PSD, BMP, TIF, DIB, PCX, RLE, TGA, WMF, затем при помощи кнопок со стрелками вверх и вниз Вы можете поправить порядок следования изображений в слайд- шоу. Пример работы данного действия  можно увидеть на тестовом сайте.

Incomedia Web. Site X5 Evolution, в отличие от своей бесплатной версии, позволяет добавить действие Звук (рисунок ниже). Просто укажите в поле Локальный Файл на компьютере один из файлов в формате MOV, MP3, WMA, WAV, MID, AIF, M4. A. Или введите в поле Файл в интернете адрес файла, в сети интернет. Пример работы данного действия  можно увидеть на тестовом сайте.

Лента RSS. Если на Вашем сайте предусмотрена RSS лента (инструменты по её созданию будут описаны в статье «Обзор Incomedia Web. Моды Для Farming Simulator 2015 Сеялки 50 Метров. Site X5 Evolution 1. Создание WEB сайтов»), то назначив действие Лента RSS (рисунок ниже) пользователь сможет подписаться на новости Вашего сайта в формате RSS. Пример работы данного действия Вы можете увидеть на тестовом сайте. Блог. Конструктор сайтов позволяет создавать блог. Инструменты по его созданию будут описаны в статье «Обзор Incomedia Web.

Site X5 Evolution 1. Создание WEB сайтов». Данное действие (рисунок ниже) позволит Вам создать ссылку на блог. Можно указать в каком окне (в этом же или новом) необходимо открывать страницу блога.

Пример работы данного действия Вы можете увидеть на тестовом сайте. Показать корзину.

Incomedia Web. Site X5 Evolution 1. Пусть не такой «функционально- расширенный» как, например, интернет магазины на базе CMS. Данное действие (рисунок ниже) позволяет создать ссылку, при нажатии на которую пользователь перейдёт в свою корзину, чтобы уточнить, что именно он в неё добавил. Инструменты электронной коммерции будут описаны в статье «Обзор Web. Site Evolution 1. Создание сайта своими руками».

Пример работы данного действия Вы можете увидеть на тестовом сайте. Пример «карточки товара» вы можете увидеть на тестовом сайте. Добавить в Корзину. Данное действие (рисунок ниже) позволяет создать ссылку, позволяющую добавлять себе в корзину товар. Предварительно Вы должны создать и настроить товары и другие опции электронной коммерции. Инструменты электронной коммерции будут описаны в статье «Обзор Web.

Site Evolution 1. Создание сайта своими руками». Пример работы данного действия Вы можете увидеть на тестовом сайте. Добавить выбранный товар прямо в корзину. Позволяет добавить указанный Вами товар прямо в корзину пользователя в случае, если он нажмёт на ссылку с этим действием. Показать список товаров выбранной категории.

Отображает список товаров указанной Вами категории товаров. Выберите/категорию товары. Список всех созданных Вами категорий товаров и товаров. Категории. Это поле настраивается при создании товара. Вы можете указать, с какими дополнительными «условиями» будет продан данный товар.

Количество. Количество единиц данной продукции. В новой версии программы добавилось ещё одно действие Мобильное приложение. Подробнее об этом Вы сможете прочесть в статье «Обзор Incomedia Web. Site X5 Professional 1. Создание статического сайта».

Инструмент Вставить текст (рисунок ниже) похож на аналогичный в бесплатной версии.