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

На самом деле сайт может быть очень красивым, но совершенно бестолковым в смысле передвижения по нему. Это очень затрудняет как работу с ним, так и восприятие представленной на нем информации. Конечно же, существуют огромные сайты с хорошо продуманной навигацией. Они состоят из тысячи страниц, путешествовать по которым – одно удовольствие. А есть маленькие сайты в 20-30 страниц, в которых вы теряетесь, зайдя вглубь по двум-трем ссылкам. К сожалению, в Интернете еще очень и очень много сайтов с плохо организованной навигацией.

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

Yandex (http://www.yandex.ru);

РосБизнес Консалтинг (http://www.rbc.ru);

Lenta.ru и т. д.

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

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

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

Гораздо удобнее, если на каждой странице определенного сайта находится главное меню. Это так называемая глобальная навигация. Она включает в себя ссылки на те разделы, которые должны быть доступны с любой страницы сайта (Главная, Контакты и все основные разделы сайта). Главное меню может располагаться слева или сверху, а может быть справа или снизу. Переход из одного раздела в другой в главном меню осуществляется без возврата на главную страницу. Это позволяет просмотреть не все разделы сайта, а только те, которые вас интересуют. Если главное меню сделано с помощью графических кнопок, то обычно все эти кнопки имеют альтернативный текст, поэтому вы все равно увидите гипертекстовые ссылки в главном меню, даже если отключите загрузку картинок (см. приложение). Зачастую графические кнопки дублируются обычным текстовым меню – вам надо только внимательно смотреть на экран. Главное меню может быть всегда перед глазами, если сайт сделан в так называемой фреймовой структуре. В качестве примера очень советуем вам рассмотреть сайт Школьный сектор. Напишите в адресной строке программы Internet Explorer адреси нажмите клавишу Enter (рис. 1.30). Вы увидите:

Рис. 1.30. Школьный сектор Интернета

первую страницу, демонстрирующую адресную направленность сайта, – вас будут приветствовать три героя – проводники по сайту;

обычную структуру с главным меню в заголовке (страница для учителей с проводником – сторожем Ефимычем);

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

графическое меню (страница борца за права детей Пети);

карту сайта, показывающую все разделы и подразделы сайта.

Карта сайта – это очень удобный элемент навигации. В большинстве случаев она содержит еще и краткие описания или аннотации к тому или иному разделу и быстро сориентирует вас на сайте.

Давайте рассмотрим основные стандартные элементы сайта (рис. 1.31). Их количество, форма реализации и место расположения зависят от многих факторов: цель и задачи сайта, дизайнерское решение, концептуальная схема, объем материала, умения веб-мастера и т. д.