Когда человек пытается разобраться, как делают сайты, он обычно спотыкается на этапе вёрстки. Дизайн — понятно: работа над внешним видом сайта. Программирование — вроде, тоже: работа над поведением сайта. А что за вёрстка?

Производство сайта можно сравнить со строительством дома. План и модель дома — это дизайн. Устройство коммуникаций, фундамент, стены и прочие важные вещи — это программирование. А строительство самого дома и его отделка — это и есть вёрстка.

Вёрстка имеет два этапа. Первый — разметка. Верстальщик анализирует макет, предоставленный дизайнером, и пишет список всех составляющих: шапка, логотип, название компании, поиск по сайту, навигация и так далее. Язык разметки называется «html».

Второй этап — стилизация. Каждому элементу указывают его размер, цвет, местоположение. Язык стилизации называется «css».

Ещё есть расширенный вариант вёрстки, когда верстальщик использует и третий язык — javascript. Этот язык отвечает за оживление интерфейса. Аналог в нашем строительном примере — выключатели света, вентили у кранов, ручка включения газа у плиты.

Верстальщик на стройке назывался бы отделочником. А в сайтостроении он просто верстальщик.