Верстка сайта

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

Любая страница веб сайта создана из десятков специально обработанных изображений, и сотен строк кода языка HTML и кода CSS.

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

И затем, с помощью специального языка разметки HTML (HyperText Markup Language) формируется специальный код страницы сайта, собирая все подготовленные элементы (графику, тексты и стили оформления) в единое целое.

В этом процессе важно соблюдать существующие стандарты консорциума W3C по HTML и CSS для того, чтобы подготовленная страница корректно отображалась в популярных браузерах и на разных разрешениях экрана. Поэтому, в процессе подготовки, код страницы тестируется на совместимость с браузерами и отсутствие ошибок.

Если в последующем требуется внести даже небольшое изменение в дизайна сайта - это может требовать полной или частичной переверстки всего сайта с повторением всего вышеописанного процесса.

Иллюстрация этапов верстки:
 

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