Виртуальная навигация

... с помощью якорей! Воистину, у программистов мозги набекрень. По каким еще морям, кроме виртуальных, плавают не на парусах, не на веслах, а на якорях-гиперссылках?

Так или иначе, но почему-то перемещение по Web-страницам назвали именно навигацией. И одна из главных задач Web-дизайнера - сделать так, чтобы эта навигация была как можно удобнее для посетителей его страниц.

Какие особенности дизайна больше всего раздражают посетителей вашего сайта? Не знаете? Ладно, меняем вопрос: что больше всего раздражает вас в чужих сайтах? Лично меня - необходимость пробираться через целый лес ссылок, чтобы докопаться до нужной информации. И каждый раз, когда загружается очередная страница, ждать, ждать, ждать...

Представьте себе такую ситуацию: вам нужен прайс-лист некоторой фирмы. Вы заходите на ее сайт и видите... великолепную заставку с логотипом. Щелкаете на этой заставке, попадаете на главную страницу, а там - пространная история компании. Вот черт! Ладно, в углу имеется ссылочка: "Наша продукция". Смотрим, что там... Большие фотографии и рекламные проспекты этой самой продукции. Но где же цены?! Ну наконец-то, вот оно: "Загрузить прайс-лист". Уфф... Щелкнем на последней кнопке и ждем загрузки.

Это только на первый взгляд кажется, что понятие "удобство" нельзя описать математической формулой. На самом деле оно - правда, очень приблизительно - обратно пропорционально количеству переходов по ссылкам, необходимых, чтобы добраться до нужной информации. Поэтому дизайнеры, планируя структуру сайта, стараются следовать таким правилам.

Чем выше спрос на информацию, тем ближе к главной странице сайта она должна находиться. Как определить спрос на информацию? Ну, хотя бы по посещаемости страницы, на которой она расположена.

Ссылки-стрелки с надписями наподобие "вернуться в начало" и "перейти в конец" на длинных, требующих многократной прокрутки страницах обычно не вызывают у посетителей ничего, кроме глубокой признательности. То же касается ссылок на главную страницу, а также на следующий и предыдущий связанные документы.

Очень часто на Web-страницах создают специальный блок - панель ссылок. Обычно она располагается сбоку, сверху или снизу от основного содержимого страницы, так, чтобы до нее было удобно добраться и чтобы она не мешала читать основной текст. Очень многие размещенные в Сети книги и крупные статьи построены по такому принципу: слева помещается список глав, а справа - та глава, которую открыл посетитель.

Почти на любом крупном сайте есть специальная страница, посвященная исключительно ссылкам - карта сайта. На ней обычно в текстовой, а иногда в красивой графической форме отражена структура сайта: какие страницы на нем есть, что там находится и, разумеется, ссылки на эти страницы. Карта сайта - это та точка, куда с последней надеждой приходят посетители, заблудившиеся в Паутине. Не обманите их ожидания!

 Несмотря на сходство названий, следует помнить о том, что карта сайта и карта изображения - совершенно разные вещи. Первая является Web-страницей, играющей роль справочника-путеводителя, а вторая - конструкцией HTML. Впрочем, очень часто можно встретить карту сайта, реализованную в виде карты изображения.

Подытожим сказанное в этом разделе.

Гиперссылки - мощнейшее средство языка HTML, благодаря которому возможны переходы между различными документами и объектами, размещенными в Internet. Реализуются гиперссылки с помощью дескриптора <А>. Это парный дескриптор, внутри которого заключен объект, служащий гиперссылкой, - текст, графика или то и другое вместе. Основным параметром дескриптора <А> является href, определяющий ссылку на объект, - другую HTML-страницу, электронное письмо или файл. Если файл, на который указывает ссылка, может быть открыт в броузере или в поддерживаемом броузером приложении, он открывается. В противном случае выполняется загрузка этого файла с сохранением его на диске.

Отдельного внимания заслуживает применение гиперссылок для отправки писем по электронной почте. Дескриптор <А> позволяет составить шаблон электронного письма, которое затем посетитель страницы может отправить по адресу, указанному в параметре href.

Для того чтобы сослаться не просто на страницу, а на ее определенное место, используются закладки. Закладки - это дескрипторы <А> с параметром name, которому присвоено уникальное имя. Для того чтобы сослаться на такую закладку, в значении параметра href, кроме URL файла, указывают имя закладки. Разделителем между URL и именем закладки служит символ 4.

Кроме описанных свойств, дескриптор <А> имеет еще одно: с помощью параметра target он позволяет выбрать окно, в котором будет открыт новый объект. Мы можем пользоваться двумя его предопределенными значениями - self и blank. Первое из них предполагает открытие объекта, на который указывает ссылка, в том же окне, что ,и документ, где эта ссылка находится, а второе - в новом окне.

Гиперссылкой может служить не только целое изображение, но и его фрагменты. Для этого создаются так называемые карты изображений. Карта изображения - это конструкция языка HTML, образованная с помощью дескрипторов <МАР> и <AREA>. Дескриптор <МАР> определяет имя карты, по которому она впо­следствии связывается с самим изображением. В параметре usemap дескриптора <IMG> указывается имя, присвоенное карте с помощью параметра name дескриптора <МАР>, предваряемое символом #.

Внутри конструкции <МАР>... </МАР> помещаются дескрипторы <AREA>. Каждый такой дескриптор описывает параметры определенной области внутри изображения, которой поставлена в соответствие та или иная гиперссылка. Этими параметрами являются форма, координаты, адрес объекта, на который указывает ссылка. Кроме того, здесь, как в дескрипторе <А>, действует параметр target и, как в дескрипторе <IMG>, - параметр alt (см. главу 8).

Форма области определяется параметром shape, который принимает одно из четырех значений: rect (по умолчанию), circ, poly и default. Эти значения соответствуют прямоугольнику, кругу, многоугольнику и всей области изображения. Для каждой из первых трех форм предусмотрена своя система задания координат. Координаты области определяются параметром coords. Значением этого параметра служит текстовая строка, где через запятую перечислены значения координат (в пикселях), однозначно определяющие размер и положение данной области. Для круга это координаты центра и радиус, для прямоугольника - координаты левой, верхней, правой и нижней сторон, а для многоугольника - координаты вершин.

Система гиперссылок, связывающих отдельные страницы Web-сайта, должна быть тщательно продумана. От удобства этой системы зависит то, насколько комфортно посетителям будет пользоваться сайтом и, в конечном счете, то, насколько этот сайт будет полезен и им, и вам.