Рамочная модель в программе WebSite X5

Родственные темы >

Рамочная модель в программе WebSite X5

Previous pageReturn to chapter overviewNext page

В WebSite X5 Страницы создаются через Сетку и форматирование можно оптимизировать, воздействуя на поля Объектов, входящих в Ячейки, которые можно настроить через опции в окне Поля и Выравнивание которое открывается при нажатии на кнопку Поля в панели инструментов на шаге 4 - Создание Страниц.

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

Когда веб-мастер пишет код веб-страницы, все элементы HTML рассматриваются как рамки, а набор параметров, определяющих внешний вид каждой рамки, называется Рамочной моделью. Каждая рамка состоит из базового набора компонентов — полей, кромки, заполнения и собственно содержимого. Каждый из этих компонентов модифицируется CSS-свойствами.

На иллюстрации (см. ниже) показаны различные компоненты Рамочной модели:

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

В WebSite X5 модульная сетка состоит из нескольких ячеек, куда можно добавлять разные объекты. Если быть точнее, то каждый объект добавляется в контейнер, который, в свою очередь, вставлен в ячейку модульной сетки. Для каждой ячейки применяется продемонстрированная блочная модель.

Элементы рамки:

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

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