Сайты на CMS Бикубик: термины, определения, Данные

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

Графические элементы – это фотоизображения, геометрические фигуры, линии, пиктограммы (иконки – например, изображение конверта для обозначения электронной почты). Они могут быть тесно переплетены с текстом (например, каждый абзац текста может начинаться с пиктогрммы «стрелка»).

Графические и текстовые элементы могут располагаться на странице в любом порядке, определяемом дизайнером. Обычно выделяют следующие крупные разделы сайта:

1. Шапка сайта (большая картинка вверху страницы с некоторыми надписями – логотипом, телефоном...).
2. Сайдбар – боковая колонка слева или справа, в которой размещают меню, информеры погоды и валюты, голосования, форму заказа обратного звонка и другие повторяющиеся на страницах сайта элементы, не требующие большой ширины. Можно сказать, что сайдбар является колонтитулом сайта (или раздела сайта).
3. Основной текст – место, где выводится содержание страницы (рассказ о предприятии, описание элемента товара, статья о продукции...). Обычно в центре страницы.
4. Подвал (или footer) – колонтитул для элементов, которые по дизайну нельзя помещать в Сайдбар. Например, это может быть повторение верхнего (горизонтального) меню – полезно, если на страницах бывает много текста и в процессе прокрутки верхнее меню исчезает из вида. Обычно в Подвал помещают контактную информацию, сведения об авторстве.

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

Активные элементы

Активным называют элемент, при щелчке по которому на странице что-то меняется.

