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

В то же самое время, все хорошо в меру, «изюминка» вряд ли

должна превращаться в фунт изюма, иначе будет приторно. Если система

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

сайте уютно.

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

Внутренняя навигация

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

продумать его логическую структуру, выявить главное и второстепенное,

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

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

внутренней навигации.

Основных разделов (ветвей, отходящих от корня дерева) на сайте в идеале

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

быстро привыкнуть к расположению ссылок в блоке навигации.

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

Считается, что именно семью объектами ограничивается объем восприятия

среднестатистического человека, когда совокупность элементов еще

воспринимается как единое целое. Взаимное расположение семи кнопок очень легко

отпечатывается в сознании — первая, средняя, последняя; следующая за первой,

предпоследняя; предшествующая средней, идущая сразу за средней.

Если количество основных разделов существенно «зашкаливает» за семь,

логическую структуру следует пересмотреть, укрупнив некоторые разделы. При

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

Дерево логической структуры— почти готовая карта сайта. На крупных

веб-ресурсах, иерархия структуры которых имеет более трех уровней

вложенности, карта сайта (страница, с которой одним щелчком мыши можно

попасть на любую другую страницу) должна быть обязательным атрибутом.

Если в качестве кнопок навигации используются графические изображения,

то их требуется обязательно снабжать содержательными alt-текстами. Нужно

непременно проверять, легко ли работать с сайтом при отключенной графике

или в текстовом браузере наподобие Lynx.

Очень часто случается, что в меню навигации встречаются ссылки, ведущие

на ту же самую страницу, на которой находится ссылка. Это очень грубый

недочет, разрушающий логику построения сайта, и от него нужно

обязательно избавляться.

Хорошим тоном считается не просто ликвидация ссылки с названия текущего

раздела в меню навигации, но и выделение этой надписи особенным образом,

к примеру, другим цветом или начертанием.

Поскольку CSS2 предоставляет развитый спектр возможностей по

форматированию текста и оформлению блоков, а все современные графические

браузеры поддерживают эти возможности, сегодня лучше всего вообще

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

графических изображений. Как минимум по двум причинам — во-первых, текст,

232 Часть II. Применение веб-технологий стороны клиента для создания сайтов

отлитый в графике, вредит логике документа, а во-вторых, добавление нового

раздела в графическое меню навигации существенно более трудоемко.

Основное меню навигации, как правило, сразу заметно, и его оформление

может быть в достаточной степени вольным (в разумных пределах, конечно).

А что касается выбора цветов текстовых ссылок в остальных частях страниц,

то обязательно должно существовать четкое разделение всех ссылок на

просмотренные и непросмотренные, причем у пользователя не должно

возникать неопределенности, возможности двоякого толкования. В идеале,

конечно, лучше всего обойтись цветами по умолчанию— синий для

непросмотренных ссылок и пурпурный половинной яркости — для просмотренных.

Чаще всего, конечно, это бывает нежелательным с композиционной точки

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

свидетельствовать о том, что их уже посетили, к примеру, иметь менее

насыщенный цвет, чем непросмотренные, или же цвет, более близкий к цвету

основного текста или фона страницы, чем у непросмотренных ссылок.

Желательно выделять ссылки подчеркиванием.