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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сайт из 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 страниц

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