Кто такой верстальщик сайтов и чем он занимается
Изначально, верстальщик — это специалист работающий в издательском деле и полиграфии. С появлением интернета стала востребована новая специальность — html-верстальщик, по другому — верстальщик сайтов. Дальше я расскажу чем занимается верстальщик в сфере web-технологий.
Обязанности верстальщика
Что делает верстальщик? Если кратко, то верстает шаблоны на основе готовых psd-макетов. Расскажу подробнее про процесс.
Дизайнер отдает в работу верстальщику макет сайта (обязательно в формате psd). Макет — это просто картинка. Верстальщик с помощью кода воспроизводит этот макет в формат html. Html-страницу уже можно просмотреть в браузере и взаимодействовать с элементами, например такими:
- нажимать кнопки;
- листать слайдеры;
- сворачивать меню и всплывающие окна.
Но это визуальное оформление данных. Для работы с данными подключается уже программист.
В чем отличие верстальщика от программиста?
Распространенный вопрос. Программист работает с данными: посчитать площадь комнаты и вывести правильное значение, сохранить в базу данных введенные в форму значения и т. д. Верстальщик работает с визуальным отображением этих данных согласно макету: площадь комнаты отображать шрифтом Arial, размером 18px и красным цветом, разместить форму по центру страницы, фон сделать серым, а ячейки 20px в высоту и т. д.
Приведу пример вывода данных без стилизации верстки и с работой верстальщика:
Из примера понятно, что без работы верстальщика страница сайта выглядит уныло.
Приведу еще один пример. Для аналогии рассмотрю сервант с полками и посудой. Посуда — это переменные: чашка, бокал, тарелка… Полки — это структура сайта. Без верстки это просто коробка с 4 стенами, куда свалена в кучу вся посуда. Задача верстальщика — сделать полки и расположить их так, чтобы каждая посуда была на своем месте: тяжелые тарелки снизу, бокалы сверху. Согласитесь, приятней подойти к серванту где все упорядочено и взять нужную вещь (контент), чем копаться в куче мусора.
Требования к верстальщику
Расскажу что должен уметь и знать верстальщик:
- Отлично знать html и css;
- Уметь нарезать макет (базовые знания Photoshop);
- Верстать кроссбраузерно (чтобы сайт отображался во всех браузерах одинаково);
- Применять адаптивную верстку (для правильного отображения сайтов на различных устройствах, в т. ч. мобильных);
- Уметь работать с плагинами для тестирования и отладки верстки.
Уверен, многие скажут, а как же JavaScript, AJAX? Знание этих технологий я отношу уже к следующей ступени — frontend-разработчик. Для верстальщика достаточно знать перечисленное в списке.
> Дизайнер отдает в работу верстальщику макет сайта (обязательно в формате psd). Макет – это просто картинка.
Неоднократно приходилось верстать без исходников PSD, а с простых мокапов (скриншотов) (-:
Один раз так верстал — намучился. Теперь к таким предложениям сразу ставлю цену выше.