Еще на этапе проектирования вы должны решить, какой макет верстки вам наиболее подходит. Как это сделать и что это такое? Вы наверное замечали, что сайты есть фиксированной ширины (когда на широкоформатных мониторах сайт имеет большие отступы от краев, а на экранах смартфонов имеет горизонтальную прокрутку внизу), а есть «резиновые» (когда сайт растягивается по ширине экрана, при этом его элементы занимают пространство пропорционально). И очень важно, чтобы дизайнер (НЕ верстальщик!) сделал макет либо под «фиксированную», либо под «резиновую» ширину.

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

Качество верстки напрямую зависит от качества предоставленного верстальщику макета дизайна. Если нарезанные слои в макете не нужных пропорций или низкого качества, или банально не подписаны и не структурированы, то добиться желаемого результата «как на картинке» крайне трудно! Верстальщику приходится самому исправлять косяки и править макет дизайна, чтобы его можно было «натянуть» на сайт в нужном виде, а это дополнительное время (при условии что верстальщик профессионал и уже набил шишки от таких «подарков» от дизайнеров). Поэтому после того, как Заказчика устроит общий вид дизайна, макет обязательно нужно согласовать с верстальщиком. Если дизайнер и верстальщик работают в команде, то это огромный плюс!

По окончанию верстки нужно обязательно проверить следующие моменты:

• Отображение страниц в разных браузерах и на разных операционных системах;
• Отображение элементов страниц на разных разрешениях монитора (сужение/расширение);
• Сдвиг блоков при изменении размера шрифта и добавления текста;
• Что происходит на сайте при отключенных изображениях в настройках браузера.

Как только вы с верстальщиком убедились, что верстка выполнена грамотно, и все элементы на своих местах, можно приступать к программированию.