Чем занимается верстальщик и где можно получить эту профессию: краткие, но содержательные ответы ниже.
Оценка профессии
Верстальщик — это специалист, который отвечает за формирование печатного издания или веб-сайта, наполнение его необходимыми текстами, фотографиями и изображениями.
История профессии
Вообще, профессия макетчика в современном понимании возникла с развитием книгопечатания в XV-XVI веках, когда требовалось много утомительного ручного труда для создания книги, чтобы составить издание путем расположения текста и изображения на его страницах. Принтер (в то время он был принтером) работал с принтерами, делал макет, сопоставлял текст по страницам, объединял его с иллюстрациями, добавлял верхние и нижние колонтитулы.
Работа стала проще только в конце XIX века, когда появилась возможность набирать текст на линотипе или монотипе с клавиатуры для последующего объединения матрицы. Так готовились издания, напечатанные до 60-х годов ХХ века.
С развитием компьютерных технологий и Интернета в издательском деле произошли революционные изменения. Многие типографии уже закрылись, газеты и журналы массово перемещаются во всемирную паутину или, по крайней мере, имеют параллельную онлайн-версию. По этой причине профессия изменилась, и теперь в основном работодатели нуждаются в кодировщике HTML. Современная информационная индустрия требует создания огромного количества многостраничных сайтов, поэтому спрос на таких ИТ-сотрудников очень высок.
Описание профессии
Итак, кто такой дизайнер вёрстки сайтов и чем он занимается? Этот специалист отвечает за то, чтобы интернет-ресурс во всех основных браузерах отображался правильно и одинаково, а его динамические или интерактивные элементы работали без перебоев.
Основная задача такого сотрудника — верстка шаблона сайта по макету, разработанному веб-дизайнером, обычно в формате PSD. По сути, это многослойная картина, которая является результатом большой подготовительной работы сотрудников издательства.
Дизайнер верстки использует код для перевода всех полученных элементов в формат HTML, рационально размещает текст, заголовки, иллюстрации и выбирает подходящие шрифты. Фактически, он реализует в кодовой форме идею страницы, задуманную дизайнером. Создание сайта можно представить в виде нескольких последовательных этапов:
- анализ полученного макета по слоям;
- создание таблицы стилей (CSS), определение расположения каждого элемента, выбор шрифтов и цветов;
- тестирование пользовательского интерфейса и меню;
- разработка динамических компонентов (всплывающие окна, активные кнопки, ползунки);
- сравнение полученного макета с исходным файлом PSD и устранение несоответствий.
также необходимо обеспечить единообразное отображение ресурса во всех основных браузерах (Chrome, Firefox, Opera, Explorer и т.д.). Для проверки проводятся тесты с учетом возможных различий между мониторами по количеству цветов и разрешению.
На каких специальностях лучше учиться
Верстальщик — не самая сложная профессия в IT-сфере, поэтому многие осваивают ее сами. Этот вариант подходит для фрилансера, но если вы работаете в уважаемой компании, вам может потребоваться соответствующая степень, например, в учреждении среднего профессионального образования, специализирующемся на веб-дизайне, или в университете (информационные технологии в медиа-секторе и т.).
Колледжи принимаются через сертификационный конкурс. Для поступления в высшие учебные заведения необходимы результаты экзаменов по русскому языку, информатике, математике, может понадобиться физика — это стоит уточнить на сайте вуза.
Лучшие варианты для обучения
Чтобы стать профессиональным верстальщиком, нужно получить среднее специальное (высшее образование совсем не обязательно), например, в одном из этих колледжей:
- Колледж технологий, моделирования и менеджмента Санкт-Петербургского государственного университета промышленных технологий и дизайна. Сюда берут после 9 и 11 классов, обучение длится 46 и 34 месяца соответственно. Помимо хорошего аттестата о зачислении нужно будет сдать экзамен по рисунку (композиции). Выпускники овладевают искусством веб-дизайна и версткой.
- Колледж дизайна и декоративного искусства Московской государственной художественно-промышленной академии. С.Г. Строганов. Здесь вы можете приобрести навыки креативного дизайна интернет-ресурса. Хороший специалист должен уметь не только перевести задумку дизайнера в HTML, но и сделать его красивым и привлекательным для пользователя.
Нет смысла поступать в вуз только для того, чтобы стать верстальщиком, однако профессию можно осваивать помимо основной специальности, например, в таких вузах:
- Саратовский государственный технический университет имени Ю.А. Гагариной готовит специалистов по различным направлениям ИТ-индустрии в своем Институте прикладных технологий и коммуникаций. Здесь преподают программирование, облачные и мобильные технологии, разработку компьютерных игр, дизайн и верстку.
- Сибирский государственный университет телекоммуникаций и информационных технологий (Новосибирск) на факультете мобильной радиосвязи и мультимедийных коммуникаций по специальности «информационные технологии в медиа-секторе» предлагает полный спектр специальностей, необходимых для работы в современной издательской индустрии.
- Санкт-Петербургский государственный университет аэрокосмического приборостроения включил в учебную программу направления «Информационные технологии в дизайне и медиаиндустрия». Их студенты изучают программирование, мультимедиа, разработку Интернет-приложений и веб-документов, основы верстки.
Для полноты картины нельзя не упомянуть и краткосрочные курсы, например:
- IT-Events предлагает полуторамесячный курс «HTML Layout», в котором студенты выполняют более двухсот практических заданий и создают 2 сайта-портфолио. Стоимость обучения 26 тысяч рублей.
- Учебный центр «Специалист» при МГТУ. NEBauman разработал внушительный список образовательных программ в сфере IT. Выпускники различных курсов веб-дизайна (от 140 до 272 академических часов) с элементами юзабилити создают самые современные и привлекательные сайты любой сложности.
Всевозможные онлайн-курсы помогут новичкам и уже опытным верстальщикам не упустить полезные нововведения, облегчающие работу, и свежие тенденции.
Обязанности на работе
На рабочем месте кодировщик HTML чаще всего выполняет следующие функции:
- создает шаблоны на основе полученных макетов, подходящие для различных устройств (мобильных и десктопных), разрешений и размеров экрана;
- интегрировать страницы в среду разработки;
- верстка рекламных страниц и информационных бюллетеней по электронной почте;
- пишет простой код с использованием AJAX и JavaScript;
- создавать печатные версии страниц; поддерживает компоненты пользовательского интерфейса.
Также иногда нужно консультировать клиентов, повышать привлекательность ресурсов и заниматься SEO-оптимизацией. Некоторые профессионалы предпочитают работать «мульти-канцелярскими работниками», одновременно работая над внешним дизайном, версткой и программированием.
Кому подходит
К верстке может быть привлечен любой, кто разбирается в компьютерах и умеет работать с базовыми специализированными программами. Что следует знать верстальщику:
- язык разметки HTML-страницы;
- каскадные каскадные таблицы стилей;
- утилиты для создания веб-сайтов Adobe PageMaker, Corel Draw, QuarkXPress и др.;
- графические программы Photoshop (чаще всего), Krita, Gimp;
- основы JavaScript, AJAX, jQuery.
В дополнение к этим программам от сотрудника часто требуется знание PHP и XHTML. Это преимущество, если вы знакомы с MySQL, плагинами Firefox и препроцессорами CSS.
Что касается личных качеств, то профессионалу необходимо:
- умение сосредоточиться на мелочах;
- настойчивость и терпение;
- точность;
- умение находить и исправлять свои ошибки;
- заинтересованность в хорошем конечном результате;
- умение работать в команде.
К достоинствам профессии можно отнести востребованность, возможность овладеть ею самостоятельно и работать удаленно. Минусы: необходимость проводить за компьютером целый день и однообразие выполняемых операций.
Сколько получают
HTML-кодер в России зарабатывает в среднем 30-40 тысяч рублей в месяц, работая в интернет-компаниях, дизайн-студиях и компаниях, продвигающих свои проекты в сети. В Москве и Санкт-Петербурге можно рассчитывать на 50-60 тысяч рублей.
Фрилансерам платят за каждое выполненное действие. Средняя цена заказа стандартной сложности, на который необходимо потратить несколько часов, составляет от 3 до 5 тысяч рублей. Доход фрилансера обычно составляет около 1000 долларов.
Как построить карьеру
Многие ИТ-специалисты воспринимают верстку как первый шаг к более сложным сферам бизнеса. Варианты профессиональной разработки: специализированный HTML-кодер, интерфейсный разработчик или чистый дизайнер.
Перспективы профессии
Интернет продолжает активно развиваться, каждый день создается множество сайтов, а уже существующие нуждаются в поддержке. Спрос на верстальщиков велик, но хорошо зарабатывать могут только те, кто обладает большим количеством навыков и свежим взглядом на поставленную задачу.
