Верстка
Верстка- процесс формирования веб-страниц в текстовом либо WYSIWYG-редакторе, а также результат этого процесса, то есть собственно веб-страницы.
Любая страница веб сайта создана из десятков специально обработанных изображений, и сотен строк кода языка разметки гипертекста и кода css.
Верстка - это процесс, при котором подготовленный дизайнером макет сайта, по специальной методике делится на отдельные области (графические, текстовые, фоны). В это время из одной картинки макета образуются множество различных графических элементов, которых могут быть десятки на один макет.
И затем, с помощью специального языка разметки HTML (HyperText Markup Language) формируется специальный код страницы сайта, собирая все подготовленные элементы (графику, тексты и стили оформления) в единое целое.
В этом процессе важно соблюдать существующие стандарты консорциума W3C по HTML, CSS и т.п. для того, чтобы подготовленная страница корректно отображалась в популярных браузерах и на разных разрешениях экрана. Поэтому в процессе подготовки код страницы тестируется на совместимость с браузерами и отсутствие ошибок.
Если в последующем требуется внести даже небольшое изменение в дизайна сайта - это может требовать полной или частичной переверстки сайта с повторением всего вышеописанного процесса.
Вот иллюстрация к этапам работ верстки:
Вначале берется эскиз дизайна сайта. Верстальщик размечает области на эскизе и разрезает эскиз на части (отдельные картинки), сохраняя нужные элементы в нужном формате. Затем готовится исходный код, с использованием нарезанных картинок. Отдельно формируется набор всех картинок и настройки шрифтов и цветов для страницы.