Типы навигации

Существует несколько типов организации навигации по Web-сайту. Рассмотрим основные.

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

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

Рисунок 1- текстовая система навигации

• Графика

Графический вариант представления системы навигации (рисунок 2) является, пожалуй, наиболее распространенным в Интернете. Оно и понятно: совре­менные графические редакторы вкупе со всевозможными надстройками (plug-ins), эффектами и фильтрами способны создавать потрясающие образцы оформительских решений. Применение фотографических изображений, ри­сунков, а также анимации привлекло огромное количество Web-дизайнеров, которые предпочли визуальную привлекательность аскетичному тексту.

Рисунок 2 - графическая система навигации.

Требования к системе навигации

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

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

Такие критерии как: расположение, идентифицируемость, иерархия и наименования, доступность.

Из системы навигации строится структура сайта. Так будет выглядеть наша структура информационного сайта (рисунок 3).

Рисунок 3 - структура информационного сайта.

Разработка графического макета будущего web-сайта Компоновка макета

Под компоновкой макета принято понимать условное (схематическое) рас­положение блоков информации на будущем Web-сайте.

Всего можно выде­лить четыре блока информации (Рисунок 4):

1. "шапка" — занимает верхнюю часть сайта в окне браузера (как правило, не больше 1/4 видимой части экрана без прокрутки) и может содержать:

• Логотип, рисунок фона шапки.

• Слоганы, лозунги, девизы.

• Рекламную информацию (баннеры и текстовые блоки) и др.

2. Меню навигации— оно может быть вертикальным, горизонтальным, со­держать подменю и т. д.

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

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

• информацию об авторском праве разработчиков Web-сайта.

• координаты для связи.

• дублирующую навигацию.

• рекламную информацию (баннеры и текстовые блоки) и др.

Рисунок 4 - компоновка блоков информационногоWeb-сайта