Верстальщики бывают двух типов — одни работают в 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 тысяч рублей в месяц.
Должностная инструкция верстальщика
I. Общие положения
1. Верстальщик относится к категории технических исполнителей.
2. На должность специалиста по сертификации назначается лицо, имеющее профессиональное образование (высшее; среднее) (без предъявления требований к стажу работы стаж работы не менее 1 года; 2 лет; 3 лет; пр.)
3. Верстальщик должен знать:
3.1. Основы и технологию полиграфического производства.
3.2. Принципы действия основного и вспомогательного оборудования и приемы работы на нем.
3.3. Технические правила разметки оригиналов, элементы дизайна.
3.4. Технические правила и приемы набора, правки и верстки.
3.5. Типографскую систему измерения, корректурные знаки и гарнитуры шрифтов.
3.6. Компьютерную терминологию.
3.7. Применяемое программное обеспечение для набора и верстки текста.
3.8. Способы получения корректурных копий на принтерах, информации из баз данных и вывода информации по сети и на внешние носители.
3.9. Правила подготовки оригинал-макетов.
3.10. Стандарты, технические условия, инструкции и другие нормативные документы по подготовке и выпуску газеты, печатных изданий.
3.11. Основы трудового законодательства.
3.12. Правила и нормы охраны труда, техники безопасности, производственной санитарии и противопожарной защиты.
4. Верстальщик подчиняется непосредственно
5. На время отсутствия верстальщика (отпуск, болезнь, пр.) его обязанности выполняет лицо, назначенное в установленном порядке. Данное лицо приобретает соответствующие права и несет ответственность за надлежащее исполнение возложенных на него обязанностей.
II. Обязанности
Верстальщик:
1. Осуществляет подготовку оборудования к работе.
2. Осуществляет ввод параметров набора, ввод графических элементов.
3. Осуществляет верстку текста, содержащего различные шрифтовые и нешрифтовые выделения, шрифты различных гарнитур и алфавитов, специальную терминологию и специальные знаки в соответствии с принятыми в полиграфической и издательской деятельности стандартами.
4. Верстает таблицы, создает графические элементы различной степени сложности, осуществляет их ввод; осуществляет макетирование технического оформления сложных изданий, сложных по построению полос (таблиц, рисунков, фотографий и пр.).
5. Распечатывает текст на принтере.
6. Вносит правку в текст на основании замечаний технического редактора.
7. Осуществляет запись файлов на внешние носители информации.
8. Использует в работе компьютерную сеть.
III. Права
Верстальщик имеет право:
1. Знакомиться с документами, определяющими его права и обязанности, критерии оценки качества исполнения обязанностей.
2. Вносить на рассмотрение руководства предложения по совершенствованию работы, связанной с предусмотренными настоящей инструкцией обязанностями.
3. Требовать от руководства обеспечения организационно-технических условий, необходимых для исполнения обязанностей.
IV. Ответственность
Верстальщик несет ответственность:
1. За ненадлежащее исполнение или неисполнение своих должностных обязанностей, предусмотренных настоящей должностной инструкцией, - в пределах, установленных действующим трудовым законодательством Российской Федерации.
2. За правонарушения, совершенные в процессе своей деятельности, - в пределах, установленных действующим административным, уголовным и гражданским законодательством Российской Федерации.
3. За причинение материального ущерба организации - в пределах, установленных действующим трудовым и гражданским законодательством Российской Федерации.
С настоящей должностной инструкцией ознакомлен: Дата. Подпись.
Должностная инструкция для дизайнера-верстальщика
I. Общие положения
- Должностная инструкция определяет должностные обязанности, полномочия и ответственность, а также условия работы дизайнера-верстальщика структурного подразделения (далее Подразделения).
- Дизайнер-верстальщик назначается на должность и освобождается с должности в соответствии с действующим трудовым законодательством приказом генерального директора компании.
- Дизайнер-верстальщик подчиняется выпускающему редактору Подразделения.
- В период временного отсутствия дизайнера-верстальщика его обязанности выполняет лицо, назначенное в установленном порядке. Данное лицо приобретает соответствующие права и несет ответственность за исполнение указанных обязанностей.
II. В своей работе руководствуется и должен знать
- Основы и технологию полиграфического производства.
- Принципы действия основного и вспомогательного оборудования и приемы работы на нем.
- Действующие стандарты и технические условия, методики оформления различных изданий.
- Основы полиграфического дизайна.
- Технические правила разметки оригиналов, элементы дизайна.
- Технические правила и приемы набора, правки и верстки.
- Типографскую систему измерения, корректурные знаки и гарнитуры шрифтов.
- Применяемое программное обеспечение для набора и верстки текста.
- Способы получения корректурных копий на принтерах, информации из базы данных и вывода информации по сети и на внешние носители.
- Правила подготовки оригинал-макетов.
- Стандарты, технические условия, инструкции и другие нормативные документы по подготовке и выпуску газеты, печатных изданий.
- Правила и нормы охраны труда, техники безопасности и противопожарной защиты.
- Правила пользования оргтехникой и ПК.
- Правила внутреннего трудового распорядка.
III. Должностные обязанности
Дизайнер-верстальщик обязан:
- Осуществлять подготовку оборудования к работе.
- Осуществлять ввод параметров набора, ввод графических элементов.
- Осуществлять верстку текста, содержащего шрифтовые и не шрифтовые выделения, шрифты различных гарнитур и алфавитов. А также, специальную терминологию и специальные знаки в соответствии с принятыми в полиграфической и издательской деятельности стандартами.
- Верстать таблицы, создавать графические элементы различной степени сложности, осуществлять их ввод; осуществлять макетирование технического оформления изданий, сложных по построению полос (таблиц, рисунков, фотографий и пр.).
- Распечатывать текст на принтере, в том числе осуществлять вывод пленок.
- Вносить правку в текст на основании замечаний выпускающего редактора.
- Осуществлять запись файлов на внешние носители информации.
- Осуществлять своевременное и качественное выполнение художественно-оформительских работ.
- Создавать графическую часть оригинал-макетов рекламных объявлений и прочих материалов и документов.
- Создавать графическую часть коммерческой рекламы, предназначенной для презентации рекламных возможностей потенциальным рекламодателям.
- Разрабатывать проекты художественного и технического оформления изданий исходя из информации, полученной от непосредственного руководителя.
- Консультировать своего непосредственного руководителя о принципах и вариантах решения поставленных дизайнерских задач.
- Согласовывать эскизы (проекты) с непосредственным руководителем и подготавливать окончательные макеты.
- Вносить исправления в проекты художественного и технического оформления по указанию выпускающего или главного редактора.
- Осуществлять контроль соответствия изготавливаемых оригинал-макетов рекламных объявлений и графических элементов оригинал-макетов требованиям Закона о рекламе, требованиям заказчика, ответственного сотрудника службы рекламы, внутренним требованиям, существующим в организации, требованиям качества.
- Создавать и передавать непосредственному руководителю планы, отчеты о проделанной работе и прочие документы и принимать от него необходимые документы.
- Осуществлять предпечатную подготовку оригинал-макетов в соответствии с технологическими требованиями полиграфического производства.
- Проводить оформительские работы в помещении организации.
- Осуществлять взаимодействие с системным администратором в целях поддержания компьютерной техники в рабочем состоянии и обеспечении модернизации техники и программного обеспечения.
- Поддерживать позитивный моральный климат в офисе. Проявлять взаимовыручку, ответственность, доверие, поддержку, оптимизм.
- Выполнять отдельные служебные поручения непосредственного руководителя.
- Выполнять правила трудового распорядка, принятые в компании.
IV. Должностные полномочия
Дизайнер-верстальщик имеет право:
- Запрашивать от сотрудников и руководителей Подразделения информацию и документы, необходимые для выполнения своих должностных обязанностей.
- Знакомиться с документами, определяющими права и обязанности по занимаемой должности, критериями оценки качества исполнения должностных обязанностей.
- Вносить на рассмотрение руководства предложения по совершенствованию работы, связанной с предусмотренными настоящей инструкцией обязанностями.
V. Должностная ответственность
Дизайнер-верстальщик несет отвественность:
- За невыполнение или ненадлежащее выполнение своих должностных обязанностей, предусмотренных настоящей инструкцией, - в пределах, установленных действующим трудовым законодательством Украины.
- За неисполнение должностных обязанностей.
- За нарушение правил внутреннего распорядка компании.
- За нарушение деловой этики.
- За нерациональное использование компьютерной техники.
- За правонарушения, совершенные в процессе своей деятельности, установленные действующим законодательством Украины.
- За предоставление недостоверной информации руководству.
- За небрежное отношение к ведению документации.
VI. Условия работы
- Режим работы дизайнера-верстальщика определяется в соответствии с Правилами внутреннего трудового распорядка, установленными в компании.
- Дизайнер-верстальщик в связи с производственной необходимостью может выезжать в служебные (местные и региональные) командировки.
Должностная инструкция html-верстальщика
Владимир Новожилов Руководитель отдела интернет-маркетинга WiseAdvice Владимир Новожилов, руководитель отдела интернет-маркетинга WiseAdvice, рассказывает, как закрывать сложные вакансии, если у компании нет сильного HR-бренда или возможности ввязываться в зарплатную...
Наталья Кожевникова Бытует мнение, что услугами карьерных консультантов пользуются люди с опытом работы. А студентам, которые в поиске первого рабочего опыта, помощь карьерных консультантов ни к чему. Давайте разберемся, так ли это. Поддержать, объяснить, добавить...
Александр Малин Научно-технический прогресс сказался не только на технологиях и комфорте, но и изменил менталитет людей. Работник в возрасте - это сформировавшийся специалист с огромным профессиональным и жизненным опытом, четко знающий, чего он хочет, к чему...
Томаш Ходбод CEO чешского агрегатора одежды и обуви GLAMI CEO чешского агрегатора одежды и обуви GLAMI Томаш Ходбод был включен в список Forbes самых ярких звезд бизнеса до 30 лет. Он рассказывает о том, как ему удалось собрать команду, которая за пять лет вывела...
«Командная работа настолько важна, что практически невозможно достичь высот ваших способностей или заработать желаемых денег, не достигнув успеха в команде» (Брайан Трейси). Сегодня будем говорить о том, как же создать такую команду, с которой вы будете достигать...
Что должен уметь делать HTML-верстальщик сайтов. С каждым годом требования к верстальщикам растут, появляются новые технологии, новое программное обеспечение и т.д.. И конечно же каждый заказчик хочет найти максимально компетентного исполнителя. Есть общие требование которые помогут начинающим и не только. Здесь вы узнаете что должен знать и уметь верстальщик, но все же не стоит останавливаться только на этом, всегда есть и будет что подучить.
HTML-верстальщик должен знать:
- HTML и CSS на 100%. Именно с помощью этих языков разметки и происходит верстка страницы с макета дизайнера. При этом верстальщик должен учитывать все особенности, предпочтения и версии этих языков для того, чтобы осуществлять верстку страниц любой сложности;
- JavaScript или jQuery. JavaScript (jQuery) используется для реализации различных динамических элементов на странице (слайдеры, калькуляторы и т.д.). jQuery - набор готовых функций, написанных на языке JavaScript (так называемый, фреймворк);
- Photoshop. Верстальщик должен уметь работать в Adobe Photoshop и обладать знаниями веб-дизайна для того, чтобы при анализе макета до верстки указать дизайнеру на его ошибки и, если потребуется, быстро сделать поправки в макете без особых усилий;
- Язык программирования PHP. В арсенале верстальщика должно быть представление о языке PHP и о том, как программист будет натягивать верстку сайта на движок;
- Как работает CMS и ее API. Обычно верстка сайта делается под какой-то конкретный движок и в большинстве случаев ставится на бесплатную CMS. Знание того, как работает CMS, а также ее особенностей, нужно для того, чтобы у человека, который будет работать с вашей версткой, не возникало проблем при ее «натяжке». Только плюсом будет идеальное знание API одной или нескольких CMS. Например, клиент может заказать изготовление шаблона на CMS у вас.
- SEO-оптимизацию. HTML-верстальщик обязательно должен ориентироваться в SEO, потому что оптимизация сайта начинается именно с первых строк верстальщика.
Что должен делать HTML-верстальщик:
- Кроссбраузерную верстку - учет особенностей отображения кода веб-страницы во всех браузерах любой операционной системы.
- Валидную верстку сайта - написание HTML и CSS-кода, соответствующих стандартам W3C (компании, разрабатывающей и внедряющей интернет-стандарты), и проходящим тест на валидаторе.
- Семантическую верстку. Осмысленное расположение фрагментов кода на странице, правильное использование тегов, понятные название классов и идентификаторов.
- Оптимизацию под поисковые системы. От верстальщика вы должны получить полностью оптимизированную верстку, начиная от наличия тегов title, description, keywords до присутствия alt в картинках и title в ссылках.
- Оптимизировать скорость загрузки сайта:
- За счет уменьшения количества кода, но не в ущерб читаемости и производительности;
- За счет уменьшения веса и количества картинок (так называемая, верстка спрайтами).
- Уметь работать с CMS и ее API. Даже если вам не нужно получить от верстальщика готовый шаблон, но вы планируете использовать его верстку для изготовления шаблона на нужную вам CMS, верстальщик все равно должен знать требования к верстке данной CMS.
- верстка шаблона под CMS подразумевает изготовление простой верстки (HTML + CSS) с учетом требований данной CMS. То есть, на выходе вы не получаете готовый шаблон, а вам еще нужно будет искать человека который сделает шаблон из этой верстки;
- изготовление шаблона под CMS включает верстку и изготовление из этой верстки готового шаблона, который на 100% готов для дальнейшего использования.
На заметку:
Предоставлять качественный сервис
Должен гарантировать качество проведенной работы, не подводить по срокам и вовремя вносить правки, если потребуется.