55  /  328

Шаблон дизайна

Просмотров: 4428 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 02.03.2017

Шаблон сайта определяет:

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

Все используемые в системе шаблоны хранятся в отдельных папках каталога /bitrix/templates/ (например, /bitrix/templates/demo/ или /bitrix/templates/template1/), либо, начиная с версии 14.0.0, в /local/templates/. Также существует специальная папка .default, которая не является полноценным шаблоном сайта, а содержит шаблоны компонентов и файлы, общие для остальных шаблонов сайта.

Шаблон дизайна сайта обычно состоит из трех основных частей:

  • Верхней части дизайна (header);
  • Рабочей области страницы (Work area);
  • Нижней части дизайна (footer).

Header - верхняя часть дизайна, заголовок. Включает в себя, как правило, верхнюю и левую часть дизайна со статической информацией (логотипом, лозунгом и так далее), верхним горизонтальным меню и левым меню (если они есть в дизайне). Может включать в себя информационные динамические материалы. Хранится в отдельном файле .../<идентификатор_шаблона>/header.php.

Work area - рабочая область страницы, в которой размещаются собственно информационные материалы сайта. Рабочая область - это все создаваемые пользователями документы, хранящиеся в файлах <имя_документа>.php в соответствующих папках сайта.

Footer - нижняя часть дизайна со статической информацией (как правило: контактная информация, сведения об авторе и владельце сайта и так далее), нижним горизонтальным меню и правым меню (если они есть в дизайне). Может включать в себя информационные материалы. Хранится в отдельном файле .../<идентификатор_шаблона>/footer.php.

Композиция шаблона

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

  1. Header
  2. Work Area
  3. Footer

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

Статическая информация, которая не нуждается (либо редко нуждается) в замене, как правило, размещается в статических зонах Footer и Header. Заменить ее можно в кодах самих файлов, но делать это придется квалифицированному разработчику, либо разработчик должен организовать такую замену с помощью компонентов системы силами редакторов сайта.

Подключение частей дизайна

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

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("1C-Битрикс: Управление сайтом");
?>

Тело документа. Содержательная часть.

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");
?>

Примечание: Помимо статической информации, в шаблоне и в рабочей области могут располагаться:
  • Визуальные компоненты
  • Включаемые области
  • Произвольный PHP-код

Эти элементы сайта предназначены для вывода динамической информации.


28
Курсы разработаны в компании «1С-Битрикс»

Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.
Развернуть комментарии