Веб-дизайн - Дмитрий Кирсанов

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

Разнородное и часто сменяющееся содержимое контент–сайта не очень–то уживается с изысками дизайна, ограничивая репертуар дизайнера максимально облегченными и упрощенными решениями. Даже если при разработке сайта были предусмотрены оформительские «болванки» для, казалось бы, всех возможных ситуаций, дизайн сайта с часто меняющимся содержимым неизбежно деградирует, изнашивается со временем. Держать же в штате фирмы дизайнера для повседневного «подтягивания гаек» на сайте могут позволить себе немногие. Поэтому выгоднее с самого начала выбрать как можно более простой, граничащий с академическим стиль оформления.

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

В последнее время рекламный бизнес становится в Интернете все более прибыльным, и живущие за счет рекламы контент–сайты растут и множатся на глазах. Свойственная ранней стадии развития любого рынка тенденция к концентрации заставляет их стягиваться в настоящие «империи» (www.cnet.com, www.internet.com). По–видимому, вскоре самостоятельные контент–сайты станут редкостью — большинство их будет принадлежать либо контент–империям с централизованным управлением и распределением рекламы, либо фирмам–спонсорам, пользующимся бесплатным контентом для завоевания престижа и привлечения посетителей на свои собственные корпоративные сайты.

Устройство сайта

Слово сайт (англ. site) утвердилось в русской интернетовской терминологии сравнительно недавно. Раньше, в 1995–1996 годах, в том же или примерно том же значении применялись сочетания «страница WWW», «узел WWW» или «WWW-сервер».

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

Сайт — это набор из нескольких десятков, сотен или даже тысяч веб–страниц (HTML- или XML-документов), связанных вместе единой темой, общим оформлением, взаимными гипертекстовыми ссылками и, как правило, близким по интернетовским меркам размещением (обычно в пределах одного домена, хотя части сайта вполне могут располагаться на нескольких узловых компьютерах, обслуживаться несколькими серверами и даже принадлежать к разным доменам). Это значит, в частности, что иногда, в зависимости от контекста, один и тот же набор страниц может рассматриваться либо как самостоятельный сайт, либо как часть какого–то другого сайта.

НЕУПОРЯДОЧЕННЫЙ КОНТИНУУМ

Таким образом, содержи мое сайта — так же как текст журнала и, в меньшей степени, книги — выходит из плоскости отдельной страницы в новое, третье измерение. В этой «объемной» композиции объекты могут образовывать друг с другом контрастные или поддерживающие связи не только на плоскости страницы, но и «поперек сайта», взаимодействуя с элементами, расположенными в той же позиции на соседних страницах.

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

Другое принципиальное отличие веб–сайта от материальных носителей информации — нелинейность. Это значит, что отдельная страница сама по себе не имеет фиксированного положения в пространстве сайта, а набор из нескольких страниц не обязан складываться в линейную (или любую другую) последовательность. Гипертекстовые ссылки внутри сайта — это не ветви, на которых висят листья страниц, а, скорее, свободно переплетаемые нити, которые автор волен протягивать от одной подвешенной в пространстве страницы к любой другой.

ТОПОЛОГИЯ САЙТА

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

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

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

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

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

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

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