Чем занимается верстальщик
Как известно, сайт разрабатывает несколько специалистов: дизайнер, верстальщик и программист.
Сайт — это сложный механизм. Любой сложный механизм требует усилий разных специалистов при разработке. Дизайнер рисует макет — картинку, как должен выглядеть портал, какие цвета использовать, какие размеры у объектов должны быть. Программист работает над технической стороной. Верстальщик воплощает в жизнь то, что нарисовал дизайнер. Собирает ресурс по макету.
Как выглядит страница, когда она поступает в работу верстальщику? Это обычный файл.psd в слоях. После того, как специалист делает верстку - то внешне страница остается такой же, но “изнутри” она приобретает определенный код.
Графический файл сначала анализируется, затем он разрезается, и верстается HTML-страница пошагово:
- Создается таблица стилей CSS, где определяется цветовая гамма, шрифты и расположение элементов
- Разрабатывается меню, интерфейс.
- Макет страницы сравнивается с макетом дизайна на полное возможное дублирование.
- Документ тестируется в разных браузерах и на разных разрешениях экрана.
В результате получается HTML-шаблон страницы. Если CMS к сайту не подключается, то страницы размножаются и наполняются контентом. Если к работе приступает программист, то он подключает CMS, затем сайт наполняется информацией и только после этого выкладывается на хостинг.
Что должен знать верстальщик веб-сайтов
- Язык разметки гипертекста - HTML.
- Методы работы со стилями - CSS.
- Основы JavaScript, jQuery.
- Инструменты для HTML-верстки, проверки кода на валидность.
- Основы работы в графических редакторах. Как правило, дизайн веб-сайта создается в Фотошопе.
- Основы PHP.
Инструменты для HTML-верстки
Верстать веб-сайты можно вручную в Notepad, но на это уходит много времени и сил. Поэтому разработаны специальные программы и плагины, облегчающие верстку: DreamWeaver, Amaya, KompoZer, Sublime, Komodo, Firebug, и другие.
Три кита HTML-верстальщика
- Качественный валидный код. При проверке кода не должны выдаваться ошибки.
- Юзабилити. Пользователям должно быть легко на сайте.
- Адаптивный дизайн. Сайт должен корректно отображаться в разных браузерах и на мобильных гаджетах.
Где найти работу
- Веб-студии.
- Компании, у которых есть свой сайт, и необходимо его администрирование.
- Биржи фриланса.
- Заказы на тематических форумах.
Зарплата верстальщика составляет от 2 тыс. руб. за 1 проект (регионы), и достигает в среднем по регионам - до 40 тыс. руб. в мес., по Москве - до 60 тыс. руб. в месяц.
Многие верстальщики начинают с малого, а потом дорастают до уровня веб-мастеров, когда они сочетают в себе трех технических специалистов (дизайнер, верстальщик и программист). В сети не утихают споры о том, может ли веб-мастер делать качественно три вида разных работ? На наш взгляд, вполне реально сочетать работу веб-верстальщика и программиста. А вот дизайнеру все же лучше иметь профильное художественное образование.
