257  /  328

Особенности интеграции с Битрикс

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

Шаблон сайта и компоненты

В рамках продукта верстку можно разделить на два вида:

  • Верстка компонентов
  • Верстка шаблона сайта

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

Шаблон сайта определяет внешний вид сайта. Включает в себя HTML и CSS для layout'а страницы (header, footer, колонки), оформление текста и другие элементы, общие для всех страниц сайта.

Контексты продуктов и шаблонов сайтов

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

  • Стандарт HTML (HTML5, HTML4, XHTML)
  • Standard Mode и/или Quirks Mode
  • Гибкость верстки
  • Устойчивость к внешним стилям
  • Тестирование
  • Кросс-браузерность

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

  • Корпоративный портал. Данный продукт поставляется с двумя шаблонами дизайна - Bitrix24 и Light. Компоненты должны хорошо отображаться в обоих шаблонах. В сложных ситуациях отдавайте приоритет шаблону Bitrix24.
  • Управление сайтом. Именно с помощью этого продукта клиенты создают новые сайты. Компоненты будут работать в абсолютно разных по дизайну и по верстке проектах. Как правило, партнер, интегрируя стандартный компонент на сайте, идет по пути наименьшего сопротивления. Сначала пробует изменить только CSS шаблона и если этого недостаточно - копирует шаблон и на его основе создает новый.
  • Публичные интерфейсы. Административная верхняя панель, диалоги создания и редактирования страницы - это все примеры публичных интерфейсов, которые должны хорошо отображаться в любом дизайне. Здесь важно, чтобы верстка была "пуленепробиваемой" - внешние стили шаблона не должны влиять на ее отображение.
  • Административный раздел. Представляет собой по сути отдельный сайт со своим шаблоном и интерфейсами. Однако часть этих интерфейсов могут отображаться в публичной части сайта.
  • Сайты готовых решений. Для данных сайтов создается отдельный набор шаблонов, использование которых предназначено только для соответствующего шаблона сайта.
  • Решение Интернет-магазин. Несмотря на то, что сайт интернет-магазина является готовым решением, его шаблоны используются в компонентах как стандартные (по умолчанию). Это значит, что такие шаблоны могут использоваться в любых других дизайнах.
  • Мобильное приложение. Данный продукт использует браузер на основе движка WebKit.

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

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