• strict warning: Non-static method view::load() should not be called statically in /home/s/serka1/devlib.ru/public_html/modules/views/views.module on line 879.
  • strict warning: Declaration of views_handler_filter::options_validate() should be compatible with views_handler::options_validate($form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/handlers/views_handler_filter.inc on line 0.
  • strict warning: Declaration of views_handler_filter::options_submit() should be compatible with views_handler::options_submit($form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/handlers/views_handler_filter.inc on line 0.
  • strict warning: Declaration of views_plugin_row::options_validate() should be compatible with views_plugin::options_validate(&$form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/plugins/views_plugin_row.inc on line 0.
  • strict warning: Declaration of views_plugin_row::options_submit() should be compatible with views_plugin::options_submit(&$form, &$form_state) in /home/s/serka1/devlib.ru/public_html/modules/views/plugins/views_plugin_row.inc on line 0.

Создание структуры сайта

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

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

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

 Структура веб сайта

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

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

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

создание структуры сайта

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

Структура web сайта

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

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

Создание структуры сайта

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

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