Создание структуры сайта
В данной части, мы создадим первые наброски и структуру нашего будущего веб сайта. Напомню, что ранее, мы уже определили цели создания сайта и имеем небольшое представление о том, как он должен выглядеть. Перед созданием любого сайта, вначале прорабатывается его структура и расставляются по своим местам все функциональные блоки.
Если нам нужны фотографии на сайте, мы сразу определяем, в каком месте мы их расположим, если последние новости, отделяем место и для них. Главное сразу определиться с расположением, иначе в будущем на рабочем сайте будет сложно внести изменения в готовый сайт.
Давайте для простоты возьмем сайт, с тремя колонками и горизонтальным меню, сделаем наброски либо на бумаге, либо на компьютере, в любой удобной для Вас программе.
Под словом «Шапка сайта», обычно понимается его верхняя часть, содержащая логотип, название сайта и краткое описание. Часто туда добавляют другие элементы оформления, формы входа, цитаты, вывод сегодняшней даты и прочие.
А под словом «Подвал сайта» обозначают нижнюю часть, в которой находится дата создания сайта, авторские права, информация об администраторе сайта. Также, часто размещают различные баннеры и счетчики.
В центральной колонке у нас будет выводиться заголовок и текст статьи, а в боковых, дополнительная информация – новости, ссылки, баннеры и реклама. Итого, выглядеть наш сайт будет следующим образом.
Мы сразу обозначили все элементы, чтобы в будущем не возникало проблем с добавлением новых блоков. Ещё раз повторюсь, всё образно и не обязательно прорабатывать до мелочей. Сейчас мы делаем все в общем виде, чтобы понять, как создать свой сайт самостоятельно. В итоге, наш сайт будет выглядеть примерно следующим образом.
Мы добавим немного градиентов и цветов в оформление, чтобы наш сайт стал более привлекательным для посетителей. Но это уже больше относится к дизайну сайта, которым мы займемся чуть позднее.
Сама структура сайта может быть абсолютно любая, в две колонки, в три или даже в одну колонку. С горизонтальным или вертикальным меню, а можно вообще сделать основное и второстепенное меню. Можно выводить новости в боковых колонках, а можно в центральной.
В общем, любую фантазию, можно воплотить в жизнь, только для этого нужно иметь хоть какой-то опыт. Поэтому мы начнем изучение с простого примера в три колонки, как на первом изображении.
Определившись со структурой сайта, можно переходить к практической части, в которой мы будем разбираться с языком HTML и программами для верстки сайтов, но об этом в следующей части.