Верстальщик в полиграфии. Верстальщик

45.7

Для друзей!

Справка

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

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

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

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

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

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

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

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

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

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

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

Верстальщик работает преимущественно с многостраничными изданиями: журналами, газетами, книгами, каталогами, брошюрами. Профессия подходит тем, кого интересует рисование, черчение и информатика (см. выбор профессии по интересу к школьным предметам).

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

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

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

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

Рабочее место

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

Важные качества

Внимательность к деталям, усидчивость, ответственность, хорошая память и стремление к совершенству в мелочах помогают в этой работе.

Знания и навыки

Обязательным является владение компьютерными программами: Adobe InDesign, Illustrator, Photoshop, а в некоторых случаях и QuarkXPress, знание основ типографики (науки компоновки текстовых элементов издания), особенностей композиции многостраничных изданий и их структуры.

Обучение на верстальщика в полиграфии

Циклы теоретических и практических занятий по верстке многостраничных изданий входят в программу специализированных средне специальных учебных заведений, таких как Московский государственный издательско-полиграфический колледж им. И.Федорова, а также ВУЗов, дающих знания в области полиграфии, например МГУП им. И.Федорова или любых институтов, имеющих факультет дизайна. Но гораздо быстрее и качественнее вы сможете освоить эту специальность, пройдя курсы по работе с компьютерными графическими редакторами (иначе - настольными издательскими системами), то есть с Adobe InDesign, Illustrator и Photoshop (особый акцент сделайте на Adobe InDesign), а также прочитав несколько книг по типографике и верстке (особо рекомендуется книга Джеймса Феличи «Типографика: шрифт, верстка, дизайн», содержащая в себе огромное количество полезнейшей информации для верстальщика), и применив все эти знания на практике под руководством опытного верстальщика, готового передавать свои знания младшим сотрудникам.

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

Создание печатных изданий

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

Появление компьютерных технологий

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

Процесс составления газетных полос

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

Способы набора

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

Макетирование издания

При создании макета любого издания обязательно учитывается его формат, и в особенности доля листа, потому что все параметры текста в издании и количество страниц зависят именно от этого. В данном случае верстальщик - кто это? В первую очередь макетчик. Перед тем как начать работу, необходимо определиться с примерным количеством страниц в издании. Число должно получиться кратным 16 либо 32 при спуске полос (для офсетной печати). Ошибка верстки заключается в наличии большого количества пустых страниц, на которых присутствует надпись "Для заметок". Должно учитываться и то, что всегда заняты две последние и две первые странице в любой книге. Первая страница выступает в качестве титульного листа, а вторая - его оборота. Предпоследнюю всегда используют как конец текста либо рекламу, последнюю, как правило, отводят под выпускные данные. Журналы и газеты предусматривают наличие иных ограничений, обусловленных их спецификой.

Обязанности компоновщика

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

Руководство

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

Использование компьютерных инструментов

Основные компьютерные инструменты, которыми пользуется работающий в полиграфическом издании верстальщик, представлены такими программами, как AdobeInDesign. Ранее использовали чаще всего PageMaker и QuarkXPress, им может служить альтернативой свободный Scribus. Для того чтобы подготовить фотографии, дополнительно пользуются таким инструментом, как Photoshop, вспомогательные работы также выполняются графики, к примеру, AdobeIllustrator. Можно работать и со специализированными программами верстки. Так, для того, чтобы произвести конструирование технической литературы, пользуются программой FrameMaker (или свободным пакетом TeX).

Развитие виртуального мира

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

Непосредственные задачи

Верстальщик сайтов занимается созданием кода страницы, используя соответствующий язык разметки. Это может быть, к примеру, HTML, XHTML, XML. Еще в его обязанности входит оформление созданного раннее кода страницы при помощи встроенных средств языка разметки или каскадных таблиц стилей CSS. Он пользуется текстовым редактором или редактором HTML с целью корректировки и написания кода, графической программой для "нарезки" графического макета.

Чем занимается html верстальщик? Что делает html css верстальщик? Верстка – один из важнейших этапов создания сайта. После того, как дизайнер предоставил макеты веб-страниц, необходимо привести их в понятный для браузеров (Internet Explorer, Opera, FireFox, Chrome и т.д.) вид.

Эту работу и выполняет специалист данной профессии. В должностные обязанности верстальщика входит «нарезка» дизайна – все элементы, картинки, шрифты должны быть подготовлены для последующей компоновки в веб-страницу. Затем размечается структура документа, после чего при помощи CSS выполняется оформление в соответствии с разработанным ранее дизайном. Результатом работы является правильное отображение дизайна сайта в различных браузерах и на различных типах устройств при разных разрешениях экрана.

Инструменты верстальщика

В своей работе html верстальщик использует различные программы для верстальщика:
— Adobe Photoshop (макеты для верстки чаще всего передаются в формате.psd);
— браузеры (для проверки готовой верстки);
— HTML редакторы (предназначены для более удобного написания кода, т.к. оснащены подсветкой html-тегов, дополнительными функциями);
— WYSIWYG-редакторы (от англ. What You See Is What You Get , «что видишь, то и получишь», используются для создания полуавтоматической верстки, не используются профессиональными верстальщиками, т.к. генерируемый код не отличается высоким качеством).

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

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

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

