Видеоурок по верстке дизайна для сайта
В прошлом видеоуроке по созданию дизайна для сайта была показана технология разработки макета главной страницы сайта еда-и-мы.рф в программе Photoshop. После согласования макета с заказчиком, необходимо превратить разработанный макет-картинку в web-документ, то есть в html-страницу. Этот процесс называется верстка макета.
Часть 1: верстаем "шапку" сайта
Верстка начинается с создания html-страницы нужной структуры. Обычно структура следующая:
- "Шапка" (заголовочная часть страницы с логотипом в левой части и контактами в правой);
- Меню (горизонтальное - внизу шапки или вертикальное - слева или справа под ней);
- Контентная часть (состоит из 1, 2 или 3 колонок);
- "Подвал" (нижняя часть страницы с копирайтами и счетчиками статистики).
Как задать структуру и как сверстать шапку будущего сайта показывается в следующем видеоуроке:
Часть 2: верстаем меню и контентную часть
Показана техника верстки верхнего горизонтального меню для сайта, а также контентной части, содержащей фотографии и текст:
Часть 3: верстаем правое меню
Видеоурок появится позднее, если он Вам будет интересен (напишите мне об этом на chalieff@mail.ru). Просмотрите пока еще разок первые части или видеоурок по созданию дизайна.