В WebSite X5 Страницы создаются через Сетку и форматирование можно оптимизировать, воздействуя на поля Объектов, входящих в Ячейки, которые можно настроить через опции в окне Поля и Выравнивание которое открывается при нажатии на кнопку Поля в панели инструментов на шаге 4 - Создание Страниц.
Для ясного понимания того, что имеется в виду под Полем, и правильной компоновки содержимого, нужно иметь представление об используемой Рамочной модели.
Когда веб-мастер пишет код веб-страницы, все элементы HTML рассматриваются как рамки, а набор параметров, определяющих внешний вид каждой рамки, называется Рамочной моделью. Каждая рамка состоит из базового набора компонентов — полей, кромки, заполнения и собственно содержимого. Каждый из этих компонентов модифицируется CSS-свойствами.
На иллюстрации (см. ниже) показаны различные компоненты Рамочной модели:
В WebSite X5 модульная сетка состоит из нескольких ячеек, куда можно добавлять разные объекты. Если быть точнее, то каждый объект добавляется в контейнер, который, в свою очередь, вставлен в ячейку модульной сетки. Для каждой ячейки применяется продемонстрированная блочная модель.
Элементы рамки:
| ▪ | Содержимое (зеленый цвет)— добавляется в Ячейку перетаскиванием в нее имеющихся Объектов. |
| ▪ | Внутреннее поле (розовый цвет): это пространство между текущим объектом и кромкой содержащей его ячейки. |
| ▪ | Кромка: - кромка ячейки с содержащимся объектом. Внешнее оформление кромки можно настроить через параметры окна Стиль Объекта. |
| ▪ | Наружное поле (оранжевый цвет): пространство между кромкой ячейки с объектом и линиями Модульной сетки. |
С учетом этих определений, (горизонтальное или вертикальное) пространство между двумя смежными Объектами равно сумме толщин Полей, заданных для Ячеек, в которые помещены Объекты.
