Центр документации
Карта сайта

Создай визитку сам!


Самоучитель по интеграции дизайна и настройке Amiro.CMS на примере демонстрационной версии пакета Визитка »


Создание структуры страниц

Перед началом интеграции необходимо определиться с дизайном.

Для примера интеграции дизайна был выбран дизайн демо-версии сайта созданного на основе пакета «Визитка». Внешний вид представлен на рис. 1.

 

Рисунок 1.

 

В системе "Amiro.CMS" графический макет верстается блоками, под блоками подразумеваются логические области html-документа, соответствующие его ключевой структуре (например, шапка, левая колонка, подвал). Первоначально создается макет страницы, затем верстаются блоки. Каждый сверстанный блок должен представлять собой законченный html-код.

 

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

 

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

 

Разобьем выбранный дизайн на блоки. На рис. 2 представлено разбиение на блоки графического макета страницы.

 

Рисунок 2.

 

Получаем макет, разбитый на пять блоков - шапку, левый блок, блок с картинкой, нижний блок и тело страницы - блок «Текст».

Версия для печати

Установка и настройка Руководство пользователя Интеграция дизайна Разработчикам (API)
 2000 – 2021 © Amiro.CMS Все права защищены.