20 нояб. 2011 г.

Статья 9. Внешний вид и строение блоков боковой панели шаблона сайта.

Как я уже упоминал в статье 1. этой серии статей ,  боковая (обычно  одна или две) панель сайта  он же «sidebar»  или «bokpan» используется для размещения дополнительной информации. Например Входа, Регистрации, Навигации, блока Меток, рекламы и так далее. Соответственно для каждой из форм нужен свой блок. Для блока нужно своё оформление.  Обычно все блоки боковой панели сделаны принципиально одинаково.  Почему? Ну во первых это наиболее эстетично для внешнего вида сайта, а во вторых это намного проще и удобнее при вёрстке макета в шаблон.
 Сейчас быстренько рассмотрим типы блоков и их строение.


Типы:

1) блок прямоугольный.

2)блок имеющий скруглённые углы.  К ним можно добавить типы блоков имеющих скруглённые нижнюю или  верхнюю пару углов.

Строение:

1)Блок для содержимого. ( может иметь свой собственный цвет и обводку).

2)Блок для содержимого в блоке. ( могут иметь различные цвета и обводку)

3) Блок для содержимого и верхний колонтитул для названия блока. ( могут иметь различные цвета и обводку)

4) Блок для содержимого и колонтитул находятся в блоке. ( могут иметь три различных цвета и обводку)

5) Раздельные блоки. Блок содержимого и колонтитульный блок.         (могут иметь различные цвета и обводку)

Зная и понимая строение блоков не составит большого труда прорисовать любой из нужных вам блоков  в поле боковой панели макета.  Естественно не забывая делать это на отдельных слоях, используя направляющие для правильного позиционирования элементов и не забывая сохранять всё это в нужные папки слоёв.  Я намеренно заостряю ваше внимание ( в каждой статье) о необходимости сохранения элементов в соответствующую папку.  Делается это для того что бы в дальнейшем избежать неудобств и всяческих нареканий со стороны верстающего ваш макет специалиста.  Через один урок попытаемся заполнить наш «sidebar»  полезным содержимым.  А в следующей статье рассмотрим условное строение блоков средней части сайта.   Удачи! :)

Комментариев нет:

Отправить комментарий

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