Макет (каркас) сайта – это первое, с чем нам необходимо определиться, при создании любого сайта, в том числе и при создании сайт, с помощью блокнота.

Как правило, макет (каркас) сайта выбирается исходя из тех функций, которые должен выполнять созданный сайт и той информации, которую сайт должен донести до посетителя.

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

К основным блокам макета (каркаса) сайта можно отнести: 

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

В верхней части макета сайта - Header, как правило, размещается название сайта, краткое описание и так далее.

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

Меню сайта – это тоже очень важный блок каркаса сайта. Кликая на пункты меню, посетитель сайт получает доступ к той информации, которую он хочет увидеть.

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

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

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

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

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

Ну что же, мы с Вами подошли к нижней части каркаса сайта, которую часто называют – Footer (Футер).

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

Выше я описал основные блоки каркаса сайта, теперь давайте определимся с каркасом сайта в рамках нашего курса: «Как создать сайт в блокноте».

Основная цель курса «Как создать сайт в блокноте» - это освоить работу основных html тегов и написать в блокноте с помощью тегов, простой сайт, состоящий из нескольких страниц.

Исходя из наших целей, думаю, нам не стоит ничего не усложнять и выбрать для сайта простой и широко используемый на практике каркас, внешний вид которого изображен на рисунке:

Итак, макет (каркас) нашего сайта, в верхней части будет начинаться с заголовка - (Header), куда мы добавим название сайта.

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

Справа от колонки меню, на всю ширину каркаса пойдет вертикальная колонка для контента.

И в нижней части каркас сайта завершит Footer – горизонтальный блок – который займет по длине всю ширину каркаса.

Перейти к Уроку 9: Фон html страницы

Перейти к Уроку 7: HTML справочник

Автор: Виктор Милованов