Общая структура макета сайта
Структура сайта - это внутренний каркас макета сайта, который далеко не всегда видно, но который помогает пользователю найти необходимую информацию. Когда создается сайт, в одной из начальных работ стоит построение схемы сайта.
Также существует 2 вида структуры это внешняя и внутренняя.
Внешняя структура макета сайта – это некая блок-схема сайта, которая определяет порядок размещения отдельных элементов сайта на его страницах. То есть, если говорить проще, разрабатывая внешнюю структуру сайта определяет где должен располагаться основной текст, меню сайта, различные новостные данные, рекламные блоки, дополнительные и информационные материалы и т.д.
На этапе создания макета сайта. Есть определенная годами, логическая схема сайта, которая предполагает внешнюю структуру отдельной страницы и сайта в целом. В эту схему входят: шапка , боковая панель, которых может быть несколько, содержание или основная часть и подвал . на (Рисунок 4) изображен примерная структура макета сайта
Рисунок 4. Примерная структура макета сайта.
Также существует и внутренняя структура макет сайта.
Внутренняя структура макета сайта – это упорядоченное размещение страниц сайта относительно главной страницы.
Разрабатывается внутренняя структура сайта на предварительном этапе создания сайта и является одним из шагов создания общей структуры сайта.
Внутренняя структура сайта в большей степени зависит от разработчика сайта и его видения наилучшего способа предоставления информации по предложенной теме.
Существуют и следующие внутренние структуры сайта:
Линейная структура сайта.
При использовании данного вида внутренней структуры сайта страницы на сайте открываются одна за одной. То есть с первой страницы сайта мы можем попасть только на вторую страницу и больше никуда. Для попадания на третью страницу, необходимо перейти по ссылке расположенной исключительно на второй странице сайта и т.д.
Таким образом, получается, что на каждой странице сайта, кроме первой и последней, существует по две ссылки на предыдущую и последующую страницы. При использовании данного вида внутренней структуры сайта каждая страница сайта должна выступать как равноправный информационный элемент. На (Рисунок 5) изображен линейная структура макета сайта.
Рисунок 5. Линейная структура макета сайта
Линейная структура с альтернативами.
Как правило, такой вариант линейной структуры сайта используется в случаях, когда на сайте все же предоставляется для посетителя возможность выбора.
В этом случае происходит нарушение линейности, но при дальнейшем перемещении по сайту его линейная структура восстанавливается.
Посетитель переходит на ту страницу, в зависимости от того, кого он представляет. Но уже при следующем переходе попадает на одну и ту же страницу сайта. На рисунке 6 показывается как это происходит.
Рисунок 6. Линейная структура с альтернативами.
Линейная структура с ответвлениями. Данный вариант линейной структуры сайта, стоит отметить, что ответвления в линейной структуре применяются, как дополнения и разъяснения к основным страницам сайта.
Как правило, любое ответвление от линейности это тупиковые вспомогательные страницы сайта. На рисунке 7 представляется линейная структура с ответвлениями.
Рисунок 7. Линейная структура с ответвлениями.
Древовидная структура. Данный вид внутренней структуры сайта, является самым универсальным способом размещения веб страниц.
То есть, пользователь попав на сайт имеет возможность выбора в каком направлении ему двигаться, материал какого раздела сайта ему больше интересен. Применять древовидную структуру можно при разработке практически любого сайта.
Используя древовидную структуру, разработчик должен определиться с основными разделами сайта, а при более углубленном рассмотрении может быть и с подразделами. Информация о разделах и подразделах сайта, как правило, предоставляется пользователю в виде определенного меню.
При использовании древовидной структуры, часто встречаются такие ошибки, как использование сильно глубокого или сильно широкого «дерева» сайта.
Что это такое? Сильно глубокое «дерево» сайта, это когда пользователю приходится перейти по довольно большому количеству страниц, что бы оказаться на нужной ему странице.
Сильно широкое «дерево» сайта, примером могут служить сайты с гигантским меню, перечитать которое не хватает ни сил, ни желания у посетителя. Вот так предоставлена Древовидная структура сайта на (Рисунок 8).
Рисунок 8. Древовидная структура сайта.
Решетчатая структура. Данная внутренняя структура сайта довольно сложная и применяется в основном в каталогах.
Принцип данной структуры заключается в том, что пользователю предоставляется возможность перемещения по страницам сайта не только вверх вниз по определенному разделу, но и горизонтально на страницы другого раздела. На (Рисунок 9) показывается как выглядит решетчатая структура сайта.
Рисунок 9. Решётчатая структура сайта.