Ссылка, гиперссылка – элемент на странице сайта, при щелчке по которому открывается новая страница. Ссылка имеет текст (то, что видит пользователь) и адрес (вида http://dbmodern.ru/). Текст может совпадать с адресом. Традиционно ссылки должны оформляться подчёркиванием, но в современном вебе их оформление может быть очень разнообразным. Например, ссылками могут быть графические элементы (пиктограммы, фото, фигуры).

Кнопка – элемент отличается от ссылки внешним видом (обычно это прямоугольник с чёткими границами) и функцией. Обычно щелчок по кнопке не открывает новую страницу, а меняет что-то на текущей странице. Исключение – кнопка «Сохранить» («Отправить заказ», «Отправить сообщение»); это кнопка отправки формы, страница при нажатии на эту кнопку перегружается (или может открываться новая страница).

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

Для привлечения внимания пользователя активность элемента обычно обозначают изменением оформления при наведении мыши и специальной формой курсора при наведении мыши (указатель – «палец»). Это значит, для каждого активного элемента дизайнер должен предусмотреть две формы: в обычном состоянии, и при наведении мыши.

Меню

Меню – упорядоченный набор ссылок. Упорядоченность в меню существует в нескольких отношениях:

1. Состав ссылок (например, все ссылки могут относиться к одному разделу – Каталогу товаров).
2. Единый стиль оформления и определённое место на странице. Например, в Главном меню пункты (ссылки) могут быть расположены в одну строку, на равном расстоянии друг от друга, разделены вертикальными чёрточками.
3. Порядок расположения. Например, алфавитный порядок. Или упорядоченность по важности: сначала Главная, потом О предприятии, потом Продукция...

Ссылки в меню могут располагаться горизонтально, в строку, или вертикально, друг под другом. По этому признаку меню так и называют: вертикальное, горизонтальное. Вертикальные меню обычно размещают слева или справа, поэтому их ещё называют боковыми меню.

Меню может быть простым или иерархическим (например, в пункте О компании может быть подпункт Контакты). В иерархическом меню при открытии страницы обычно видны пункты только верхнего уровня, а вложенные подпункты обычно отображаются при наведении мыши на основные пункты.

========================================================

Информационные блоки (инфоблоки)

Информационный блок – группа текстовых и графических элементов, составляющая визуальное и смысловое единство. Пример: пункт меню с пиктограммой банковской карты и подписью "Оплата услуг". Другой пример: Заголовок, Дата и Анонс одной новости в списке новостей (элемент списка новостей).

Миниатюры и изображения

Редактор может загружать на сайт изображения в формате gif, png, jpg. В списках такие изображения отображаются в виде миниатюр – уменьшенных изображений той же картинки. Размер миниатюры определяется в настройках сайта – для каждого шаблона страницы (например, для Каталога товаров миниатюры могут быть 160*160, а для Новостей – 120*120).

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

Исходные (загружаемые на сайт) изображения не должны превышать размер 1024*1024, иначе на обычном хостинге не хватит ресурсов для обработки картинок. Если на сайте необходимы изображения большего размера, следует использовать специальный хостинг.

Таблица

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

========================================================

Сущности (данные) – стандартный набор таблиц для сайта на системе Бикубик

1. Пользователи
2. Статьи
3. Комментарии
4. Вопросы
5. Файлы
6. Элементы
7. Шаблоны

Пользователи – для организации доступа разного уровня к Административной панели сайта. Свойства (поля):

1. Имя
2. Полное имя
3. Пароль
4. Статус – влияет на права пользователя (ограничивает доступ к разным Данным)

Статьи (заметки, новости...) – главная сущность сайта, её элементы прямо связаны с адресами страниц (на странице История предприятия будет отображаться текст об истории). Свойства (поля):

1. Адрес страницы
2. Заголовок страницы (для меню)
3. Раздел (привязка к другой Странице)
4. Место (для сортировки в списках)
5. Меню – число, привязывающее страницу к одному из Меню
6. Стиль пункта меню
7. Дата документа (дата публикации)
8. Текст страницы
9. Анонс
10. seotitle (заголовок страницы для окна браузера)

Комментарии (отзывы, краткие сообщения посетителей сайта). Свойства (поля):

1. Имя
2. Текст сообщения
3. topic (Раздел, привязка к Странице)
4. ctime (метка времени создания сообщения)

Вопросы (То же, что Комментарии, но с отдельным полем для ввода ответа Администрации)

Файлы (загружаемые на сайт изображения и документы). Свойства (поля):

1. Наименование
2. Раздел (группа для каталога товаров, привязка к Странице)
3. Цена (для Каталога)
4. Описание (более подробная информация)
5. Порядок (для произвольного расположения в списках)

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

Шаблоны – небольшие фрагменты текста, не привязанные к адресу Страницы (например, колонтитул в шапке – адрес и телефон предприятия)

========================================================

Списки

Разные данные (Сущности) отображаются на сайте в разных списках с разными целями.

1. Список Страниц отображается в Меню. Каждый элемент списка в этом случае – ссылка на какую-то страницу. Текст ссылки берётся из поля Заголовок таблицы Страницы. Адрес ссылки – из поля Адрес страницы. Ссылка может быть в виде картинки, или в виде текста вместе с картинкой – оформление (включая картинки) создаётся набором правил CSS (так называемый класс), указанным в поле Стиль пункта меню. Порядок пунктов Меню определяется 1) числами в поле Место (чем больше число, тем дальше элемент в списке), 2) датой создания страницы (поле Дата док.) – в обратном порядке.
2. Разные меню (верхнее, боковое, нижнее...) формируются с помощью разных значений поля Меню.
3. Список новостей содержит элементы, как в Меню, плюс Анонс. Порядок отображения такой же, как в Меню. Список формируется по подчинённости – выбираются все страницы, принадлежащие разделу Новости (в поле Раздел указано значение News.html); количество отображаемых новостей – 4 (самых поздних по дате создания); в конце списка новостей предполагается (при необходимости) ссылка на Архив новостей, содержащий список ссылок на все страницы раздела Новости.
4. Каталог товаров – иерархический список (обычно слева, расположен вертикально); формируется выборкой всех Страниц (являющихся в данном случае Группами, Категориями товаров) из раздела Каталог товаров (в поле Раздел указано значение 'Catalog.html' или любая страница, в предках которой содержится страница 'Catalog.html').
5. Список товаров одной Группы – страница Каталога товаров с конкретным набором товаров. Товары хранятся в таблице Файлы или в таблице Элементы. В списке отображается миниатюра изображения товара и Наименование товара. Может быть, Цена и описание. При щелчке по миниатюре пользователю показывается основное (большое) изображение, всплывающее поверх страницы. При повторном щелчке по большому изображению оно закрывается и становится виден первоначальный список.

========================================================

Домен и хостинг

Информация на другой странице: Администрирование домена и хостинга.

Справочные материалы

Справочная информация о системе Бикубик хранится в Административной панели любого сайта, в меню Справка. Там содержится информация об устройстве системы управления – о том, как работают разные кнопки на разных страницах и что происходит внутри программы. Справочная информация не является исчерпывающим описанием работы системы. Отдельные разделы справочной информации являются рекомендуемыми к прочтению перед началом работы с сайтом (эти разделы указываются в конкретных Инструкциях).

Инструкции

Для каждого конкретного сайта Исполнитель передаёт Заказчику несколько инструкций (по редактированию текстов страниц, по загрузке файлов на сервер, по добавлению элементов Каталога товаров). Инструкции не описывают, как что работает, а перечисляют последовательность действий для достижения результата.

Техподдержка сайта

На случай сбоев в работе системы Бикубик, непонимания отдельных мест инструкций, Исполнитель даёт Заказчику гарантию технической поддержки на всё время жизни сайта (и Исполнителя), то есть Исполнитель будет исправлять все свои ошибки и переписывать (или разъяснять) инструкции по первому требованию Заказчика.