Индивидуальный предприниматель

Чалиев Александр Александрович

персональный сайт кандидата наук

Нижний Новгород, ул. Б.Печерская, 15
+7 (904) 395-42-31
ежедневно с 9-00 до 20-00
Оставить онлайн-заявку

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

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

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

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

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

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

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

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

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

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

Позиции клиентов

Последние разработки

  • Редизайн сайта эвакуации
  • Редизайн сайта доставки суши
  • Редизайн шашлычного сайта
  • Редизайн строительного сайта
  • Редизайн юридического сайта