WebSite X5 использует уникальный метод разработки макета страницы, где вы сразу видите внешний вид страницы, над которой работаете.
Страница отображается в виде таблицы, где можно задать количество строк и столбцов, в ячейках которой и размещается разнообразный контент.
Объекты, составляющие содержимое ячеек, можно легко перетаскивать мышкой в ячейки.
По умолчанию таблица состоит из 2 строк и 2 столбцов, но вы можете создавать новые строки и столбцы таким образом, чтобы у вас хватало ячеек для всего контента. А потом вы добавляете объекты нужного типа в ячейки. Используйте кнопки на панели инструментов, чтобы добавлять строки и столбцы. Максимально в таблице может быть до 64 строк и до 12 столбцов. По умолчанию ширина столбцов сетки получена путем разделения ширины страницы (заданной для шаблона) на количество вставленных столбцов. Можно задавать значение ширины столбцов вручную, воздействуя на курсоры внизу модульной сетки:
Высота строк зависит от вставленных в них объектов и не может быть изменена вручную. Стиль строк можно изменить с помощью настроек в окне Стиль Полос открываемом кнопкой . Через опции, доступные в данном окне, можно настроить параметры Строк таким образом, чтобы они принимали ту же ширину и/или ту же высоту точки наблюдения, то есть окна браузера посетителя Сайта. |
После того, как вы задали размер таблицы макета страницы, можно ввести контент страницы, добавляя объекты в ячейки. Чтобы разместить Объект на Странице, выделите его значок в списке Доступных Объектов и перетащите этот значок в нужную Ячейку Таблицы Макета Страницы. В каждую Ячейку Таблицы Макета Страницы можно вставить не более одного Объекта. Однако Объект может занимать как одну Ячейку, так и несколько Ячеек (по горизонтали и по вертикали). Как вариант, можно потянуть значок за «ручку» (используемую для изменения его размеров) так, чтобы он увеличился и занял больше одной Ячейки. Объекты можно даже перетаскивать в подходящие ячейки. Если Объект, занимающий больше одной Ячейки, нужно переместить на другое место на Странице, то размер Объекта (число занимаемых Ячеек) при этом сохраняется, если это не мешает другим Объектам. Возможно, для работы с Макетом Страницы будет удобнее использовать клавиши со стрелками:
Если щелкнуть правой кнопкой мыши по поктограмме объекта в ячейке, то откроется контекстное меню с командами для управления этим объектом: Вырезать, Копировать, Вставить, Удалить, Стиль Объекта, Эффект. Эти команды позволяют, например, скопировать Объект в одной Ячейке и вставить его в другую Ячейку (или на другую Страницу) или удалить Объект из Ячейки. Можно удалять объект, перетащив его за пределы таблицы макета страницы, или нажав клавишу DEL. Чтобы удалить Объект, можно также перетащить его за пределы Таблицы Макета Страницы или выбрать этот Объект и нажать клавишу DELETE. Если вставить Объект в Ячейку, уже содержащую другой Объект, то старый Объект будет автоматически удален и замещен новым. Команды Стиль Объекта | Копировать и Стиль Объекта | Вставить подменю, открываемом командой Стиль Объекта, позволяют автоматически применить настройки, заданные в окне Стиль Объекта для объекта, содержащегося в ячейке, и к объекту в другой ячейке. Таким же образом, команды Эффект | Копировать и Эффект | Вставить позволяют применить ко второму объекту тот же эффект, который настроен для первого объекта. И, наконец, командыСтиль Объекта | Редактировать... и Эффект | Редактировать... позволяют, соответственно, открыть окно Стиль Объекта и окно Эффект отображения. После вставки объекта можно открыть окно, через которое настроить его содержимое. Для этого нужно сделать двойной щелчок по самому объекту, либо выбрать объект и нажать кнопку Содержимое объекта.
|
Макет страницы может быть отредактирован и обновлен в любое время. Если вы создаете адаптивный сайт (через опцию Адаптивный Сайт в окне Разрешения и Адаптивный Дизайн), во время редактирования содержания страницы необходимо представить, как она будет выглядеть в разном отображении, обусловленном активированными точками останова. |
Чтобы наиболее эффективно использовать возможности по компоновке страницы, важно понимать, как работает Программа:
|
Родственные темы: