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

HTML-верстальщик

HTML-верстальщик (или веб-верстальщик, верстальщик сайтов) отвечает за то, чтобы сайт отображался во всех популярных браузерах одинаково, и при этом все интерактивные и динамические элементы работали корректно.

При создании сайта, верстальщик создает из дизайн-макета html-шаблоны, которые в дальнейшем используются при установке системы управления сайтом. Он принимается за дело после веб-дизайнера и до php-программиста . Часто специалист создает весь интерактив на сайте (обработчики событий, формы отправки сообщений, всплывающие сообщения, хитрый скроллинг, вкусные фишки и т.д.)

Дизайнер-верстальщик (полиграфия)

Дизайнер-верстальщик придумывает и верстает (готовит к печати) буклеты, плакаты, листовки, календари, материалы для наружной рекламы, упаковку и прочую полиграфическую продукцию. Иногда специалист выполняет фотосъемку и обработку фотографий.

Места работы

Должность верстальщика присутствует в интернет-агентствах, веб-студиях, интернет СМИ, рекламных агентствах, в типографиях, на телевидении, а также в ИТ-отделах или рекламных службах некоторых организаций.

История профессии

Профессия верстальщика появилась примерно во времена зарождения печатного дела. Первые специалисты готовили станки к печати текстов и картинок вручную. С появлением компьютеров и специальных графических редакторов спрос на дизайнеров-верстальщиков сильно увеличился. Когда появился Интернет, потребовались html-верстальщики — специалисты, знающие язык гипертекстовой разметки HTML.

Обязанности верстальщика

Должностные обязанности html-верстальщика включают в себя:

• Верстка шаблонов под стационарные мониторы и мобильные устройства (на основе готовых psd-макетов).
• Верстка е-мейл рассылок и промо-страниц.
• Интеграция шаблонов в CMS.
• Программирование на JavaScript и AJAX.

Иногда в задачи html-верстальщика входит консультирование клиентов (тех. поддержка), SEO-оптимизация и улучшение юзабилити сайтов.

Должностные обязанности дизайнера-верстальщика заключаются в следующем:

• Дизайн и верстка печатной продукции (каталоги, плакаты, буклеты, календари и т.п.).
• Подготовка макетов к печати.
• Обработка фотографий и картинок.
• Иногда в обязанности входит сама фотосъемка.

Требования к верстальщику

Основные требования к html-верстальщику таковы:

• Хорошее знание HTML, CSS (знание блочной и табличной верстки).
• Знание JavaScript, jQuery, AJAX.
• Базовое знание Photoshop (как правило, на уровне резки макетов)
• Умение верстать сайты валидно и кроссбраузерно (IE включительно)
• Английский язык на уровне чтения технической литературы

Иногда от специалиста требуется:

• Знание XHTML, PHP, MySQL.
• Знание Illustrator, CorelDRAW.
• Опыт верстки шаблонов для популярных CMS (Joomla, 1С-Битрикс, Drupal, WordPress, UMI.CMS и другие).
• Знание плагинов (чаще всего для Firefox) для тестирования верстки.
• Умение работать с CSS-препроцессорами (STYLUS, SASS/SCSS, LESS и других).

Требования к дизайнеру-верстальщику скромнее:

• Знание программ дизайна, верстки и предпечатной подготовки (Photoshop, Illustrator, Indesign и т.п.).
• Опыт подготовки макетов к печати.
• Знания композиции, формообразования, сочетания цветов, типографики.
• Наличие художественного вкуса и творческого мышления.

Образец резюме верстальщика

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

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

Чтобы стать html-верстальщиком , необходимо знать три основные вещи: html, css и уметь верстать шаблон на основе дизайн-макета, сделанного в Photoshop.

Первые навыки верстки можно получить на любых курсах (кратко или долгосрочных) или в любом самоучителе, найденном в интернете. Имея базовые навыки html-верстальщика и небольшое портфолио своих проектов (3-4 сверстанных сайта), можно устроиться в штат какой-либо интернет-студии в качестве младшего специалиста. Хорошим верстальщиком вполне реально стать за 2-3 года работы.

Чтобы стать дизайнером-верстальщиком необходимо уметь придумывать дизайн печатной продукции и создавать дизайн-макеты, готовые для отправки в производство. Научиться готовить макеты для отправки в типографию можно на специализированных курсах. Также достаточно часто компании согласны брать специалистов с обучением в процессе работы.

Зарплата верстальщика

Заработная плата верстальщика колеблется от 15 до 75 тысяч рублей в месяц. Главный фактор уровня заработка — опыт специалиста. На втором месте стоит регион (например, в Москве платят существенно больше).

Средняя зарплата верстальщика составляет 50 тысяч рублей в месяц.

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

Чем занимается верстальщик

Как известно, сайт разрабатывает несколько специалистов: , верстальщик и программист.

Сайт - это сложный механизм. Любой сложный механизм требует усилий разных специалистов при разработке. Дизайнер рисует макет - картинку, как должен выглядеть портал, какие цвета использовать, какие размеры у объектов должны быть. Программист работает над технической стороной. Верстальщик воплощает в жизнь то, что нарисовал дизайнер. Собирает ресурс по макету.

Как выглядит страница, когда она поступает в работу верстальщику? Это обычный файл.psd в слоях. После того, как специалист делает - то внешне страница остается такой же, но “изнутри” она приобретает определенный код.

Графический файл сначала анализируется, затем он разрезается, и верстается HTML-страница пошагово:

1. Создается таблица стилей CSS, где определяется цветовая гамма, шрифты и расположение элементов
2. Разрабатывается меню, интерфейс.
3. Макет страницы сравнивается с макетом дизайна на полное возможное дублирование.
4. Документ тестируется в разных браузерах и на разных разрешениях экрана.

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

Что должен знать верстальщик веб-сайтов

• Язык разметки гипертекста - HTML.
• Методы работы со стилями - CSS.
• Основы JavaScript, jQuery.
• Инструменты для HTML-верстки, проверки кода на валидность.
• Основы работы в графических редакторах. Как правило, дизайн веб-сайта создается в Фотошопе.
• Основы PHP.

Инструменты для HTML-верстки

Верстать веб-сайты можно вручную в Notepad, но на это уходит много времени и сил. Поэтому разработаны специальные программы и плагины, облегчающие верстку: DreamWeaver, Amaya, KompoZer, Sublime, Komodo, Firebug, и другие.

Три кита HTML-верстальщика

• Качественный валидный код. При проверке кода не должны выдаваться ошибки.
• Юзабилити. Пользователям должно быть легко на сайте.
• Адаптивный дизайн. Сайт должен корректно отображаться в разных браузерах и на мобильных гаджетах.

Где найти работу

• Веб-студии.
• Компании, у которых есть свой сайт, и необходимо его администрирование.
• Биржи фриланса.
• Заказы на тематических форумах.

Зарплата верстальщика составляет от 2 тыс. руб. за 1 проект (регионы), и достигает в среднем по регионам - до 40 тыс. руб. в мес., по Москве - до 60 тыс. руб. в месяц.

Многие верстальщики начинают с малого, а потом дорастают до уровня веб-мастеров, когда они сочетают в себе трех технических специалистов (дизайнер, верстальщик и программист). В сети не утихают споры о том, может ли веб-мастер делать качественно три вида разных работ? На наш взгляд, вполне реально сочетать работу веб-верстальщика и программиста. А вот дизайнеру все же лучше иметь профильное художественное образование.

Опытному дизайнеру-верстальщику должны быть присущи следующие умения:

• технически грамотная и быстрая работа в основных программах вёрстки;
• работа с растровыми и векторными графическими редакторами, такими как Photoshop, Illustrator, CorelDraw;
• способность находить новые идеи, разрабатывать план издания;
• обладание художественным вкусом;
• знание классической типографики;
• владение ретушью и цветокоррекцией;
• наличие базовых знаний по допечатной подготовке макетов.

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

Плюсы и минусы

Несомненным плюсом профессии является творческий характер работы, позволяющий учиться у многих талантливых людей. Кроме того, в ситуации, когда заказчик только в общих чертах представляет, каким должно быть издание, но не имеет ни плана вёрстки, ни готовых текстов, ни иллюстраций, специалист может в полной мере реализовать свои художественные способности. «Столкнувшись с неорганизованным материалом, дизайнер-верстальщик имеет возможность проявить творческие стороны своей натуры, - отмечает Че"Гевар Гельдиев, - сделав так, чтобы на основании сырого набора данных, выражающих смутные намерения заказчика, выросло логичное и законченное издание. Создать мозаику, каждый элемент которой будет на своем месте».Еще одним шагом в карьере станет переход в дизайнеры, арт-директоры и бильд-редакторы - эти профессии оплачиваются гораздо выше.

Плюсом можно также считать высокую востребованность представителей этой профессии на рынке труда, возможность работы в домашних условиях и относительно неплохой уровень заработной платы квалифицированного специалиста. «Если вам не претит трудиться и после работы, то плюсом можно считать возможность фрилансерства, - полагает руководитель отдела препресса компании Promade Сергей Фомин. - Хороший верстальщик, не гнушающийся подработками, постепенно обрастает клиентурой, и тогда уже особо искать работу не требуется - она сама тебя ищет».

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

Оплата труда

Размер заработной платы зависит от города и региона, в котором работает специалист. В последнее время наметилась тенденция увеличения уровня оплаты труда в регионах. Так, в Уфе средняя зарплата начинающего верстальщика при нормированном рабочем дне составляет 10-12 тыс. руб. «Размер оклада опытного специалиста во многом зависит от уровня его подготовки и авторитета и начинается от 15 тыс. руб., - рассказывает Че"Гевар Гельдиев. - Верстальщик в цветном журнале может рассчитывать на месячный доход до 30 тыс. руб., а при ненормированном рабочем дне - до 40-50 тыс., но обязательным условием будет мультиуниверсализм (цветокоррекция, ретушь, планирование и дизайн издания, вёрстка, предпечатная подготовка), когда полный цикл работы над изданием сосредоточен в руках одного человека».

В столице уровень оплаты труда начинающего специалиста составляет от $500 до $1000, а опытного профессионала - от $900 до $2500.

Перспективы

Перспективы представляются весьма разнообразными и зависят от амбиций работника. Развивая организаторские качества, есть возможность вырасти до руководителя отдела вёрстки, а путем совершенствования технических знаний и постижения тонкостей редакционных процессов - до производителя дополнительных модулей к программам. Можно также перейти в консультационную или преподавательскую деятельность.

Еще одним шагом в карьере станет переход в дизайнеры, арт-директоры и бильд-редакторы - эти профессии оплачиваются гораздо выше. В качестве горизонтального развития возможно заняться веб-вёрсткой. «Не стесняйтесь почаще менять работу, - советует Сергей Фомин. - Чем в большем количестве мест вы поработаете, тем большему научитесь, больше тонкостей освоите».

45.7

Для друзей!

Справка

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

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

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

Описание деятельности

Заработная плата

средняя по России: средняя по Москве: средняя по Санкт-Петербургу:

Трудовые обязанности

Особенности карьерного роста

Характеристика сотрудника

Верстка - процесс сродни проектированию. Математические способности для проведения некоторых расчетов не будут лишними. А пространственное мышление необходимо, чтобы представить, как будет выглядеть уже готовое издание и как лучше разместить различные элементы на странице.

Однако для мастера верстки недостаточно одних технических навыков. Созданный продукт должен не только привлечь аудиторию, но и остаться в памяти. Для этого материал должен быть сверстан максимально гармонично, а текст и картинки должны взаимно дополнять друг друга. Помогут в этом художественный вкус, творческая жилка и чувство цвета. Не следует забывать об упорстве, оперативности и внимательности. Порой необхопереправлять макеты по несколько раз, а иногда и верстать все заново.

В чем заключается работа верстальщика сайтов?

Основной задачей верстальщика сайтов является «технический перевод» страниц сайтов на необходимый язык программирования (язык компьютера). Чтобы выполнить эту задачу верстальщик выписывает на установленном компьютером языке разнообразные критерии изменения веб-страницы (совершенствование ее оформления, изменение вида и размера шрифта, установление отступов, абзацев, интервалов, «красных строк», обрамления текста и картинок на странице, выделение заголовков и подзаголовков текста и многое другое). Без работы верстальщиков – интернет бы заполонили одинаковые по своему оформлению веб-страницы, похожие на текст «напечатанный в блокноте».

Профессиональный верстальщик сайтов должен обладать знаниями и соответствующими умениями по кодировке тех или иных элементов веб-страниц, а также обязан знать, как сделать, чтобы сайт работал одинаково во всех популярных браузерах и соответствовал установленным параметрам таких поисковых система как Yandex, Google.

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

Как стать специалистом по верстке сайтов?

В большинстве случаев верстальщик должен иметь высшее техническое или среднее специальное образование. Такие требования устанавливает работодатель для специалистов данного профиля. Однако многие верстальщики научились обрабатывать, редактировать и оформлять веб-страницы самостоятельно (они самоучки). Знания по верстке сайтов можно получить в интернете на специальных онлайн-курсах или на форумах специалистов.

Какими навыками должен обладать верстальщик сайтов?

К основным качествам и навыкам специалисты по верстке относятся:

1. Хорошо развитая зрительная память и грамотность;
2. Аккуратность, трудолюбие, усидчивость, старательность и организованность;
3. Знание таких технических программ, как CSS, HTML и JavaScript.

Дополнительные навыки:

1. Знание Photoshop и других программ по обработке фотографий.

Где может работать верстальщик?

1. Рекламные фирмы;
2. Агентства по созданию различных сайтов;
3. Частные разработчики сайтов.

Доход верстальщика

Средний уровень дохода верстальщика составляется десять-двадцать долларов в час (все зависит от опыта и профессионализма работника). Стоимость одного проекта варьируется от 50 до 100 долларов.

Поиск работы

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

Дополнительные материалы:

Освоить навыки по HTML-верстке можно на онлайн-курсах в Нетологии (курс платный);

Также на Нетологии есть несколько бесплатных курсов по основам работы в HTML и CSS.

Определение профессии верстальщик и специфика данной работы

Что такое верстка?

Верстка- это оформление печатного, а также веб-издания, форматирование текстов, наполнение веб-страниц картинками и иной необходимой информацией. Не так давно, до того, как компьютеры заполонили издательскую сферы, верстка печатных изданий занимала огромное количество времени (это был очень трудоемкий процесс). Версткой одной книги могли заниматься несколько человек. Но времена изменились.

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

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

Верстальщики работают на персональных компьютерах в графической программе Macintosh, а также на платформах Corel Draw и как Adob Illustrator. Еще несколько лет назад верстка печатной продукции проводилась вручную следующим образом: образец заказа собирался из множества отдельных металлических элементов (пробелов, букв, знаков, иллюстраций). Готовый макет отпечатывался на специальной бумаге.

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

Работа верстальщика сайтов

Как уже говорилось раннее, работа специалиста по верстке заключается в создании различных сайтов, блогов, веб-страниц. Многие интернет-ресурсы доступные в открытом доступе в сети Интернет – это результат работы верстальщиков. Стоит отметить, что одна страница интернет-ресурса состоит из множества цифр, символов, знаков (так называемого кода). Код преобразуется в понятную для человека веб-страницу с помощью специальных браузерских программ.

Для создания и оформления веб-страниц верстальщик применяется редакторы HTML, текстовые редакторы и браузерские программы для проверки готового заказа. Данная профессия требует особой усидчивости, аккуратности, кропотливости и высокого уровня технических знаний. Работа специалиста по верстке сайтов начинается после разработки проекта нового веб-ресурса (дизайнер обозначает, где будут располагаться иллюстрации, тексты, заголовки, абзацы). После этого верстальщик преобразует иллюстрации, шрифты, схемы или таблицы на язык символов, понятный браузерам. В результате получается текстовый образец, первоначально разработанный дизайнером, но технически преобразованный верстальщиков. После верстки страницы отдается на работу программисту.