en / ru

Верстальщик

Кто делает сайты?
Программисты, конечно, ответите вы.
Ну и дизайнеры, конечно. Без них сайты так и остались бы унылой текстовой колонкой, какими они когда-то появились на свет.

Вот только рядовой пользователь тех самых сайтов не задумывается, насколько тяжело общаться творческому дизайнеру и черствому программисту :)
Дизайнер ведь не просто так старается, рисует макеты будущего сайта, чтобы потом программист слепил отдаленное подобие на первоначальный проект. А именно так часто и бывает, когда дизайнер напрямую работает с программистом.
Здесь и появляется важное связующее звено - верстальщик.
Верстальщик (HTML Coder) - это человек, который получает от дизайнера картинку, а программисту отдает уже готовый к интегрированию код страниц. Дизайнер доволен, что все его старания воплощены в действующем сайте, а программист рад, что может не задумываться над тем, как делать различные финтифлюшки, которые хочет дизайнер.
html cubics Верстальщик занимается создание кода веб-страницы с помощью особого языка разметки, тэгов (HTML, XHTML) и оформляет созданный код страницы с помощью каскадных таблиц стилей (CSS).

Верстальщику приходится быть и немного дизайнером, т.к. плотно работает с графическим редактором над полученным от дизайнера макетом, и немного программистом, т.к. верстальщик не только пишет код, но и должен это делать так, чтобы потом программисту было проще работать с этим кодом.

Что нужно для работы верстальщика?

  • Графический редактор. Как правило, верстальщики используют всё тот же Adobe Photoshop, в котором им готовят макеты дизайнеры.
  • Текстовый редактор. Подойдет практически любой редактор, хоть самый обычный Notepad. Одни любят простые редакторы с подсветкой синтаксиса кода (Sublime, Notepad++, Vim), другие смотрят в сторону серьезных IDE (WEebStorm, NetBeans, IntelliJ IDEA).
  • Браузеры. Много браузеров для проверки корректной работы веб-страниц! Наиболее востребованные в поддержке: FireFox, Chrome, IE, Opera, Safari. И лучше иметь различные версии этих браузеров. Причем, если проверка по версиям не так критична для FireFox и Chrome, то IE точно надо иметь во всех последних вариациях.. Не говоря уже о проверке в мобильных браузерах на устройствах с различными разрешениями экрана и на различных операционных системах!

Что должен знать верстальщик для работы?

  • HTML. Основной язык разметки веб-страниц. Сам по себе язык не сложный, надо лишь соблюдать ряд правил для его корректного написания.
  • CSS (каскадные таблицы стилей). Язык описания внешнего вида документа. Мало знать это огромное количество свойств оформления текста и блоков, важно понимать механику взаимодействия и наследования свойств. Если HTML достаточно сухой язык, то здесь проявляется вся виртуозность и магия владения искусством разметки :)
  • JavaScript. Язык, дающий жизнь странице. Анимация, расчеты налету, проверка данных без отправки на сервер. Знать JS не столь обязательно для верстальщика, но является очень ощутимым плюсом и дает возможность выполнять более сложные заказы. Как минимум необходимо знать и понимать азы языка и наиболее популярные методы jQuery.

Не смотря на то, что верстальщик в основном пишет код, а главная его задача - в точности воспроизвести то, что нарисовал дизайнер, работа верстальщика достаточно интересна и часто полна своеобразным креативом. Это не только жонглирование CSS свойствами, но и постоянное учитывание взаимодействия элементов на странице. Необходимо не просто повторить картинку-макет, но и сделать это семантично, кроссбраузерно, удобно для использования и изменения. На самом деле, на верстальщике большая ответственность.

Заказчики, не скупитесь, найдите хорошего дизайнера, профессионального верстальщика и качественного программиста. Если вам не безразлична судьба своего проекта, не поддавайтесь на уговоры тех, кто сочетает всё это в себе одном-любимом :)