Основы web-дизайна. Урок 4. Структура сайта

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

• Главная страница.

• Новости и акции.

• Новости за текущий месяц
• Архив.

 

• О магазине.

• История
• Наша команда.
• Достижения и награды.

 

• Наш ассортимент.

• Велосипеды
• Велотренажеры
• Мотоциклы
• Запчасти

 

• Кантаты.

• Отзывы покупателей.

• Читать отзывы
• Добавить отзыв

 

• Карта сайта.

Разработав структуру сайта хотя бы на таком уровне, вы будет уже более точно знать, как должен выглядеть сайт, сколько на нем будет страниц и каков примерно объем работы. Обратите внимание на пункт "Карта сайта".  Он должен содержать все ссылки, находящиеся на сайте и помогать заблудившемся пользователю найти на сайте то, что он искал.

Правда, приведенная здесь структура подходит разве что для простого сайта-визитки. Однако во многих случаях требуется не древовидная, а разветвленная структура сайта. Она может представлять из себя целый "лес" из отдельных древовидных структур, которые к тому же еще и переплетаются (ссылаются друг на друга). При такой структуре сайтов бывает полезно нарисовать ее в виде схемы связей, например, так:

Если структура сайта получается слишком сложной, то можно представить ее в виде нескольких "деревьев":

Дерево 1. Общая структура сайта.

• Главная страница.

  • Поиск
  • Статьи.
  • Товары.
  • Отзывы.
  • Карта сайта.
  • О компании.
  • Контакты.

Дерево 2. Структура главного меню.

• Поиск.
  • Поиск товаров.
  • Поиск в статьях.
  • Глобальный поиск по сайту.
• Статьи
  • Легкие бетоны.
  • Тяжелые бетоны.
  • Новости строительства.
  • Технологические новинки в строительстве.
  • Экономика строительства.
  • Ссылка: товары.
  • Ссылка: главная страница.
• Товары.
  • Пеноблоки.
  • Кирпич.
  • Железобетон.
  • Арматура.
  • Строительные панели.
  • Ссылка: написать отзыв.
• Отзывы.
  • Добавить отзыв.
  • Просмотреть отзывы.
  • Ссылка: товары.
• Карта сайта
• О компании.
  • История компании.
  • Ссылка: наша продукция

Дерево 3. Структура раздела

• Технологи изготовления.
• Применение.
• Прочее.
• Ссылка: товары.
• Ссылка: главная страница.

Составив структуру сайта, можно приступить к рисованию его макета. Но это уже тема будущих уроков.