Этот специалист отвечает за то, чтобы интернет-ресурс во всех основных браузерах отображался корректно и одинаково, а его динамические или интерактивные элементы работали без сбоев. Основная задача такого сотрудника – вёрстка шаблона сайта по макету, разработанному веб-дизайнером обычно в формате PSD. Фактически это послойная картинка, являющаяся итогом большой подготовительной работы сотрудников издательства.
Верстальщик с помощью кода переводит все полученные элементы в формат HTML, рационально размещает текст, заголовки, иллюстрации, выбирает подходящие шрифты. Фактически он реализует в виде кода идею страницы, задуманной дизайнером. Создание сайта можно представить в виде нескольких последовательных этапов:
- анализ полученного макета по слоям
-создание таблицы стилей (CSS), определение места размещения каждого элемента, подбор шрифтов и цветовой гаммы
- отработка пользовательского интерфейса и меню; проработка динамических составляющих (всплывающих окон, активных кнопок, слайдеров)
- сравнение полученного макета с изначальным PSD файлом и устранение несоответствий
Также необходимо обеспечить единообразное отображение ресурса во всех основных браузерах (Chrome, Firefox, Opera, Explorer и др.). Для проверки проводится тестирование, при этом учитываются возможные отличия мониторов по количеству цветов и разрешению.