TML, CSS, СКРИПТЫ: практика создании сайтов

И общность эта сильнее всего выражена в составе и

взаимном расположении элементов страниц.

В организации пространства страницы любого информационного сайта

можно выделить как минимум четыре функциональные области со строго

определенными ролями. Это «шапка» (в английской терминологии— header),

блок навигации, область основного текста и «подвал» (footer).

Слова, взятые в кавычки, унаследованы веб-разработчиками от

верстальщиков-полиграфистов и, бесспорно, являют собой жаргонизмы, но зато они

понятны всем и каждому. Честно говоря, мне неизвестны устоявшиеся

«официальные» их заменители в русском языке, поэтому оставим терминологическое

эстетство лингвистам, а сами перейдем к сути дела.

Вне всякого сомнения, «шапка» должна располагаться сверху. Основной ее

функциональный элемент— название сайта. Иногда, помимо титульной

надписи, в «шапке» может присутствовать заголовок текущего раздела сайта.

Там может находиться и логотип компании или иной характерный символ

проекта, например, некий художественный визуал, причем хорошим тоном

считается размещение подобного элемента в левой стороне «шапки» и

наделение его ролью ссылки на главную страницу сайта.

Навигационная панель, если количество разделов на сайте небольшое, может

располагаться горизонтально, отделяя «шапку» страницы от области

основного текста. В этом случае элементы навигации полезно продублировать и

внизу страницы, между блоком основного содержания и «подвалом». Когда же

разделов на сайте относительно много, лучше сделать навигационный блок

вертикальным, располагая его слева от зоны с основным текстом страницы.

Почему именно слева, а не справа? Нас, носителей европейской культуры,

чуть ли не с пеленок учили читать слева направо и сверху вниз. И именно эти

направления волей-неволей становятся преобладающими не только при

чтении, но и при любом визуальном восприятии. Навигационный же блок,

будучи, как правило, визуально «тяжелее» (темнее, сложнее по внутреннему

устройству и т. п.) области основного содержания страницы, при размещении с

левой стороны интерпретируется подсознанием как отправная точка для

движения, а при расположении справа — напротив, как некая преграда на

пути восприятия.

В нестандартных ситуациях, когда, например, логическая структура сайта

чрезвычайно сложна и насчитывает множество иерархических уровней

вложенности, может найти применение и двухкоординатная система навигации.

При этом, скажем, горизонтально ориентированная область отводится для

ссылок на верхнеуровневые, «магистральные» направления сайта, а верти-

Глава 4. Использование блочной модели CSS2p/m верстки сложных веб-страниц 165

кальный блок планируется как контекстное меню подразделов в рамках

текущего крупного раздела.

( Примечание ^

Достаточно модные ныне ниспадающие навигационные меню мало того, что

сложны в реализации, так еще и существенно проигрывают в доступности для

максимально широкого круга пользователей, ибо весьма требовательны к типу

и настройкам браузера. Так что, как мне представляется, все это от лукавого,

игра не стоит свеч… Впрочем, о навигации мы еще успеем основательно

побеседовать.

Область основного текста — то, ради чего, собственно, создается страница,

ее главная ценность и единственный «полезный груз». В идеале, конечно,

необходимо стремиться выделить для этого блока как можно больше

пространства. Разумеется, функциональность всех прочих элементов не должна

страдать, но на многих реально существующих сайтах (особенно грешат этим

новостные ресурсы) основное содержание неприметно ютится где-то между

огромными рекламными баннерами и беспорядочно разбросанными

областями с бесконечными ссылками на «самые горячие сенсации», не претендуя

даже на половину, а то и на треть площади окна браузера! Полагаю,

разработчикам подобных проектов есть о чем задуматься…

На главной странице сайта в блоке основного текста должна в обязательном

порядке присутствовать краткая аннотация, раскрывающая в нескольких

словах назначение проекта.