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

Лучшая практика > Этап 4 - Страницы >

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

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

WebSite X5 использует уникальный метод разработки макета страницы, где вы сразу видите внешний вид страницы, над которой работаете.

Страница отображается в виде таблицы, где можно задать количество строк и столбцов, в ячейках которой и размещается разнообразный контент.

Объекты, составляющие содержимое ячеек, можно легко перетаскивать мышкой в ячейки.

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

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

Используйте кнопки на панели инструментов, чтобы добавлять строки и столбцы. Максимально в таблице может быть до 64 строк и до 12 столбцов.

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

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

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

Нажмите на указателе правую кнопку мыши и выберите во Всплывающем Меню опцию Задать Ширину Столбца, чтобы ввести ширину столбца в пикселах.

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

Нажмите на указателе правую кнопку мыши и выберите во всплывающем меню опцию Сбросить Ширину Столбцов, чтобы вернуть используемую по умолчанию одинаковую ширину столбцов.

Высота строк зависит от вставленных в них объектов и не может быть изменена вручную.

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

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

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

В каждую Ячейку Таблицы Макета Страницы можно вставить не более одного Объекта. Однако Объект может занимать как одну Ячейку, так и несколько Ячеек (по горизонтали и по вертикали). Как вариант, можно потянуть значок за «ручку» (используемую для изменения его размеров) так, чтобы он увеличился и занял больше одной Ячейки. Объекты можно даже перетаскивать в подходящие ячейки.

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

клавиша со стрелкой — нажатие такой клавиши позволяет выбрать другую Ячейку Таблицы Макета Страницы.
CTRL + клавиша со стрелкой — использование такого сочетания клавиш перемещает выбранный Объект из одной Ячейки в другую (с сохранением его размера).
SHIFT + клавиша со стрелкой — использование такого сочетания клавиш изменяет размер выбранного Объекта при его перемещении по Ячейкам; Объект увеличивается или уменьшается в зависимости от того, содержат ли другие Ячейки какие-то Объекты.

Если щелкнуть правой кнопкой мыши по поктограмме объекта в ячейке, то откроется контекстное меню с командами для управления этим объектом: Вырезать, Копировать, Вставить, Удалить, Стиль Объекта, Эффект.

Эти команды позволяют, например, скопировать Объект в одной Ячейке и вставить его в другую Ячейку (или на другую Страницу) или удалить Объект из Ячейки. Можно удалять объект, перетащив его за пределы таблицы макета страницы, или нажав клавишу DEL. Чтобы удалить Объект, можно также перетащить его за пределы Таблицы Макета Страницы или выбрать этот Объект и нажать клавишу DELETE. Если вставить Объект в Ячейку, уже содержащую другой Объект, то старый Объект будет автоматически удален и замещен новым.

Команды Стиль Объекта | Копировать и Стиль Объекта | Вставить подменю, открываемом командой Стиль Объекта, позволяют автоматически применить настройки, заданные в окне Стиль Объекта для объекта, содержащегося в ячейке, и к объекту в другой ячейке.

Таким же образом, команды Эффект | Копировать и Эффект | Вставить позволяют применить ко второму объекту тот же эффект, который настроен для первого объекта.

И, наконец, командыСтиль Объекта | Редактировать... и Эффект | Редактировать... позволяют, соответственно, открыть окно Стиль Объекта и окно Эффект отображения.

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

Необязательно заполнять все ячейки в модульной сетке. Однако, следует учесть, что:

пустая ячейка соответствует пустому месту на странице;
нельзя задать стиль пустой строки;
присутствие пустых ячеек и строк снижает возможность упорядочивания объектов в адаптивном сайте.

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

Если вы создаете адаптивный сайт (через опцию Адаптивный Сайт в окне Разрешения и Адаптивный Дизайн), во время редактирования содержания страницы необходимо представить, как она будет выглядеть в разном отображении, обусловленном активированными точками останова.

Чтобы наиболее эффективно использовать возможности по компоновке страницы, важно понимать, как работает Программа:

Ширина Страницы определяется Шаблоном.
Ширина столбца Таблицы Макета Страницы получается делением ширины страницы на число вставленных столбцов. По умолчанию все столбцы имеют одинаковую ширину, но при желании это можно изменить.
Все Ячейки в строке Таблицы Макета Страницы имеют одинаковую высоту. Высота Ячейки определяется высотой самого большого Объекта в этой строке.
Размеры вставленных Объектов автоматически подгоняются под размеры соответствующих Ячеек Таблицы Макета Страницы.

 


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

-

Блочная модель WebSite X5