Макет страницы

Следующим шагом будет создание макета страницы.

Макет страницы – каркас, созданный средствами HTML без информационного наполнения, определяющий разбиение страницы на блоки (Шапка, Левая часть, Информационная часть и т.д.).

Чтобы создать макет страницы необходимо в панели администратора открыть «Менеджер сайта - Макеты страниц». Поле редактирования макета представлено следующим образом (см. рис. 3).

Рис. 3

В поле редактирования макета мы видим

• Название. Название макета.
• Названия блоков.
• Интерактивная карта макета. При клике мыши на каком-либо блоке, курсор перескакивает на место этого блока в html-коде макета.
• Поле редактирования макета. Поле редактирования содержит три закладки "Макет", "Стили (CSS) макета", "Глобальные стили (CSS) и "Код для HEAD "".

На вкладке «Макет» согласно разделению на блоки создается одна главная таблица или несколько таблиц идущих следом одна за другой. Последний вариант позволяет браузеру отображать страницу по частям по мере загрузки.

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

Чтобы обеспечить полное управление содержанием блоков макета в Менеджере Сайта, макет не должен включать текст, картинки и т. д., т.е. макет должен быть чистым каркасом страницы.

Ячейки таблиц (TD) соответствующие блокам верхняя часть (шапка), левая часть (область меню или новостей) и т. д. должны иметь атрибут id = lay_f1, lay_f2, lay_f3 и т. д. В ячейке, которая имеет данный атрибут, должна вызываться переменная соответствующая id этого блока.

Пример: Допустим есть строка с одной ячейкой в которой будет один из блоков. Ячейке присвоили id=lay_f1, значит в ячейке должна быть вызвана переменная ##lay_f1_body##.

Следовательно, строка будет выглядеть следующим образом:

Ячейка таблицы (TD) соответствующая главному информационному блоку - телу страницы должна иметь атрибут id = lay_body, а переменная которая будет вызываться в этой ячейке ##lay_body_body##.

Пример 1:

Рассмотрим графический макет представленный на рис. 1, его интерактивная карта имеет следующие блоки: Шапка, Левый блок, ТЕКСТ, Нижний блок (см. рис. 4).

Рис. 4.

Сверстанный макет будет выглядеть следующим образом (см. рис. 5):

Рис. 5

Макет можно создать при помощи нескольких таблиц. Такое разбиение применяется при необходимости отображать части страницы по мере их загрузки. К примеру, пока грузится тело страницы, посетитель может изучать верхнюю часть страницы.

Пример 2:

Рассмотрим ту же ситуацию что и в примере выше. Таблица должна выглядеть следующим образом (см. рис. 6):

Рис. 6.

Далее получившуюся таблицу необходимо дополнить следующим образом:

• в самое начало, перед таблицей, ставим переменную ##init##.
• после переменной ##init##, нужно поставить переменную блока статистики: ##stat_agent##
• в блоке для текста страницы, необходимо поставить переменную ##status_messages##, это необходимо для вывода статусных сообщений модулей. Эта переменная обычно ставится перед переменной ##lay_body_body##.
• в самом конце ставим переменную ##end## формирующую закрывающие теги.

Таким образом доработав пример 1, мы получим следующий макет (см. рис. 7).

Рис. 7.

Блоки макета имеющие одинаковые названия обновляются одновременно на всех страницах независимо от их местоположения на странице. К примеру, при изменении блока «Заголовок» в менеджере сайта на какой либо странице, будут изменены все блоки «Заголовок», на всех страницах, независимо от используемого макета и положения блока на странице. Поэтому, если заголовки на разных макетах отличаются, необходимо дать им разные имена, к примеру: «Заголовок главный» и «Заголовок внутренний». Таким образом задавая одинаковые имена можно определять блоки которые должны иметь одинаковое содержание на разных макетах. В Менеджере Сайта можно так же защитить блок на определенной странице от "сквозных" обновлений, к примеру, если мы хотим, чтобы на главной странице "Шапка" отличалась от внутренних, но не хотим создавать для этого дополнительный макет.

Редактировать содержание блоков макета можно в Менеджере Сайта. Для этого необходимо создать страницу и назначить ей нужный макет.

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

Версия для печати