Создание Страниц

Создание Страниц

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

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

Полный путь с именем и название текущей страницы показывается как текущая страница.

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

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

WebSite X5 использует таблицу, чтобы легко создавать макет. По умолчанию эта таблица состоит из 2 строк и 2 столбцов, т. е. содержит 4 ячейки. Для создания страницы (и добавления в нее содержимого) нужно всего лишь перетаскивать в ячейки объекты, представленные в соответствующем списке. Каждая ячейка может содержать не более одного объекта.

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

Примечание: таблица макета страницы не показывается при отображении сайта, опубликованного в Интернете, в браузере. Эта таблица предназначена лишь для облегчения компоновки содержимого страницы. Таблица макета страницы не «переводится» в таблицу в HTML-коде страницы (исключая немногочисленные особые случаи при создании сложных компоновок).

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

Представление ячеек таблицы макета страницы зависит от их состояния:

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

Если ячейка содержит заполненный объект, то в ней отображается значок объекта на фоне, заштрихованном серыми диагональными линиями.
Если ячейка содержит незаполненный объект, то в ней отображается значок объекта на сплошном голубом фоне.
Если ячейка содержит выбранный объект, то отображаются кромка и «ручки» выбора.

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

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

Панель инструментов расположена над таблицей макета страницы и содержит следующие команды:

Контент

Эта команда открывает окно, где можно создать объект, выбранный из таблицы раскладки страницы. Тип открывающегося окна зависит от типа выбранного объекта (текст, изображение, флэш-анимация и т.д.).

Стиль

Открывает окно Стиль Объекта для настройки стиля Выбранного объекта внутри  модульной сетки.

Поля

Открывает окно Поля и Выравнивание: через доступные опции можно настроить значения в пикселах наружных и внутренних полей текущего Объекта и выровнять Объект вертикально и/или горизонтальтно относительно Ячейки, в которой он находится (см. Блочная модель WebSite X5).

Расширить

Позволяет выбранному Объекту выйти за рамки ширины Страницы (заданной Шаблоном) и занять все имеющееся место в окне Браузера.

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

Эффект

Отройте окно Эффект отображения для настройки перехода, который нужно применить к выбранному Объекту в Модульной Сетке.

Установить якорь для выбранного объекта

Эта команда создает привязку (якорь) и связывает ее с выбранным объектом. Если нажать на стрелку рядом с кнопкой, увидите меню со следующими пунктами: Вставить якорь..., Редактировать... и Удалить.

Якорь (привязка) - это ссылка, которая помогает определить положение объекта на странице: используется для установки ссылок прямо на объект.

Добавить строку перед выбранной ячейкой/Добавить столбец перед выбранной ячейкой

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

Удалить выбранную строку/Удалить выбранный столбец

Эти команды удаляют выбранную строку или столбец из таблицы макета страницы. Минимальный размер таблицы раскладки страницы - 1 строка на один столбец (одна ячейка).

Стиль Полос

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

Адаптивный

Вызывает окно Легко адаптируемые настройки лля настройки отдельных вставленных Объектов в зависимости от разрешения Страницы.

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

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

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

Чтобы упростить выбор объектов, к ним можно применить фильтры и управлять ими через следующие команды:

Список фильтров

Предлагает список фильтров, чтобы выбрать из доступных объектов те, которые отвечают определенным параметрам. Например, можно отобразить все Main Objects Page или Main Objects model.

Управление показом объектов

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

Объекты, заключенные между Main Objects Page и Main Objects model следующие:

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

 


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

-

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

-

Как работать над Стиль Объекта

-

Как работать над Стиль Полос


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

-

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