Как уже показано выше, каждая страница делится на 3 части: хедер, футер и содержательную часть. Формат вывода содержательной части определяется компонентом, а ее расположение на странице, равно как и футер с хедером – макетом дизайна.
Основная практическая функция макета дизайна (не считая самого оформления страницы) – реализация навигации по сайту. Макет обеспечивает вывод навигации различных уровней, внешний вид которой может настраиваться, и различных видов: оглавление сайта, меню 2-3-4-… уровня, «хлебные крошки» (Рога и Копыта > О компании > Руководство компании) и пр. Другой немаловажной особенностью NetCat является тот факт, что внешний вид элементов также может настраиваться: это могут быть текстовые ссылки на разделы, выпадающие списки (тег < select>), изображения, flash-ролики, выпадающие DHTML-меню, а также сочетания этих видов (иконка + название раздела и пр.).
Сам макет представляет собой HTML-страницу, конвертированную во внутренний формат NetCat. Процесс конвертации несложен. Так, если исходный макет подразумевает оглавление сайта в определенном месте страницы, оформленное каким-то образом (таблицы, выпадающие меню, картинки и пр.), то в конечном макете этот HTML-код заменяется на функцию s_browse_level(), а внешний вид навигации настраивается в специальном поле «Шаблоны вывода навигации».
Макетов в системе может быть несколько. В большинстве случаев их два: для титульной страницы и для внутренних страниц (возможна также версия для печати). Однако можно создать неограниченное количество макетов и использовать разные макеты для разных разделов (по умолчанию все страницы сайта имеют тот макет, который определен для всего сайта, но на любом уровне структуры его можно переопределить). Структура свойств макета также редактируется через интерфейс управления системными таблицами.
В системе макетов реализована наследуемость, что позволяет сократить время настройки дизайна и предоставить разработчику более удобный интерфейс работы. Так, если есть задача использовать различную цветовую палитру для разных разделов, необходимо:
- добавить в системную таблицу «Макеты дизайна» поле «Таблица CSS»;
- создать и заполнить макет по умолчанию;
- создать дочерний макет, в котором заполнить только поле «Таблица CSS»;
- определить в настройках нужных разделов созданный дочерний макет.
При работе с макетами стоит учесть, что кавычки “” являются спецсимволом PHP. Например, ими мы выделяем функцию:
Поэтому использовать их в HTML коде нужно специфически: кавычки необходимо экранировать, т.е. перед каждой кавычкой поставить обратный слэш \”. В разделе Инструменты в системе администрирования есть специальный функционал для автоматического экранирования кода. Для упрощения работы мы рекомендуем Вам использовать одинарные кавычки ‘ (они равноправны двойным практически во всех стандартах, включая HTML, XHTML) или же отказаться от них вовсе.