Веб-дизайн


Топология сайта


В то же время основные, магистральные связи между страницами, существующие на любом сайте, все­гда складываются в некоторую структуру, отражающую внутренние связи содержимого. Два основных типа та­ких структур — древовидные (иерархические) и линейные (последовательные).

Древовидное строение сайта предполагает, что содержи­мое каждой страницы (кроме первой) входит на правах подраздела в страницу более высокого уровня (возможно, наряду с другими подразделами). Такая структура имеет начало — первую страницу, корень дерева (с него обычно начинается осмотр сайта, хотя можно стартовать и из любой Другой точки), — но не имеет конца; вы можете спускаться и подниматься с уровня на уровень и перемещаться по горизонтали до тех пор, пока вам не надоест или пока вы не исчерпаете все содержимое. Древовидная структура лучше всего подходит для коллекций достаточно разнородного или сложно устроенного материала — каталогов, сборников статей или ссылок.

И наоборот, если материал выстраивается в логическую Цепочку — как, к примеру, главы одной книги или

186

Рис. 47

Древовидная (а), линейная (б) структуры сай­та и их возможные гибриды (в, г). Вариант (6), впрочем, то­же может оказаться частным случаем дерева с одной вет­кой при условии, что каждая следующая страница — не ло­гическое развитие темы преды­дущей, а необязательное отве­твление, подраздел, коммента­рий и что последняя страница является скорее тупиком, чем концом пути

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

Большинство сайтов используют и древовидную, и после­довательную структуры. Например, начав с иерархического каталога статей, объединенных в разделы, каждую отдель­ную статью, если она достаточно велика, имеет смысл разбить на несколько следующих друг за другом частей.
Точно так же в древовидном каталоге книжного мага­зина из каждой ветки — страницы отдельной книги — можно перейти к линейной последовательности страниц заказа и покупки. Обратная конфигурация, когда пуч­ки древовидной структуры вырастают из узлов линейной, встречается реже.

Возможность генерации страниц «на лету» в ответ на запросы пользователя и применение динамического HTML (стр. 65) для создания «живых», изменяющихся по мере прочтения и взаимодействия с ними страниц размывают стройную картину структуры сайта, где, как на рис. 47, каждая страница символизируется своим прямоугольником с определенным количеством стрелок-связей. На многих современных сайтах просто невозможно точно сказать, из скольких страниц они состоят и сколько связей содержат. Однако и при создании своего сайта, и при исследовании чужого вы должны четко представлять себе, в какой системе координат — декартовой линейной или полярной древовидной — вы в каждый момент находитесь.

Особую роль играют внешние ссылки, связывающие данный сайт с други­ми. Если только весь ваш сайт не посвящен таким ссылкам (т.е. не явля­ется каталогом ресурсов или чем-то подобным), внешние ссылки имеет смысл оформить так, чтобы был очевиден их особый статус (например, на www.microsoft.com  для этого ставят особые маленькие иконки сразу после внешних ссылок). Сайты с фреймами не должны забывать перена­правлять свои внешние ссылки на верхний уровень иерархии фреймов.


Содержание раздела