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

Шаблон сайту визначає:

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

Шаблон дизайну сайту зазвичай складається із трьох основних частин:

шаблон

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

Header- верхня частина дизайну, заголовок. Включає в себе, як правило, верхню та ліву частину дизайну зі статичною інформацією (логотипом, слоганом тощо), верхнім горизонтальним меню та лівим меню (якщо вони є в дизайні). Може включати інформаційні динамічні матеріали. Зберігається в окремому файлі. //header.php.

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

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

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

templates

сторінки

дизайну

Вибір того чи іншого варіанта композиції сайту – справа досвіду та смаку. Кожен із них має свої плюси та мінуси. І запропоновані три схеми – неповний перелік можливої ​​структури. Щоб правильно вибрати варіант композиції для свого сайту, потрібно розуміти принципи роботи зі статичною інформацією, компонентами,динамічно виводять інформацію, і те, як вони взаємодіють між собою. Крім того, необхідно ясно представляти кваліфікацію тих, хто займатиметься підтримкою сайту, і, власне, сам тип інформації, що виводиться.

Підключення елементів дизайну

Складання типових сторінок сайту здійснюється шляхом підключення верхньої та нижньої частин дизайну для кожної сторінки сайту. Загалом структура сторінки сайту виглядає так:

Ці елементи веб-сайту призначені для виведення динамічної інформації.