Должностная инструкция верстальщика

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. За причинение материального ущерба организации - в пределах, установленных действующим трудовым и гражданским законодательством Российской Федерации.

С настоящей должностной инструкцией ознакомлен: Дата. Подпись.

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

Сегодня инструментами работы специалиста по верстке является компьютер на платформе Macintosh и ряд графических программ, таких как Adob Illustrator, In design, Corel Draw. Но еще в недалеком прошлом, верстка печатных изданий исполнялась вручную. Макет заказа собирался из отдельных металлических фрагментов – букв, пробельных элементов и металлических пластин с нанесенными на них иллюстрациями. Итог работы отпечатывался на бумаге.

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

Веб-верстальщик – кто это?

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

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

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

ДОЛЖНОСТНАЯ ИНСТРУКЦИЯ ДИЗАЙНЕРА-ВЕРСТАЛЬЩИКА

I. Общие положения

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

II. В своей работе руководствуется и должен знать:

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

III. Должностные обязанности:

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

IV. Должностные полномочия:

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

V. Должностная ответственность:

За невыполнение или ненадлежащее выполнение своих должностных обязанностей, предусмотренных настоящей инструкцией, – в пределах, установленных действующим трудовым законодательством Украины.

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

VI. Условия работы:

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

VII. Заключительные положения:

В настоящую инструкцию могут вноситься изменения и дополнения. _____________________________________________________________________. _____________________________________________________________________.

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

Как только будет завершена процедура с версткой, дизайнер обязательно должен проверить свой проект на соответствие с его заготовкой. А вот программист занимается проверкой программного кода.

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

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

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

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

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

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. Студенты получают международные сертификаты и международный диплом. Главная цель - трудоустройство каждого выпускника.

Оплата труда

Зарплата на 06.06.2019

Россия 20000—70000 ₽

Москва 40000—120000 ₽

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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