Программирование - это просто
Advertisement
Главная arrow Дизайн и графика arrow Web-дизайн arrow Основы web-дизайна. Урок 4. Структура сайта
01.03.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Основы web-дизайна. Урок 4. Структура сайта Печать E-mail
Автор megabax   
29.09.2011 г.
New Page 1

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

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

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

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

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

     

  • О магазине.

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

     

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

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

     

  • Кантаты.

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

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

     

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

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

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

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

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

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

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

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

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

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

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

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

 
« След.   Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги