Профессия верстальщика

Кто такой верстальщик?

Верстальщик сайта — это специалист, создающий полноценные HTML-страницы из нарисованного дизайна.

В некотором роде верстальщика можно сравнить с переводчиком: он «переводит» дизайн при помощи тегов. Теги — это оформленный текст, который представляет собой информацию о элементах дизайна (иллюстрация, таблица, текст). Задача верстальщика сделать так, чтобы нарисованный макет можно было просматривать в виде набора тегов.

Что должен знать и уметь?

1. Soft-skills

Нужно обладать терпеливостью, усидчивостью, внимательностью, иметь аналитический склад ума и быть готовым к монотонной работе.

2. Стандартные языки разметки

Стандартные языки разметки HTML и XHTML, CSS (специальный язык, который используется для визуальной презентации страниц). Стоит также научиться работать в текстовых и графических редакторах.

3. Графические редакторы

Самый популярный редактор — Photoshop. С недавних пор дизайнеры начали переходить на Sketch, но фотошопом всё еще пользуется подавляющее большинство.

Стоит понимать следующее:

• нарезка и экспорт графических элементов;
• работа со стилями слоя;
• информация о тексте (размер, шрифт, цвет, межстрочный интервал).

4. Английский язык

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

5. Responsive / adaptive вёрстка

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

6. jQuery

jQuery стоит знать хотя бы на начальном уровне, чтобы подключать и настраивать тонны плагинов.

7. CSS-препроцессоры

Препроцессоры ускоряют работу, упрощают жизнь и позволяют использовать возможности, которые ещё не реализованы в браузерах.

8. Шаблонизаторы

Шаблонизаторы позволяют выделять повторяющиеся блоки в отдельные файлы. Вынесли блок, подключили на нужных страницах и всё — теперь вы делаете в 10 раз меньше работы.

Где работают?

1. Веб-студии;
2. Компании, которые нуждаются в администрировании сайта;
3. Биржи фриланса;
4. Интернет-магазины;
5. Информационные порталы.

Примеры обязанностей и требований из актуальных вакансий:

Заработная плата верстальщика

По России:

15 000 — 70 000 руб.

По Москве:

30 000 — 110 000 руб

Как понятно из цифр, зарплата зависит в первую очередь от региона проживания верстальщика. Также немалую роль играет специфика и масштаб учреждения. Заработная плата может составлять от 40 до 70 тысяч рублей в месяц на начальном этапе. В Москве и крупных городах опытный HTML-верстальщик зарабатывает около 100 тысяч рублей в месяц.

Полезные ресурсы

• Блог веб-технолога Николая Громова о веб-разработке. Кстати, он преподаёт в Epic Skills «Основы HTML-вёрстки».
• Про Habr не слышал только ленивый. На нём постоянно размещают полезные статьи с советами и фичами.
• В блоге Юлии Паниной можно найти множество полезных советов о вёрстке, поиске работы и работе с популярными CMS.
• Справочный хаб от студии Артемия Лебедева.
• Полезный ресурс как для дизайнеров, так и верстальщиков.
• В блоге агенства TexTerra можно найти множество полезных статей для веб-разработчиков.

Полезные статьи

• Photoshop — пример нарезки макета для верстки.
• Слова, часто используемые в CSS-классах.
• Адаптивный и отзывчивый сайт — в чём разница.
• Простое руководство по CSS3-анимаци.
• Вёрстка email-рассылок для чайников.
• Шпаргалка по консольным командам Git.
• Чек-лист вёрстки. Что можно отдавать клиенту, а что стоит переделать.

Научиться верстать можно на нашем основном курсе HTM-вёрстки. Не бойтесь, в течение всего обучения вас будет сопровождать тьютор, помогая с домашними заданиями и проектом. Он не даст вам растеряться и поможет с любыми сложностями.

Хотите получать больше полезных материалов и развиваться в сферах диджитал и IT? Подписывайтесь на наши соцсети — ВКонтакте и Instagram