Перевод утверждённого дизайна в формат, понятный системе управления сайтом и браузерам.

Фиксированная — верстка сайта, когда его ширина всегда одинакова вне зависимости от экрана посетителя. Обычно используется ширина 980px, которая адаптирована к планшетам и мониторам, от 1024px.

«Резиновая» — верстка, не имеющая постоянной ширины. Адаптируется к ширине экрана посетителя и как правило задается в процентах.

Адаптивная — в соответствии с названием адаптируется к экрану, однако не только в части ширины, но и его ориентации (вертикаль/горизонталь) и даже подстраивается под конкретный тип устройства. Позволяет полностью перестраивать дизайн сайта для просмотра на различных мониторах и мобильных гаджетах.

Если у вас уже есть верстка и требуется только «натяжка» на движок, то выбирайте последний пункт.

Вёрстка веб-страниц — создание структуры гипертекстового документа на основе HTML разметки, как правило, при использовании таблиц стилей и клиентских сценариев, таким образом, чтобы элементы дизайна выглядели аналогично макету.

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

Процесс сложен и имеет творческую основу, ни один из способов не является каноничным и принятым как основа[2]. Все подходы к вёрстке имеют как преимущества, так и недостатки.

Работы по верстке сайта могут быть включены в этап сборки сайта.