Профессия верстальщика
Кто такой верстальщик?
Верстальщик сайта — это специалист, создающий полноценные HTML-страницы из нарисованного дизайна.
В некотором роде верстальщика можно сравнить с переводчиком: он «переводит» дизайн при помощи тегов. Теги — это оформленный текст, который представляет собой информацию о элементах дизайна (иллюстрация, таблица, текст). Задача верстальщика сделать так, чтобы нарисованный макет можно было просматривать в виде набора тегов.
Что должен знать и уметь?
1. Soft-skills
Нужно обладать терпеливостью, усидчивостью, внимательностью, иметь аналитический склад ума и быть готовым к монотонной работе.
2. Стандартные языки разметки
Стандартные языки разметки HTML и XHTML, CSS (специальный язык, который используется для визуальной презентации страниц). Стоит также научиться работать в текстовых и графических редакторах.
3. Графические редакторы
Самый популярный редактор — Photoshop. С недавних пор дизайнеры начали переходить на Sketch, но фотошопом всё еще пользуется подавляющее большинство.
Стоит понимать следующее:
- нарезка и экспорт графических элементов;
- работа со стилями слоя;
- информация о тексте (размер, шрифт, цвет, межстрочный интервал).
4. Английский язык
Английский требуется для чтения технической литературы и доступа к актуальной информации. Кроме того, руководства к инструментам веб-дизайнера обычно представлены на английском.
5. Responsive / adaptive вёрстка
Сделать адаптивный сайт порой намного эффективнее, чем разрабатывать отдельную мобильную версию. Большое преимущество — умение реализовывать поведение на мобильных устройствах без наличия макетов от дизайнера.
6. jQuery
jQuery стоит знать хотя бы на начальном уровне, чтобы подключать и настраивать тонны плагинов.
7. CSS-препроцессоры
Препроцессоры ускоряют работу, упрощают жизнь и позволяют использовать возможности, которые ещё не реализованы в браузерах.
8. Шаблонизаторы
Шаблонизаторы позволяют выделять повторяющиеся блоки в отдельные файлы. Вынесли блок, подключили на нужных страницах и всё — теперь вы делаете в 10 раз меньше работы.
Где работают?
- Веб-студии;
- Компании, которые нуждаются в администрировании сайта;
- Биржи фриланса;
- Интернет-магазины;
- Информационные порталы.
Примеры обязанностей и требований из актуальных вакансий:
Заработная плата верстальщика
По России:
15 000 — 70 000 руб.
По Москве:
30 000 — 110 000 руб
Как понятно из цифр, зарплата зависит в первую очередь от региона проживания верстальщика. Также немалую роль играет специфика и масштаб учреждения. Заработная плата может составлять от 40 до 70 тысяч рублей в месяц на начальном этапе. В Москве и крупных городах опытный HTML-верстальщик зарабатывает около 100 тысяч рублей в месяц.
Полезные ресурсы
- Блог веб-технолога Николая Громова о веб-разработке. Кстати, он преподаёт в Epic Skills «Основы HTML-вёрстки».
- Про Habr не слышал только ленивый. На нём постоянно размещают полезные статьи с советами и фичами.
- В блоге Юлии Паниной можно найти множество полезных советов о вёрстке, поиске работы и работе с популярными CMS.
- Справочный хаб от студии Артемия Лебедева.
- Полезный ресурс как для дизайнеров, так и верстальщиков.
- В блоге агенства TexTerra можно найти множество полезных статей для веб-разработчиков.
Полезные статьи
- Photoshop — пример нарезки макета для верстки.
- Слова, часто используемые в CSS-классах.
- Адаптивный и отзывчивый сайт — в чём разница.
- Простое руководство по CSS3-анимаци.
- Вёрстка email-рассылок для чайников.
- Шпаргалка по консольным командам Git.
- Чек-лист вёрстки. Что можно отдавать клиенту, а что стоит переделать.
Научиться верстать можно на нашем основном курсе HTM-вёрстки. Не бойтесь, в течение всего обучения вас будет сопровождать тьютор, помогая с домашними заданиями и проектом. Он не даст вам растеряться и поможет с любыми сложностями.