Изначально, верстальщик — это специалист работающий в издательском деле и полиграфии. С появлением интернета стала востребована новая специальность — html-верстальщик, по другому — верстальщик сайтов. Дальше я расскажу чем занимается верстальщик в сфере web-технологий.
Обязанности верстальщика
Что делает верстальщик? Если кратко, то верстает шаблоны на основе готовых psd-макетов. Расскажу подробнее про процесс.
Дизайнер отдает в работу верстальщику макет сайта (обязательно в формате psd). Макет — это просто картинка. Верстальщик с помощью кода воспроизводит этот макет в формат html. Html-страницу уже можно просмотреть в браузере и взаимодействовать с элементами, например такими:
- нажимать кнопки;
- листать слайдеры;
- сворачивать меню и всплывающие окна.
Но это визуальное оформление данных. Для работы с данными подключается уже программист.
В чем отличие верстальщика от программиста?
Распространенный вопрос. Программист работает с данными: посчитать площадь комнаты и вывести правильное значение, сохранить в базу данных введенные в форму значения и т. д . Верстальщик работает с визуальным отображением этих данных согласно макету: площадь комнаты отображать шрифтом Arial, размером 18px и красным цветом, разместить форму по центру страницы, фон сделать серым, а ячейки 20px в высоту и т. д .
Приведу пример вывода данных без стилизации верстки и с работой верстальщика:
Из примера понятно, что без работы верстальщика страница сайта выглядит уныло.
Приведу еще один пример. Для аналогии рассмотрю сервант с полками и посудой. Посуда — это переменные: чашка, бокал, тарелка… Полки — это структура сайта. Без верстки это просто коробка с 4 стенами, куда свалена в кучу вся посуда. Задача верстальщика — сделать полки и расположить их так, чтобы каждая посуда была на своем месте: тяжелые тарелки снизу, бокалы сверху. Согласитесь, приятней подойти к серванту где все упорядочено и взять нужную вещь (контент), чем копаться в куче мусора.
Требования к верстальщику
Расскажу что должен уметь и знать верстальщик:
- Отлично знать html и css;
- Уметь нарезать макет (базовые знания Photoshop);
- Верстать кроссбраузерно (чтобы сайт отображался во всех браузерах одинаково);
- Применять адаптивную верстку (для правильного отображения сайтов на различных устройствах, в т. ч. мобильных);
- Уметь работать с плагинами для тестирования и отладки верстки.
Уверен, многие скажут, а как же JavaScript, AJAX? Знание этих технологий я отношу уже к следующей ступени — frontend-разработчик. Для верстальщика достаточно знать перечисленное в списке.
Верстальщик - специалист по вёрстке, то есть по компоновке текстовых, иллюстративных и вспомогательных элементов на странице документа. Традиционно термин используется в полиграфии и издательском деле, с появлением Интернета он приобрел новое значение - Верстальщик веб-страниц.
Верстальщик - творческая профессия. Таких специалистов именуют еще дизайнерами-верстальщиками, верстальщиками веб-страниц.
Верстка - это составление страниц книги, газеты, журнала из набранных строк, заголовков, иллюстраций. Это составление происходит в соответствии с заранее утвержденным макетом (схемой) издания и являются составной частью допечатного процесса. В наипростейшем случае верстка - это просто набор текста на компьютере. Конечно, может показаться, что этим способен заниматься каждый, но есть область человеческой деятельности, где необходимы именно специалисты-верстальщики. Эта область - полиграфия, или выпуск печатной продукции.
Обязанности
Верстальщик размещает текст, иллюстрации и элементы оформления на странице (полосе) в соответствие с утвержденным заранее макетом. Он выбирает шрифты, меняет размер изображений и т.д.
В обязанности верстальщика может входить составление макета, его верстка - компоновка (оформление и расположение) текста и изображений, подготовка к печати, цветокоррекция, общение с заказчиками.
В задачи веб-верстальщика входит верстка интернет-сайтов.
Квалификационные требования
Верстальщик должен иметь среднее специальное либо высшее образование, связанное с макетированием, в некоторых случаях достаточно окончания специальных курсов, практические навыки работы в данной области, навыки программирования, владеть основными программами верстки: Adobe InDesign, QuarkXPress, PageMaker, графическими редакторами: Photoshop, Illustrator, CorelDraw, . Профессия верстальщика требует от человека наличие фантазии, творческого подхода, художественного вкуса, усидчивости, сосредоточенности, аккуратности, уравновешенности, терпеливости.
Личные качества:
Ответственность
Организованность
Усидчивость
Аккуратность
Места работы
Верстальщик может работать в издательствах журналов, газет, книг, рекламных агентствах, а также быть фрилансером - удаленным работником, работать в домашних условиях.
Уровень заработной платы верстальщика во многом зависит от места работы, степени профессионализма, опыта работы. Верстальщик имеет перспективы карьерного роста в больших компаниях до позиции начальника отдела верстки либо директора организации, занимающейся макетированием и версткой. Также верстальщик может реализовать себя в качестве арт-директора, бильд-редактора.
Верстальщик — востребованная и перспективная профессия. Эксперты рынка труда уверяют, что спрос на этих специалистов будет только расти, так как в стране с каждым годом увеличивается объем полиграфической продукции, появляются новые издательства.
→ Верстальщик. Кто это?Многие не знают, кто такой верстальщик веб-страниц. Дизайнера знают, программиста знают. А когда говоришь, что ты верстальщик, в ответ слышишь: «А кто такой верстальщик, что ты делаешь?»
Обратимся к всезнающей Википедии.
Верстальщик веб-страниц - человек, профессионально занимающийся вёрсткой веб-страниц. В общем случае в задачу верстальщика веб-страниц (далее верстальщик) входят:
- создание кода веб-страницы с помощью соответствующего языка разметки. Таковыми могут быть HTML, XHTML
- оформление ранее созданного кода страницы с помощью встроенных средств языка разметки, либо же с помощью каскадных таблиц стилей CSS
Тогда я стараюсь простым языком объяснить, что верстальщик – это что-то среднее между дизайнером и программистом, связующее звено. Верстальщик берет макет, который нарисовал дизайнер, и делает «заготовку» для программиста. Верстальщика можно сравнить с переводчиком. Он описывает (переводит) дизайн при помощи тегов. Теги – это специально оформленный текст, который представляет информацию о разных элементах дизайна (текст, иллюстрация, таблица). Таким образом, после работы верстальщика, нарисованный макет можно просматривать в виде набора тегов.
После верстки дизайнер проверяет, чтобы его творение так же красиво смотрелось в браузере, а программист проверяет, чтобы программный код можно было интегрировать с кодом разметки страницы.
Что нужно верстальщику для работы? Как минимум:
- текстовый редактор
- графический редактор
- браузер
В графическом редакторе верстальщик работает с графикой, в текстовом пишет код веб-страницы, а в браузере тестирует правильное отображение сверстанных страниц.
По натуре верстальщик должен быть немного творческим человеком, т.к. в ходе работы ему приходится много работать с графикой, зачастую самому дорабатывать элементы дизайна. В то же время верстальщик, как и программист, должен быть усидчив, внимателен и немного «завернут» на коде.
Основная задача верстальщика – сделать просмотр web-страниц наиболее удобным и простым для пользователя. Верстальщик должен учитывать тип устройства, на котором будет просматриваться сайт. Должен верстать страницу с учетом того, что ее могут открывать на различных разрешениях экрана, в различных версиях браузеров, с отключенной графикой и скриптами. Пользователями сайта могут оказаться люди с нарушением слуха и зрения. Кроме этого, верстка должна соответствовать принятым стандартам. Все эти факторы очень усложняют работу верстальщика, делают ее более трудоёмкой, чем это может показаться на первый взгляд. Может, поэтому сейчас наблюдается большой спрос на работу верстальщика.
Некоторые называют работу верстальщика нудной и неинтересной. В чем-то с ними можно согласиться. Но как объяснить тот факт, что верстальщик может заниматься своей работой целый день, а часто и ночь и не замечать, как летит время. А может быть работа верстальщика не такая и нудная?
Если сравнивать работу верстальщика и журналиста, то можно однозначно сказать, что журналист больше общается с людьми, ездит в командировки и видит много интересных мест.
Верстальщик так же не обделен общением с людьми (заказчиками), но чаще всего это происходит при помощи Интернета (ICQ, Skype,E-mail). Интересные места верстальщику заменяют интересные, профессиональные дизайны сайтов, а путешествует верстальщик не на поезде и самолете, а сидя на своем рабочем кресле. Путешествует по всемирным просторам Интернета, в поисках новых решений поставленных задач.
Наверное, надо просто быть верстальщиком, чтобы это понять!
Так кто же такой верстальщик?
Верстальщик работает преимущественно с многостраничными изданиями: журналами, газетами, книгами, каталогами, брошюрами. Профессия подходит тем, кого интересует рисование, черчение и информатика (см. выбор профессии по интересу к школьным предметам).
Но кроме этого он также верстает листовки, прайс-листы, модульную рекламу в прессу, буклеты, календари, визитки и другую полиграфическую продукцию. В обязанности верстальщика в издательствах журналов и газет входит создание макета этих многостраничных изданий, состоящих преимущественно из текста и изображений. Верстальщик может подчиняться бильд-редактору, котрый отвечает за своевременное и корректное наполнение страниц необходимой информацией и зачастую дает верстальщику задания вмонтировать в тот или иной разворот или целую серию страниц, посвященных одной теме, текст и необходимые изображения. После верстки этот макет передается дизайнеру или арт-директору издания, который облагораживает страницы и делает их визуально-интересными читателю, после чего вновь возвращает макет верстальщику на доработку текстовой составляющей.
То, что делает верстальщик с текстом, представляет собой целую типографическую науку. Существует целый ряд терминов, например: «висячая строка» (когда «одинокая» первая строка абзаца оказывается в самом конце страницы, либо последняя строка абзаца выталкивается на следующую страницу, это считается некрасивым), «висячий предлог» (любые предлоги, попавшие в конец строки, что считается неправильным), «интерлиньяж» (расстояние между строками) и так далее. Все эти термины входят в огромный свод правил о том, как должен выглядеть текст. Верстальщик знает все эти правила и занимается визуальным «причесыванием» текста, который в итоге должен оказаться читабельным, ровным, красивым, с логично расположенными текстовыми блоками, выделенными подзаголовками, с отсутствием каких-либо висячих предлогов, тире и строк и отстоящим от картинок на равном расстоянии на протяжении всего макета. Кроме того, он знает знаки корректорской правки и вносит финальные исправления в текст готового макета издания. После этого верстальщик передает свою работу специалисту по допечатной подготовке, а если он совмещает две должности, что часто происходит, то сам готовит макет к печати согласно всем техническим требованиям, полученным от типографии. Часто верстальщик работает под руководством не бильд-редактора, а арт-директора и выполняет его указания по поводу дизайна макетов. В этом случае он иногда называется также ассистентом арт-директора.
Что касается типографий, то они зачастую ищут себе в штат верстальщика, имея в виду и верстальщика, и специалиста по допечатной подготовке в одном лице, так как им надо не только готовить макеты клиентов к печати, но и создавать что-либо с нуля (чаще всего буклеты, листовки, календари, каталоги). И если типография не имеет специального отдела дизайна, то предполагается, что верстальщик будет совмещать уже несколько специальностей, то есть, помимо перечисленных, он будет еще и дизайнером, и цветокорректором, а иногда и конструктором (когда понадобится сконструировать макет папки или упаковки). При этом в трудовой у него будет стоять запись «верстальщик» или «дизайнер-верстальщик», а в обязанности будет входить далеко не одна верстка.
Кроме знания всех премудростей типографики и технического редактирования текста, верстальщик должен уметь работать с таблицами, что является одним из особенно сложных пунктов мастерства данного специалиста. Таблицы имеют свои правила верстки, а также довольно технологически сложны в исполнении (если вы сталкиваетесь с этим впервые).
Рабочее место
Рабочее место верстальщика - в издательстве, дизайн-студии, типографии, рекламном агентстве, а также в любых частных компаниях.
Важные качества
Внимательность к деталям, усидчивость, ответственность, хорошая память и стремление к совершенству в мелочах помогают в этой работе.
Знания и навыки
Обязательным является владение компьютерными программами: Adobe InDesign, Illustrator, Photoshop, а в некоторых случаях и QuarkXPress, знание основ типографики (науки компоновки текстовых элементов издания), особенностей композиции многостраничных изданий и их структуры.
Обучение на верстальщика в полиграфии
Циклы теоретических и практических занятий по верстке многостраничных изданий входят в программу специализированных средне специальных учебных заведений, таких как Московский государственный издательско-полиграфический колледж им. И.Федорова, а также ВУЗов, дающих знания в области полиграфии, например МГУП им. И.Федорова или любых институтов, имеющих факультет дизайна. Но гораздо быстрее и качественнее вы сможете освоить эту специальность, пройдя курсы по работе с компьютерными графическими редакторами (иначе - настольными издательскими системами), то есть с Adobe InDesign, Illustrator и Photoshop (особый акцент сделайте на Adobe InDesign), а также прочитав несколько книг по типографике и верстке (особо рекомендуется книга Джеймса Феличи «Типографика: шрифт, верстка, дизайн», содержащая в себе огромное количество полезнейшей информации для верстальщика), и применив все эти знания на практике под руководством опытного верстальщика, готового передавать свои знания младшим сотрудникам.
Здравствуйте, уважаемые читатели. Меня зовут Артем Биленко. Я – автор этого блога. Сегодня у нас на очереди профессия html верстальщик. После изучения материала вы будете знать, кто это, где учиться и на какую зарплату могут рассчитывать представители этой специальности.
Общие сведения о профессии
Верстальщик – это специалист, который начинает работу над проектом после веб-дизайнера и программиста. HTML-верстальщик отвечает за то, чтобы сайт корректно отображался во всех браузерах и технических устройствах. Давайте рассмотрим, чем он занимается.
Вся работа HTML-верстальщика построена на трех принципах.
С описанием профессии верстальщик мы разобрались. Теперь поговорим о первых шагах.
Шаг № 1. Освойте три базовых навыка, необходимые для верстки.
| № | Навыки |
| 1 | HTML |
| 2 | Работа с макетами, разработанными в Photoshop |
| 3 | CSS |
Шаг № 2. Сформируйте портфолио. Для этого желательно завести персональный сайт и в одном месте публиковать примеры работ и отзывы довольных клиентов. Перед подачей первого резюме позаботьтесь, чтобы у вас в архиве было не менее пяти разноплановых проектов.
Шаг № 3. Устройтесь младшим специалистом в интернет-студию. Здесь все просто: чем быстрее вы приступите к практике, тем быстрее получите первый результат.
Где выучиться и получить нужные навыки
Эти видео уроки всего за 6 дней познакомят вас с профессией и позволят сверстать первую веб-страницу.
После изучения бесплатного материала, ознакомитесь с более продвинутым платным курсом данного автора «HTML5 и CSS3 с Нуля до Профи »
Также обратите внимание на курсы университета «Нетология». В настоящий момент идет запись на курс «HTML верстка: с нуля до первого макета ».
После шести недельной онлайн подготовки вы получите диплом и наработанное порфтолио. Эти атрибуты помогут быстро трудоустроиться и заработать первые деньги. А вот список навыков, которые вы сможете указывать в резюме.
Заработная плата
Из этого раздела вы узнаете, сколько зарабатывают верстальщики, работающие в Украине и РФ. Вся статистика получена с сайта trud.com . Данные актуальны на начало 2017 года. Если вы читаете статью позже, перейдите по указанным ссылкам и обновите информацию.
Россия
Средняя зарплата — 257 $.
Самые высокооплачиваемые регионы.
- Пермский край: 118 750 рублей (2035 $);
- Новосибирска область: 105 833 рублей (1810 $);
- Волгоградская область: 92 500 рублей (1585 $).
В 58% объявлений за труд верстальщиков работодатели готовы платить не более 20 000 рублей (343 $).
Украина
Средняя зарплата — 148 $.
Самые высоко оплачиваемые области.
- Тернопольская: 18 500 гривен (685 $);
- Луганская: 12 000 гривен (445 $);
- Черкасская: 10 333 гривен (383 $).
В 84% вакансий специальность верстальщик оценивается в сумму, не превышающую 10 000 гривен (370 $).
Сравним результаты.
Заключение
Давайте разберемся, какие у профессии верстальщик плюсы и минусы.
| Преимущества | Недостатки |
|---|---|
| Большие возможности для обучения, карьерного развития и самореализации | Ненормированный график |
| Для хороших специалистов открыто множество предложений на рынке труда | Персональная ответственность за каждый проект |
| Конкурентная зарплата | Малоподвижный тип работы |
| Профессию можно освоить с нуля, в сжатый срок и без предварительной подготовки | В течение рабочего дня приходится решать множество однотипных задач |
Друзья, вот вы и получили представление о том, как стать html верстальщиком. Прямо сейчас вы можете . Если вы сомневаетесь — изучите статьи из рубрики « ». Я верю, что вы обязательно найдете свое призвание и будете трудиться на любимой работе. Всем пока и будьте счастливы.
