Для определения стиля сайта, WebSite X5 позволяет использовать готовый шаблон или новый шаблон. Вне зависимости от сделанного выбора, можно использовать опции, предоставленные в окне Структура Шаблона для полной персонализации выбранного готового шаблона или, в случае нового шаблона, для создания его с нуля. У вас есть возможность не только определить структуру графического шаблона для отображения Рабочего стола, но и, если вы работаете над созданием адаптивного сайта, определить как должен выглядеть шаблон в отображениях, соответствующих разным установленным точкам останова.
|
«Шапка» и «подвал» созданного шаблона могут быть дополнены таким контентом, как: тексты, изображения, анимация, галереи, поля поиска и ссылки. Все необходимые параметры представлены в окне Контент Шаблона, доступ к которому осуществляется с помощью кнопки Далее.
|
Чтобы облегчить задачу, в окне Структура Шаблона есть окошко Предпросмотр макета страницы. Выберите в списке участок шаблона, с которым нужно работать, или просто нажмите на нужный участок страницы. После этого можно применять доступные опции и сразу увидеть результат.
Кроме того, если вы работаете над созданием адаптивного сайта, в окне есть также Адаптивная строка, которая воспроизводит строку, имеющуюся в окне Разрешения и Адаптивный Дизайн.
В Адаптивной строке вновь предлагаются заданные точки останова и, в зависимости от них, определяются интервалы: достаточно нажать на интервал, чтобы выбрать его и приступить к определению шаблона для соответствующего отображения.
После выбора нужного вам отображения можно выбрать раздел страницы, который вы хотите изменить, используя специальный список или же щелкнув мышью на разные области структуры в режиме предпросмотра страницы.
Поэтому, желательно, действовать в определенном порядке, сначала определить шаблон для отображения на рабочем столе, а затем, опускаясь ниже, определить, как он должен выглядеть во всех других случаях, вплоть до мобильного отображения.
Сначала задайте Тип структуры, то есть, если необходимо иметь только «шапку» и «подвал», или еще и боковую панель. Можно выбрать один из этих вариантов:
|
Шапка и подвал
|
|
Шапка, подвал и боковая полоса слева
|
|
Шапка, подвал и боковая полоса справа
|
|
После выбора типа Структура следует выбрать Раздел страницы для настройки. Страницы разбиты на следующие части:
|
Фон страницы— это область, окружающая страницу сайта. Фон показывается в случае, если размеры окна браузера превышают размер страницы сайта.
|
|
Фон шапки (хедера) страницы— это часть Фон страницы, точно соответствующая Шапка (хедер) страницы.
|
|
Шапка (хедер) страницы— это «шапка», раздел, состоящий, в основном, из графических элементов, идеально подходящий для размещения названия и подзаголовка сайта, логотипа компании, полей поиска, главного меню навигации и служебных меню со ссылками на такие элементы как, например, карта или выбор языка сайта.
|
|
Контент страницы— здесь задается реальное содержимое страницы, а также, меню и подменю
|
|
Подвал (футер) страницы— низ страницы, еще один раздел, в основном, содержащий графику. Служит для визуального завершения страницы. Часто используется для размещения таких элементов как замечания, разъяснения, записи об авторских правах, бизнес-реквизиты, адреса электронной почты.
|
|
Фон подвала (футера) страницы— это часть Фон страницы, точно соответствующая по высоте Подвал (футер) страницы.
|
|
Боковая полоса— доступна только, если выбран тип структуры, в которой она предусмотрена, это колонка, расположенная справа или слева содержимого страницы, которая может использоваться для создания меню навигации
|
|
Если настроить Фон шапки (хедера) страницы или Фон подвала (футера) страницы в качестве прозрачного, его можно использовать как часть Фон страницы и тогда он будет выглядеть точно. Если они не прозрачны то Шапка (хедер) страницы и/или Подвал (футер) страницы будут выглядеть как полоски, перекрывающие всю ширину окна браузера.
|
|
Можно задать следующее Свойства графики для различных разделов страницы:
| ▪ | Цвет— указывает цвет для заливки фона. |
| ▪ | Файл изображения— указывает на файл изображения (в форматах .JPG, .GIF или .PNG), используемого в качестве фона. Изображение можно найти или в онлайн-библиотеке, открываемую с помощью кнопки  , или в локальных папках посредством кнопки  Выбор файла. |
| ▪ | Положение— эта опция позволяет повторять изображение фона. Оно может повторяться горизонтально, вертикально или в обоих направлениях (так, чтобы покрыть всё имеющееся пространство). При настройке Фон страницы можно также сделать так, что изображение покроет весь фон. Следует учитывать, что в этом случае исходные пропорции изображения могут не сохраниться |
| ▪ | Выравнивание— укажите, как вставленное изображение должно быть выровнено в текущем разделе страницы. |
В разделе Фон страницы доступна следующая настройка:
| ▪ | Фиксированный фон— при выборе этой возможности, фоновое изображение страницы, остается на месте даже при прокрутке страницы. |
|
Можно задать Размеры для некоторых разделов страницы.
В зависимости от раздела выбранной страницы предлагаются следующие опции:
| ▪ | Ширина— позволяет настроить или воспроизводит ширину раздела выбранной страницы в пикселах. В случае Контент страницы это значение невозможно настроить вручную: воспроизводится автоматически значение, заданное в окне Разрешения и Адаптивный Дизайн через опцию Разрешение Сайта, для сайта Рабочий стол, или как Отображение Рабочий стол, для адаптивного сайта. |
| ▪ | Высота— позволяет настроить или воспроизводит высоту раздела выбранной страницы в пикселах. |
| ▪ | Минимальная высота— доступнотолько для раздела Контент страницы, задает минимальную высоту (в пикселах), которую должна иметь область страницы для содержания контента независимо от высоты вставленного контента. |
| ▪ | Увеличьте ширину окна Браузера— доступна только для разделов Шапка (хедер) страницы и Подвал (футер) страницы, позволяет применить заданный стиль не только к ширине содержимого страницы, а ко всей ширине окна браузера. |
|
Благодаря имеющимся опциями, практически отсутствует взаимосвязь между определением размеров и положением горизонтального меню, вставленного в заголовок, что позволяет получить исключительные результаты.
|
|
Можно задать Свойства контента для некоторых разделов страницы.
Для разделов Фон страницы и Контент страницы доступны следующие опции:
| ▪ | Поля— задайте размер верхнего и нижнего полей (в пикселах). Под полем здесь понимается пространство между внешним краем раздела и его содержимым. |
Этот параметр можно использовать для раздела Фон страницы:
| ▪ | Выравнивание— он определяет как будет выравниваться страница в окне браузера. |
| ▪ | Только для раздела Боковая полоса, предусмотрена опция: |
| ▪ | При прокрутке страницы всегда оставлять объекты видимыми— при прокрутке страницы весь контент, вставленный в боковую панель (через окно Контент Шаблона) перемещается таким образом, чтобы всегда оставаться на переднем плане. |
|
Лучшая практика:
