Структура Шаблона

Этап 2 - Шаблон >

Структура Шаблона

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

Для определения стиля сайта, WebSite X5 позволяет использовать готовый шаблон или новый шаблон. Вне зависимости от сделанного выбора, можно использовать опции, предоставленные в окне Структура Шаблона для полной персонализации выбранного готового шаблона или, в случае нового шаблона, для создания его с нуля. У вас есть возможность не только определить структуру графического шаблона для отображения Рабочего стола, но и, если вы работаете над созданием адаптивного сайта, определить как должен выглядеть шаблон в отображениях, соответствующих разным установленным точкам останова.

Чтобы приступить к созданию адаптивного сайта, выберите опцию Адаптивный Сайт в окне Разрешения и Адаптивный Дизайн.

«Шапка» и «подвал» созданного шаблона могут быть дополнены таким контентом, как: тексты, изображения, анимация, галереи, поля поиска и ссылки. Все необходимые параметры представлены в окне Контент Шаблона, доступ к которому осуществляется с помощью кнопки Далее.

Чтобы облегчить задачу, в окне Структура Шаблона есть окошко Предпросмотр макета страницы. Выберите в списке участок шаблона, с которым нужно работать, или просто нажмите на нужный участок страницы. После этого можно применять доступные опции и сразу увидеть результат.

Кликните, чтобы развернуть/уменьшить

Кроме того, если вы работаете над созданием адаптивного сайта, в окне есть также Адаптивная строка, которая воспроизводит строку, имеющуюся в окне Разрешения и Адаптивный Дизайн.

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

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

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

Кликните, чтобы развернуть/уменьшитьСправка: Типы параметров Структура

Сначала задайте Тип структуры, то есть, если необходимо иметь только «шапку» и «подвал», или еще и боковую панель. Можно выбрать один из этих вариантов:

Шапка и подвал

Шапка, подвал и боковая полоса слева

Шапка, подвал и боковая полоса справа

Кликните, чтобы развернуть/уменьшитьСправка: Параметры раздела страницы

После выбора типа Структура следует выбрать Раздел страницы для настройки. Страницы разбиты на следующие части:

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

Фон шапки (хедера) страницы— это часть Фон страницы, точно соответствующая Шапка (хедер) страницы.

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

Контент страницы— здесь задается реальное содержимое страницы, а также, меню и подменю

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

Фон подвала (футера) страницы— это часть Фон страницы, точно соответствующая по высоте Подвал (футер) страницы.

Боковая полоса— доступна только, если выбран тип структуры, в которой она предусмотрена, это колонка, расположенная справа или слева содержимого страницы, которая может использоваться для создания меню навигации

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

Кликните, чтобы развернуть/уменьшитьСправка: Графика раздела страницы свойства

Можно задать следующее Свойства графики для различных разделов страницы:

Цвет— указывает цвет для заливки фона.
Файл изображения— указывает на файл изображения (в форматах .JPG, .GIF или .PNG), используемого в качестве фона. Изображение можно найти или в онлайн-библиотеке, открываемую с помощью кнопки , или в локальных папках посредством кнопки Выбор файла.
Положение— эта опция позволяет повторять изображение фона. Оно может повторяться горизонтально, вертикально или в обоих направлениях (так, чтобы покрыть всё имеющееся пространство). При настройке Фон страницы можно также сделать так, что изображение покроет весь фон. Следует учитывать, что в этом случае исходные пропорции изображения могут не сохраниться
Выравнивание— укажите, как вставленное изображение должно быть выровнено в текущем разделе страницы.

В разделе Фон страницы доступна следующая настройка:

Фиксированный фон— при выборе этой возможности, фоновое изображение страницы, остается на месте даже при прокрутке страницы.
Кликните, чтобы развернуть/уменьшитьСправка: Размеры области страницы

Можно задать Размеры для некоторых разделов страницы.

В зависимости от раздела выбранной страницы предлагаются следующие опции:

Ширина— позволяет настроить или воспроизводит ширину раздела выбранной страницы в пикселах. В случае Контент страницы это значение невозможно настроить вручную: воспроизводится автоматически значение, заданное в окне Разрешения и Адаптивный Дизайн через опцию Разрешение Сайта, для сайта Рабочий стол, или как Отображение Рабочий стол, для адаптивного сайта.
Высота— позволяет настроить или воспроизводит высоту раздела выбранной страницы в пикселах.
Минимальная высота— доступнотолько для раздела Контент страницы, задает минимальную высоту (в пикселах), которую должна иметь область страницы для содержания контента независимо от высоты вставленного контента.
Увеличьте ширину окна Браузера— доступна только для разделов Шапка (хедер) страницы и Подвал (футер) страницы, позволяет применить заданный стиль не только к ширине содержимого страницы, а ко всей ширине окна браузера.

Благодаря имеющимся опциями, практически отсутствует взаимосвязь между определением размеров и положением горизонтального меню, вставленного в заголовок, что позволяет получить исключительные результаты.

Кликните, чтобы развернуть/уменьшитьСправка: Свойства области контента

Можно задать Свойства контента для некоторых разделов страницы.

Для разделов Фон страницы и Контент страницы доступны следующие опции:

Поля— задайте размер верхнего и нижнего полей (в пикселах). Под полем здесь понимается пространство между внешним краем раздела и его содержимым.

Этот параметр можно использовать для раздела Фон страницы:

Выравнивание— он определяет как будет выравниваться страница в окне браузера.
Только для раздела Боковая полоса, предусмотрена опция:
При прокрутке страницы всегда оставлять объекты видимыми— при прокрутке страницы весь контент, вставленный в боковую панель (через окно Контент Шаблона) перемещается таким образом, чтобы всегда оставаться на переднем плане.

 


Лучшая практика:

-

Как работать с шаблонами

-

Где можно найти новые шаблоны для программы WebSite X5

-

Как создать Адаптивный веб-сайт в WebSite X5 | Как настроить шаблон