Каждый уверенный пользователь ПК и просто обыватель Глобальной сети имеет примерное представление касательно таких специальностей, как программист, дизайнер или тестер. Но нельзя забывать того, кто делает всю грязную работу, проводит тонкую связь между трудами дизайнера и работой программиста. Без него невозможно создать полноценно функционирующий сайт. Речь пойдёт о верстальщике.
Процесс верстки
Поместим в сферический вакуум типичную ситуацию: вы – заказчик и вам необходим сайт. Все нюансы касательно проекта уже обсуждены с руководителем данного проекта, ваша следующая цель – подобрать подходящий дизайн (вернее, выбрать). Когда дизайнерский макет, собранный поэтапно из отдельных элементов, образовывает единое целое, на сцену выходит верстальщик.
Макеты дизайна представляют собой документ с изображениями, ожидающих, когда их задействуют на практике. Теперь макет, созданный в графическом редакторе, необходимо перенести в браузер. Именно так макет обретает новую жизнь непосредственно на веб-ресурсе, а такой перевод называется HTML версткой.
HTML верстка – трудоёмкий процесс, в результате которого сайт должен корректно отображаться на устройствах разного типа. Алгоритмы поисковых систем положительно реагируют на сайты с качественной версткой, «поднимая» их выше как релевантный результат поискового запроса.
Что именно делает верстальщик
Говоря простым языком, профессиональный верстальщик выступает посредником между программистом и дизайнером. В его профиль входит как обладание навыками программирования, так и понимание основ дизайна. Верстальщик берёт готовый макет и с использованием тегов описывает его. Т.е. для программиста макет будет выглядеть как последовательность тегов.
Основные инструменты верстальщика:
- Браузер;
- Текстовый редактор;
- Графический редактор.
При этом, вёрстка должна учитывать не только тип устройства пользователя, а и браузер, использующийся во время пребывания на сайте. Владельцы сайтов справедливо принимают верстальщика за шамана, потому что танцы с бубном – неотъемлемая часть его деятельности.