Как разработать структуру сайта?

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

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

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

Структура сайта может быть какой угодно, тут все зависит от вашего желания. Возможно, это будет три колонки, две или одна. Меню может быть основное или второстепенное, горизонтальное или вертикальное. Ваша задача сделать так, чтобы посетитель с легкостью ориентировался на вашем будущем сайте.

Для примера возьмем сайт с горизонтальным меню и тремя колонками. Набросать его можно на бумаге или в любой удобной для вас программе.

Итак, у нас имеется шапка сайта, центральная колонка, боковые колонки и подвал сайта.

• Шапка сайта – это верхняя часть, в которой размещают название, логотип, краткое описание. Также можно привнести элементы оформления, какие то цитаты и прочее. Зависит от вашей фантазии.
• В центральной колонке выводим заголовок статьи и ее текст.
• В боковых колонках размещаем, баннеры, ссылки, рекламу и т.д.
• Подвал сайта – это его нижняя часть, которая содержит дату создания сайта, счетчики, информацию об администраторе и авторских правах

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

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