Если сайт - это дом, то верстка - это процесс укладки кирпичей. Дизайнер рисует красивые картинки, программист пишет сложные "мозги", а верстальщик - это тот парень, который пытается сделать так, чтобы всё это не развалилось, когда пользователь зайдет с Айфона.
Что такое Верстка сайта.
Официально: Верстка - это процесс создания веб-страниц по макету с использованием HTML и CSS.
Как это на самом деле: Это работа переводчика в условиях жесткого стресса. Дизайнер рисует в Фотошопе летающего слона с прозрачными крыльями. Браузер (Chrome) понимает только квадратные таблицы. Задача верстальщика: написать такой код, чтобы браузер "нарисовал" слона, и он не выглядел как помятая коробка из-под холодильника.
Главные инструменты (Кирпичи и Обои)
- HTML (HyperText Markup Language) - Каркас. Это скелет сайта. "Вот тут будет заголовок, тут картинка, а тут кнопка". Без стилей это выглядит убого, как документ из 90-х.
- CSS (Cascading Style Sheets)) - Макияж. Это то, что делает красиво. "Кнопка должна быть зеленой, круглой, с тенью и мигать при наведении".
Боль верстальщика: Самый страшный сон - это "Pixel Perfect" (когда заказчик требует, чтобы сайт совпадал с макетом до каждого пикселя) и старые браузеры (Internet Explorer, покойся с миром). А еще есть Адаптив. Это когда ты сделал идеально ровно на компьютере, открыл на телефоне а там всё содержимое уехало в подвал, а меню перекрыло логотип.