С чего начинается вёрстка веб сайта? Конечно же с макета страницы. А что это такое? Макет страницы — графическое изображение внешнего вида страницы. Дизайнер буквально рисует страницу, как она должна выглядеть на экране у пользователя. А задача веб мастера - «натянуть» макет на тот функционал, который планируется использовать на сайте. А что значит «натянуть» макет? Это значит связать с участками изображения функции, которые будут выполняться при определённых действиях пользователя. Например, навёл пользователь курсор мыши на изображение кнопки, и цвет надписи на ней поменялся, нажал на кнопку и открылась другая страница сайта.
Как выполняется вёрстка сайта? Все зависит от того, какая технология лежит в основе строительства сайта. Можно верстать сайты вручную, а можно — с использованием специальной системы управления содержимым сайта. Вёрстка сайта вручную требует от веб мастера знаний как минимум HTML и CSS. Конечно, список из того, что нужно знать можно продолжать очень долго. Но HTML и CSS - это минимум, который нужен для ручной вёрстки сайта. Потому что все элементы сайта будут строиться с использованием команд данных языков, которые хранятся в обычных текстовых файлах. А веб мастер вручную с помощью текстового редактора работает с файлами, настраивая внешний вид сайта.