Верстка макетов дизайна сайта - это процесс разбиения готового макета дизайна сайта в PSD-формате на отдельные блоки и формирование на основе разбитых блоков веб страниц со специальными тэгами, указывающими браузеру способы оформления этих блоков.
Существует несколько вариантов верстки, основанных на различных способах реализации верстки. Сегодня наиболее удобным и простым способом признается блочная верстка, основанная на применении блочных, строчных элементов и задания различных стилей для отдельных элементов, выделенных классами и идентификаторами при помощи CSS. Создание профессиональных сайтов обязывает верстальщика следованию ряда правил:
- Кроссбраузерность - сверстанные страницы сайта должны одинаково смотреться во всех браузерах (в т.ч. и IE6).
- Валидность - созданный код должен соответствовать стандартам верстки, разработанным организацией W3C.
- "Резиновость" - сайт должен смотреться одинаково хорошо при любом разрешении экрана
- Отсутствие фреймов - использование фреймов сегодня всячески не приветствуется
- Наличие горизонтальной прокрутки у сайта считается дурным тоном
- Вынесение всех стилей в отдельный css файл.
- В некоторых случаях требуется наличие нескольких отображений одной страницы для разных устройств (версия для печати, версия для PDA).