Топология сайта
В то же время основные, магистральные связи между страницами, существующие на любом сайте, всегда складываются в некоторую структуру, отражающую внутренние связи содержимого. Два основных типа таких структур — древовидные (иерархические) и линейные (последовательные).
Древовидное строение сайта предполагает, что содержимое каждой страницы (кроме первой) входит на правах подраздела в страницу более высокого уровня (возможно, наряду с другими подразделами). Такая структура имеет начало — первую страницу, корень дерева (с него обычно начинается осмотр сайта, хотя можно стартовать и из любой Другой точки), — но не имеет конца; вы можете спускаться и подниматься с уровня на уровень и перемещаться по горизонтали до тех пор, пока вам не надоест или пока вы не исчерпаете все содержимое. Древовидная структура лучше всего подходит для коллекций достаточно разнородного или сложно устроенного материала — каталогов, сборников статей или ссылок.
И наоборот, если материал выстраивается в логическую Цепочку — как, к примеру, главы одной книги или
186
Рис. 47
Древовидная (а), линейная (б) структуры сайта и их возможные гибриды (в, г). Вариант (6), впрочем, тоже может оказаться частным случаем дерева с одной веткой при условии, что каждая следующая страница — не логическое развитие темы предыдущей, а необязательное ответвление, подраздел, комментарий и что последняя страница является скорее тупиком, чем концом пути
последовательные шаги оформления заказа в электронном магазине, — естественно воспользоваться линейной структурой. Линейная цепочка страниц обязана иметь начало и конец, причем «запрыгивать в вагон на ходу» (т. е. начинать знакомство с сайтом с одной из промежуточных страниц) обычно смысла нет, так как вам будет значительно труднее поймать нить изложения, чем при древовидном расположении материала.
Большинство сайтов используют и древовидную, и последовательную структуры. Например, начав с иерархического каталога статей, объединенных в разделы, каждую отдельную статью, если она достаточно велика, имеет смысл разбить на несколько следующих друг за другом частей.
Точно так же в древовидном каталоге книжного магазина из каждой ветки — страницы отдельной книги — можно перейти к линейной последовательности страниц заказа и покупки. Обратная конфигурация, когда пучки древовидной структуры вырастают из узлов линейной, встречается реже.
Возможность генерации страниц «на лету» в ответ на запросы пользователя и применение динамического HTML (стр. 65) для создания «живых», изменяющихся по мере прочтения и взаимодействия с ними страниц размывают стройную картину структуры сайта, где, как на рис. 47, каждая страница символизируется своим прямоугольником с определенным количеством стрелок-связей. На многих современных сайтах просто невозможно точно сказать, из скольких страниц они состоят и сколько связей содержат. Однако и при создании своего сайта, и при исследовании чужого вы должны четко представлять себе, в какой системе координат — декартовой линейной или полярной древовидной — вы в каждый момент находитесь.
Особую роль играют внешние ссылки, связывающие данный сайт с другими. Если только весь ваш сайт не посвящен таким ссылкам (т.е. не является каталогом ресурсов или чем-то подобным), внешние ссылки имеет смысл оформить так, чтобы был очевиден их особый статус (например, на www.microsoft.com для этого ставят особые маленькие иконки сразу после внешних ссылок). Сайты с фреймами не должны забывать перенаправлять свои внешние ссылки на верхний уровень иерархии фреймов.