- Верстальщик относится к категории технических исполнителей.
- Верстальщик должен знать:
- 2.1. Основы и технологию полиграфического производства.
- 2.2. Принципы действия основного и вспомогательного оборудования и приемы работы на нем.
- 2.3. Технические правила разметки оригиналов, элементы дизайна.
- 2.4. Технические правила и приемы набора, правки и верстки.
- 2.5. Типографскую систему измерения, корректурные знаки и гарнитуры шрифтов.
- 2.6. Компьютерную терминологию.
- 2.7. Применяемое программное обеспечение для набора и верстки текста.
- 2.8. Способы получения корректурных копий на принтерах, информации из баз данных и вывода информации по сети и на внешние носители.
- 2.9. Правила подготовки оригинал-макетов.
- 2.10. Стандарты, технические условия, инструкции и другие нормативные документы по подготовке и выпуску газеты, печатных изданий.
- 2.11. Основы трудового законодательства.
- 2.12. Правила и нормы охраны труда, техники безопасности, производственной санитарии и противопожарной защиты.
- На время отсутствия верстальщика (отпуск, болезнь, пр.) его обязанности выполняет лицо, назначенное в установленном порядке. Данное лицо приобретает соответствующие права и несет ответственность за надлежащее исполнение возложенных на него обязанностей.
II. Обязанности
Верстальщик:
- Осуществляет подготовку оборудования к работе.
- Осуществляет ввод параметров набора, ввод графических элементов.
- Осуществляет верстку текста, содержащего различные шрифтовые и нешрифтовые выделения, шрифты различных гарнитур и алфавитов, специальную терминологию и специальные знаки в соответствии с принятыми в полиграфической и издательской деятельности стандартами.
- Верстает таблицы, создает графические элементы различной степени сложности, осуществляет их ввод; осуществляет макетирование технического оформления сложных изданий, сложных по построению полос (таблиц, рисунков, фотографий и пр.).
- Распечатывает текст на принтере.
- Вносит правку в текст на основании замечаний технического редактора.
- Осуществляет запись файлов на внешние носители информации.
- Использует в работе компьютерную сеть.
III. Права
Верстальщик имеет право:
- Знакомиться с документами, определяющими его права и обязанности, критерии оценки качества исполнения обязанностей.
- Вносить на рассмотрение руководства предложения по совершенствованию работы, связанной с предусмотренными настоящей инструкцией обязанностями.
- Требовать от руководства обеспечения организационно-технических условий, необходимых для исполнения обязанностей.
IV. Ответственность
Верстальщик несет ответственность:
- За ненадлежащее исполнение или неисполнение своих должностных обязанностей, предусмотренных настоящей должностной инструкцией, — в пределах, установленных действующим трудовым законодательством Российской Федерации.
- За правонарушения, совершенные в процессе своей деятельности, — в пределах, установленных действующим административным, уголовным и гражданским законодательством Российской Федерации.
- За причинение материального ущерба организации — в пределах, установленных действующим трудовым и гражданским законодательством Российской Федерации.
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-странице путем наложения их друг на друга с точностью до пикселя. Параметры слоя могут динамически изменяться скриптами, что дает возможность создавать на странице разные эффекты: выпадающее меню, игры, разворачивающиеся баннеры, плавающие окна и т.п.
Блочная вёрстка осуществляется при помощи блоков тег (
По принципам использования средств разметки HTML различают логическую разметку и презентационную (физическую). К примеру, курсивный текст можно получить как с помощью тега , так и с помощью тега . В первом случае на текст производится логическое ударение, которое обычно отображается курсивом, а во втором - курсив задаётся явным образом. То есть, первый случай ориентирован на логическое предназначение, второй - на внешний вид (презентацию), а во втором — на логическое предназначение. Логическая разметка обладает существенным преимуществом — независимостью от используемого типа и дизайна web-страниц. В данном случае можно использовать один и тот же вариант верстки для экрана, печати и мобильных устройств, при этом регулируя внешний вид с помощью отдельных файлов стилей.
Каждую неделю в Минпечати России регистрируется десяток газет и журналов. Учредителям периодических изданий необходимо набирать штат квалифицированных работников, распределять между ними обязанности и определять направления их работы. Большинство редакций строят кадровую политику на основе принципа ежедневного планирования. Безусловно, такой подход в организации работы персонала редакции периодического издания во многом оправдан (особенно это касается ежедневных газет и журналов). Но в целом руководству редакции следует все же определить общий перечень обязанностей редакционных работников.Основной состав служащих редакций периодических изданий - корреспонденты, фотокорреспонденты, обозреватели, редакторы и корректоры. Что касается верстальщика (правильно все же - оператор электронного набора и верстки), то он - необходимая и безусловная фигура в редакции. Однако он не является служащим. Согласно постановлению Минтруда России от 09.12.99 № 47 «оператор электронного набора и верстки» - профессия рабочего. Следует сказать, что тот объем работ, который указан в квалификационной характеристике верстальщика, несколько не согласуется с объемом, выполняемым в настоящее время верстальщиками периодических изданий (особенно богато иллюстрированных журналов). Зачастую они выполняют сложные дизайнерские работы по подготовке оригинал-макетов. В этом случае можно говорить об отнесении верстальщика к служащим.
ИНСТРУКЦИЯ ВЕРСТАЛЬЩИКА
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. За причинение материального ущерба организации - в пределах, установленных действующим трудовым и гражданским законодательством Российской Федерации. (составитель должностной инструкции) (подпись) (расшифровка подписи) 00.00.0000 (лицо, визирующее должностную инструкцию) (подпись) (расшифровка подписи) 00.00.0000 С инструкцией ознакомлен: (подпись) (расшифровка подписи) 00.00.0000
Должностная инструкция html-верстальщика
Владимир Новожилов Руководитель отдела интернет-маркетинга WiseAdvice Владимир Новожилов, руководитель отдела интернет-маркетинга WiseAdvice, рассказывает, как закрывать сложные вакансии, если у компании нет сильного HR-бренда или возможности ввязываться в зарплатную...
Наталья Кожевникова Бытует мнение, что услугами карьерных консультантов пользуются люди с опытом работы. А студентам, которые в поиске первого рабочего опыта, помощь карьерных консультантов ни к чему. Давайте разберемся, так ли это. Поддержать, объяснить, добавить...
Александр Малин Научно-технический прогресс сказался не только на технологиях и комфорте, но и изменил менталитет людей. Работник в возрасте - это сформировавшийся специалист с огромным профессиональным и жизненным опытом, четко знающий, чего он хочет, к чему...
Томаш Ходбод CEO чешского агрегатора одежды и обуви GLAMI CEO чешского агрегатора одежды и обуви GLAMI Томаш Ходбод был включен в список Forbes самых ярких звезд бизнеса до 30 лет. Он рассказывает о том, как ему удалось собрать команду, которая за пять лет вывела...
«Командная работа настолько важна, что практически невозможно достичь высот ваших способностей или заработать желаемых денег, не достигнув успеха в команде» (Брайан Трейси). Сегодня будем говорить о том, как же создать такую команду, с которой вы будете достигать...
ДОЛЖНОСТНАЯ ИНСТРУКЦИЯ ДИЗАЙНЕРА-ВЕРСТАЛЬЩИКА
I. Общие положения
Должностная инструкция определяет должностные обязанности, полномочия и ответственность, а также условия работы дизайнера-верстальщика структурного подразделения (далее Подразделения). Дизайнер-верстальщик назначается на должность и освобождается с должности в соответствии с действующим трудовым законодательством приказом генерального директора компании. Дизайнер-верстальщик подчиняется выпускающему редактору Подразделения. В период временного отсутствия дизайнера-верстальщика его обязанности выполняет лицо, назначенное в установленном порядке. Данное лицо приобретает соответствующие права и несет ответственность за исполнение указанных обязанностей. _____________________________________________________________________. _____________________________________________________________________.
II. В своей работе руководствуется и должен знать:
Основы и технологию полиграфического производства. Принципы действия основного и вспомогательного оборудования и приемы работы на нем. Действующие стандарты и технические условия, методики оформления различных изданий. Основы полиграфического дизайна. Технические правила разметки оригиналов, элементы дизайна. Технические правила и приемы набора, правки и верстки. Типографскую систему измерения, корректурные знаки и гарнитуры шрифтов. Применяемое программное обеспечение для набора и верстки текста. Способы получения корректурных копий на принтерах, информации из базы данных и вывода информации по сети и на внешние носители. Правила подготовки оригинал-макетов. Стандарты, технические условия, инструкции и другие нормативные документы по подготовке и выпуску газеты, печатных изданий. Правила и нормы охраны труда , техники безопасности и противопожарной защиты. Правила пользования оргтехникой и ПК. Правила внутреннего трудового распорядка. _____________________________________________________________________. _____________________________________________________________________.
III. Должностные обязанности:
Осуществлять подготовку оборудования к работе. Осуществлять ввод параметров набора, ввод графических элементов. Осуществлять верстку текста, содержащего шрифтовые и не шрифтовые выделения, шрифты различных гарнитур и алфавитов . А также, специальную терминологию и специальные знаки в соответствии с принятыми в полиграфической и издательской деятельности стандартами. Верстать таблицы, создавать графические элементы различной степени сложности, осуществлять их ввод; осуществлять макетирование технического оформления изданий, сложных по построению полос (таблиц, рисунков, фотографий и пр.). Распечатывать текст на принтере, в том числе осуществлять вывод пленок. Вносить правку в текст на основании замечаний выпускающего редактора. Осуществлять запись файлов на внешние носители информации. Осуществлять своевременное и качественное выполнение художественно-оформительских работ. Создавать графическую часть оригинал-макетов рекламных объявлений и прочих материалов и документов. Создавать графическую часть коммерческой рекламы, предназначенной для презентации рекламных возможностей потенциальным рекламодателям. Разрабатывать проекты художественного и технического оформления изданий исходя из информации, полученной от непосредственного руководителя. Консультировать своего непосредственного руководителя о принципах и вариантах решения поставленных дизайнерских задач. Согласовывать эскизы (проекты) с непосредственным руководителем и подготавливать окончательные макеты. Вносить исправления в проекты художественного и технического оформления по указанию выпускающего или главного редактора. Осуществлять контроль соответствия изготавливаемых оригинал-макетов рекламных объявлений и графических элементов оригинал-макетов требованиям Закона о рекламе, требованиям заказчика, ответственного сотрудника службы рекламы, внутренним требованиям, существующим в организации, требованиям качества. Создавать и передавать непосредственному руководителю планы, отчеты о проделанной работе и прочие документы и принимать от него необходимые документы. Осуществлять предпечатную подготовку оригинал-макетов в соответствии с технологическими требованиями полиграфического производства. Проводить оформительские работы в помещении организации. Осуществлять взаимодействие с системным администратором в целях поддержания компьютерной техники в рабочем состоянии и обеспечении модернизации техники и программного обеспечения. Поддерживать позитивный моральный климат в офисе. Проявлять взаимовыручку, ответственность, доверие, поддержку, оптимизм. Выполнять отдельные служебные поручения непосредственного руководителя. Выполнять правила трудового распорядка, принятые в компании. _____________________________________________________________________. _____________________________________________________________________.
IV. Должностные полномочия:
Запрашивать от сотрудников и руководителей Подразделения информацию и документы, необходимые для выполнения своих должностных обязанностей. Знакомиться с документами, определяющими права и обязанности по занимаемой должности, критериями оценки качества исполнения должностных обязанностей. Вносить на рассмотрение руководства предложения по совершенствованию работы, связанной с предусмотренными настоящей инструкцией обязанностями. _____________________________________________________________________. _____________________________________________________________________.
V. Должностная ответственность:
За невыполнение или ненадлежащее выполнение своих должностных обязанностей, предусмотренных настоящей инструкцией, – в пределах, установленных действующим трудовым законодательством Украины.
За неисполнение должностных обязанностей. За нарушение правил внутреннего распорядка компании. За нарушение деловой этики . За нерациональное использование компьютерной техники. За правонарушения, совершенные в процессе своей деятельности, установленные действующим законодательством Украины. За предоставление недостоверной информации руководству. За небрежное отношение к ведению документации. _____________________________________________________________________. _____________________________________________________________________.
VI. Условия работы:
Режим работы дизайнера-верстальщика определяется в соответствии с Правилами внутреннего трудового распорядка, установленными в компании. Дизайнер-верстальщик в связи с производственной необходимостью может выезжать в служебные (местные и региональные) командировки. _____________________________________________________________________. _____________________________________________________________________.
VII. Заключительные положения:
В настоящую инструкцию могут вноситься изменения и дополнения. _____________________________________________________________________. _____________________________________________________________________.