Видеоурок по верстке дизайна для сайта

В прошлом видеоуроке по созданию дизайна для сайта была показана технология разработки макета главной страницы сайта еда-и-мы.рф в программе Photoshop. После согласования макета с заказчиком, необходимо превратить разработанный макет-картинку в web-документ, то есть в html-страницу. Этот процесс называется верстка макета.

Часть 1: верстаем "шапку" сайта

Верстка начинается с создания html-страницы нужной структуры. Обычно структура следующая:

• "Шапка" (заголовочная часть страницы с логотипом в левой части и контактами в правой);
• Меню (горизонтальное - внизу шапки или вертикальное - слева или справа под ней);
• Контентная часть (состоит из 1, 2 или 3 колонок);
• "Подвал" (нижняя часть страницы с копирайтами и счетчиками статистики).

Как задать структуру и как сверстать шапку будущего сайта показывается в следующем видеоуроке:

Часть 2: верстаем меню и контентную часть

Показана техника верстки верхнего горизонтального меню для сайта, а также контентной части, содержащей фотографии и текст:

Часть 3: верстаем правое меню

Видеоурок появится позднее, если он Вам будет интересен (напишите мне об этом на chalieff@mail.ru). Просмотрите пока еще разок первые части или видеоурок по созданию дизайна.