Каков путь верстальщика? Ни в одном ВУЗе нет соответствующей специальности, однако html верстке учат на любой компьютерной специальности, а на других с ней знакомят в ходе занятий по информатике и подобным дисциплинам. Обучиться этому ремеслу можно как самостоятельно, так и став помощником верстальщика. К сожалению, далеко не всем нужен такой помощник, поэтому начинающий html верстальщик без опыта должен в первую очередь рассчитывать на свой ум и заниматься самообразованием. В интернете можно найти множество материалов и уроков на эту тему, а для выполнения заданий не требуется слишком мощный компьютер.

Веб верстальщик – профессия, которая не подразумевает обязательного присутствия работника в офисе или у станка. Html верстальщик – удаленная работа, поэтому работа верстальщика может выполняться на дому.

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

HTML - аббревиатура от Hyper Text Markup Language (англ.) - это язык разметки гипертекста, принятый в World Wide Web для создания и публикации web-страниц. Соответственно, HTML-верстальщик - это специалист, выполняющий вёрстку web-страниц. Другими словами, он создаёт HTML-шаблон для web-сайта с использованием знаний HTML-кода и всех особенностей стиля и графического оформления. Созданный код должен одинаково отображаться во всех браузерах («кросс-браузерность») с учетом разных разрешений монитора и количества цветов.

Особенности профессии

Верстальщик посредством кода HTML, CSS и JavaScript создает HTML-шаблон, реализация которого состоит из нескольких этапов:

• анализ графического дизайна сайта;
• подборка модели шаблона;
• нарезка графических спрайтов;
• сборка HTML-шаблона.

В настоящее время существует большое количество компьютерных программ, которые автоматизируют труд верстальщика, различные текстовые редакторы с подсветкой кода, визуальные редакторы (Notepad++, Adobe Dreamweaver), front-end фреймворки (наборы фрагментов кода и библиотек классов для ускоренной разработки макета сайта путем прототипирования — ZurbFoundation-4 и т.п.). Они позволяют писать большие фрагменты кода в наглядном режиме, то есть результат каждого этапа работы можно наблюдать в отдельном окне. Но профессиональный HTML-верстальщик этими программами не пользуется. Он должен уметь использовать кодировку HTML вручную, без помощи визуальных редакторов, чтобы обеспечить максимальную корректность кода в минимальном весе.

HTML-верстальщик должен знать каскадные стилевые таблицы CSS, владеть JavaScript и базовыми навыками web-программирования на языках PHP, Perl или Java, а также основными графическими редакторами Photoshop, Fireworks, Gimp. Опытный верстальщик может создать небольшой сайт, используя текстовый редактор Microsoft Word c минимальным количеством средств и инструментов.

Успешная работа HTML-верстальщика строится на трех китах: качественный код, принцип юзабилити, адаптивный дизайн. Качественный код должен быть хорошо структурирован и иметь правильное семантическое оформление в соответствии с правилами SEO-оптимизации. Принцип юзабилити подразумевает простоту в разработке интерфейса. Навигация по сайту не должна заставлять посетителей напряженно думать. Простота интерфейса - залог успеха проекта. Адаптивный дизайн сделает сайт дружелюбным к мобильным устройствам.

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

Плюсы и минусы профессии

Плюсы:

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

Минусы:

• присутствует доля рутинности и однообразия
• необходимость долговременного сидения за компьютером

Место работы

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

Важные качества

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

Обучение на HTML-верстальщика

Как правило, HTML-верстальщики осваивают профессию самостоятельно. Но есть и специализированные курсы. Для устройства на работу специального образования не требуется. Основное требование работодателей: опыт работы, подкрепленный портфолио. Необходимо знать: HTML (вручную), CSS 1, CSS 2, JavaScript, Dreamweaver, Front Pages, Photoshop, PHP, MySQL, XML\XSL.

(очно, Москва). Международное учебное заведение, специализирующееся на компьютерном образовании. Работает с 1999 года. 42 филиала в 16 странах мира. Крупнейший авторизованный учебный центр Microsoft, Cisco, Autodesk. Студенты получают международные сертификаты и международный диплом. Главная цель - трудоустройство каждого выпускника.

Вузы

Оплата труда

Зарплата на 17.03.2020

Россия 20000—85000 ₽

Москва 40000—100000 ₽

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

Ступеньки карьеры и перспективы

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

Этапы верстки сайта, виды сайтов и методы вёрстки

Web-сайт представляет собой набор логически связанных html-документов. Логика, по которой эти документы связаны, называется структурой сайта или картой сайта.

Перед началом верстки графический файл дизайна детально анализируется, после чего разрезается на части, на основе которых верстается HTML-документ, который представляет собой структурированный набор HTML-тегов. Это происходит в несколько этапов:

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

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

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

По макету вёрстки все сайты подразделяются на 3 группы:

• жёстко фиксированные (Rigid fixed)
• адаптивные резиновые (Adaptable fluid)
• расширяемые эластичные (Expandable elastic)

Фиксированный тип макета — дизайн, в котором ширина столбца или рисунка заданы в пикселях и оговорены точно.

Резиновый тип макета — дизайн, в котором ширина столбца или рисунка задана в процентах от текущего разрешения экрана.

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

Методы вёрстки:

Табличная вёрстка раньше была основным методом вёрстки; в настоящее время применяется для создания рамок, выравнивания элементов, задания модульных сеток, создания цветного фона.

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

Блочная вёрстка осуществляется при помощи блоков тег (