Верстка – это один из этапов создания сайта, разработка структуры web страницы или её части. В конечном итоге, результат должен отлично смотреться на всех браузерах и устройствах, а так-же, полностью соответствовал предоставленному макету.
Как же работает сайт?
При вводе в поисковую строку адрес сайта, браузер отправил введенный адрес в DNS(IP), которая нашла на своих серверах реальный адрес сайта, далее, полетел запрос нужному серверу, в котором сайт находится. Сервер обработал запрос и вернул браузеру ответ в виде определенной информации. Браузер обработал понятный ему код и выдал результат поиска. Таким образом, понятный браузеру код, это и есть HTML верстка.
Как правило, верстка сайта разрабатывается с помощью трех инструментов:
HTML – язык гипертекстовой разметки, создает структуру (каркас) верстки.
CSS – каскадные таблицы стилей, описывает то, как верстка будет выглядеть и взаимодействовать
JS – язык программирования, который добавляет интерактивности верстке.
Если верстку сайта сравнивать с человеком, то HTML – это скелет сайта, CSS – генетический код, который отвечает за внешний вид, JS – это нервная система и отчасти мозги, определяет тип нашего поведения с другими людьми.
Современная верстка обязательно должна быть адаптивной, кроссбраузерной и быстрой.
Адаптивная верстка – это верстка, при которой сайт должен подстраиваться под разные устройства.
Кроссбраузерность – свойство, при котором сайт без проблем работает на всех браузерах.
Быстрота (оптимизированность) – Верстка сайта, к которой применен комплекс действий, направленных на скорость запуска сайта в разных браузерах.