Сайт - как информационная система (стр. 2 из 5)

Реализация линейной структуры не представляет собой абсолютно никакой сложности. Самый простой вариант сайта — набор HTML-страниц, с каждой из которых есть ссылка на последующую предыдущую (естественно, исключение составляют крайние страницы). Но и здесь многие веб-мастера умудряются допускать ошибки. Дело в том, что на каждой страницы обязательно должно быть какое-то заглавие и ссылка на первую страницу. Иначе посетители, попавшие в середину сайта, например, с поисковой системы, ничего не поймут и почти наверняка покинут проект разочарованными. Кроме того, очень полезно бывает показывать общее число страниц и как-то выделять номер той из них, на которой человек находится в данный момент. Иначе просмотр проекта превратится для посетителей в путешествие в неизвестность.

Линейная структура с альтернативами и вариантами

На сайтах, построенных по этому принципу, посетители могут проявить некоторую инициативу

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

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

Линейная структура с ответвлениями

Это контролируемая структура, которая напоминает дорогу с ответвляющимися от нее время от времени тупиковыми тропинками

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

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

Древовидная структура

Древовидная структура — самый универсальный способ размещения веб-страниц. Она подходит для создания практически любых типов сайтов

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

Речь идет о том, что в древовидной структуре очень сложно соблюдать баланс между глубиной и шириной. Если «дерево» вашего сайта будет расти только вглубь, то пользователям, чтобы дойти до какой-то информации, придется загрузить и просмотреть слишком много страниц. Естественно, это будет раздражать. Ну а если вы создадите очень широкую древовидную структуру, то посетители будут вынуждены каждый раз тратить очень много времени для выбора нужной им ветки. А это, естественно, тоже плохо. Таким образом, если вы решитесь использовать древовидную структуру сайта, то вам будет нужно постоянно следить за ее разрастанием и придерживаться золотой середины.

Решетчатая структура

Эта структура уже на порядок сложнее всех рассмотренных ранее

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

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

2.3 Подструктуры сайта

В каждом конкретном случае структура сайта, название и взаимное расположение отдельных страниц может отличаться в зависимости от задач, решаемых сайтом, сложности, его объёма и содержания.

Сайт из 10 страниц

Рисунок 2.3.1 - Сайт из 10 страниц

В сайте может быть до 20 страниц текста формата А-4 и до 50 фотографий (рисунков), выполненных с предпросмотром.

Сайт из 20 страниц

Рисунок 2.3.2 - Сайт из 20 страниц

В сайте может быть до 40 страниц текста формата А-4 и до 90 фотографий (рисунков), выполненных с предпросмотром.

Сайт из 30 страниц (корпоративный сайт начального уровня)

Рисунок 2.3.3 - Сайт из 30 страниц

В сайте может быть до 60 страниц текста формата А-4 и до 120 фотографий (рисунков), выполненных с предпросмотром.

Сайт из 60 страниц (корпоративный сайт среднего уровня)

В сайте может быть до 150 страниц текста формата А-4 и до 180 фотографий (рисунков), выполненных с предпросмотром.

Сайт из 150 страниц (корпоративный сайт высокого уровня)

В сайте может быть до 250 страниц текста формата А-4 и до 300 фотографий (рисунков), выполненных с предпросмотром.

Глубина сайта

Глубина сайта - количество последовательных уровней, содержащих веб-страницы, начиная с домашней (главной страницы).

Главную (домашнюю) страницу сайта, как правило, не считают за уровень. Второй и последующие уровни имеют нумерацию на единицу меньше.

Сайт с двухуровневой системой навигации (оптимален):

0. Главная (домашняя) страница сайта. С неё ведут гиперссылки (система навигации сайта) на первый уровень.

1. Первый уровень. С каждой веб-страницы первого уровня гиперссылки ведут на веб-страницы второго уровня.

2. Второй уровень

Сайт с трёхуровневой системой навигации (применяется для сложных сайтов с большим количеством информации):

0. Главная (домашняя) страница сайта. С неё ведут гиперссылки (система навигации сайта) на первый уровень.

1. Первый уровень. С каждой веб-страницы первого уровня гиперссылки ведут на веб-страницы второго уровня.

2. Второй уровень. С каждой веб-страницы второго уровня гиперссылки ведут на веб-страницы третьего уровня.

3. Третий уровень.

Рисунок 2.3.4 - Сайт с трёхуровневой системой навигации

Сайт с четырёхуровневой системой навигации (большая глубина сайта бывает в особо сложных сайтах, и при ошибке веб-дизайнера или заказчика, пожелавших иметь подобную структуру сайта)

0. Главная (домашняя) страница сайта. С неё ведут гиперссылки (система навигации сайта) на первый уровень.

1. Первый уровень

2. Второй уровень

3. Третий уровень. С каждой веб-страницы третьего уровня гиперссылки ведут на веб-страницы четвёртого уровня.

4. Четвёртый уровень

Рисунок 2.3.5 - Сайт с четырёхуровневой системой навигации

Сайт, имеющий большую глубину (система навигации сайта включает много уровней), очень труден для поиска в нём информации.

Глубину сайта можно уменьшить, а, следовательно, упростить сайт и поиск информации на нём, если веб-дизайнеру предоставят контент сайта сразу, а не частями.

Чтобы создать простой и удобный сайт, веб-дизайнеру необходимо иметь полное представление обо всем контенте сайта (текст, таблицы и рисунки).

Не имея всего контента, создать удачную компоновку страниц и систему навигации сайта трудно.

Рекомендуемое числа уровней (глубины сайта) в зависимости от числа html страниц приведены в таблице 2.3.6

Таблица 2.3.6 - Рекомендуемое числа уровней (глубины сайта) в зависимости от числа html страниц

Число html страницсайта	до 30-40	от 30-40 до 600-700	более 600-700
Оптимальное число уровней сайта	Одноуровневая система навигации сайта	Двухуровневая система навигации. Допустимо включение третьего уровня для 10-15% страниц.	Трёхуровневая система навигации. Допустимо включение четвёртого уровня для 10-15 % страниц.

3. СОЗДАНИЕ САЙТА

3.1 Анализ существующих моделей создания сайта