Должностная инструкция html-верстальщика
Владимир Новожилов Руководитель отдела интернет-маркетинга WiseAdvice Владимир Новожилов, руководитель отдела интернет-маркетинга WiseAdvice, рассказывает, как закрывать сложные вакансии, если у компании нет сильного HR-бренда или возможности ввязываться в зарплатную...
Наталья Кожевникова Бытует мнение, что услугами карьерных консультантов пользуются люди с опытом работы. А студентам, которые в поиске первого рабочего опыта, помощь карьерных консультантов ни к чему. Давайте разберемся, так ли это. Поддержать, объяснить, добавить...
Александр Малин Научно-технический прогресс сказался не только на технологиях и комфорте, но и изменил менталитет людей. Работник в возрасте - это сформировавшийся специалист с огромным профессиональным и жизненным опытом, четко знающий, чего он хочет, к чему...
Томаш Ходбод CEO чешского агрегатора одежды и обуви GLAMI CEO чешского агрегатора одежды и обуви GLAMI Томаш Ходбод был включен в список Forbes самых ярких звезд бизнеса до 30 лет. Он рассказывает о том, как ему удалось собрать команду, которая за пять лет вывела...
«Командная работа настолько важна, что практически невозможно достичь высот ваших способностей или заработать желаемых денег, не достигнув успеха в команде» (Брайан Трейси). Сегодня будем говорить о том, как же создать такую команду, с которой вы будете достигать...
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-страниц. В данном случае можно использовать один и тот же вариант верстки для экрана, печати и мобильных устройств, при этом регулируя внешний вид с помощью отдельных файлов стилей.
Раздел «Должностные инструкции» содержит необходимую информацию о том, как составляется должностная инструкция. Здесь вы можете найти типовые должностные инструкции по разным специальностям. Наш банк должностных инструкций включает в себя более чем 2500 разных документов. Данные должностные инструкции 2015 года составления и редактирования, а значит, являются актуальными на сегодняшний день.
Из этой статьи вы узнаете:
- какие обязанности, полномочия и права отражает должностная инструкция дизайнера-верстальщика;
- какие положения содержит типовая должностная инструкция дизайнера-верстальщика;
- за какие участки работы по этой должностной инструкции несет ответственность данный специалист в вашей организации.
Общество с ограниченной ответственностью «Альфа»
УТВЕРЖДАЮ
Генеральный директор
_________ А.В. Львов
10.01.2015
Должностная инструкция № 48
дизайнера-верстальщика
г. Москва 01.10.2015
1. ОБЩИЕ ПОЛОЖЕНИЯ
1.1. Настоящая должностная инструкция определяет обязанности, права и ответственность дизайнера-верстальщика.
1.2. Решение о назначении на должность и об освобождении от должности принимается генеральным директором по представлению непосредственного руководителя.
1.3. На должность дизайнера-верстальщика назначается лицо, имеющее среднее профессиональное образование и опыт работы по специальности не менее одного года.
1.4. Дизайнер-верстальщик в своей деятельности руководствуется:
– действующими нормативно-правовыми и техническими документами по вопросам выполняемой работы;
– уставом организации, локальными нормативными актами организации;
– настоящей должностной инструкцией.
1.5. Дизайнер-верстальщик должен знать:
– основы и технологию полиграфического производства;
– принципы действия основного и вспомогательного оборудования и приемы работы на нем;
– действующие стандарты и технические условия, методики оформления различных изданий;
– основы полиграфического дизайна;
– технические правила разметки оригиналов, элементы дизайна;
– технические правила и приемы набора, правки и верстки;
– типографскую систему измерения, корректурные знаки и гарнитуры шрифтов;
– компьютерную терминологию, применяемое программное обеспечение для набора и верстки текста;
– способы получения корректурных копий на принтерах, информации из базы данных и вывода информации по сети на внешние носители;
– правила подготовки оригинал-макетов;
– стандарты, технические условия, инструкции и другие нормативные документы по подготовке и выпуску газеты, печатных изданий;
– правила и нормы охраны труда, техники безопасности и противопожарной защиты.
1.6. Дизайнер-верстальщик подчиняется непосредственному руководителю.
1.7. На время отсутствия дизайнера-верстальщика (отпуск, болезнь и пр.) его обязанности исполняет лицо, назначенное в установленном порядке.
2. ДОЛЖНОСТНЫЕ ОБЯЗАННОСТИ
Дизайнер-верстальщик обязан:
2.1. Осуществлять:
– подготовку оборудования к работе;
– ввод параметров набора, ввод графических элементов;
– верстку текста, содержащего шрифтовые и нешрифтовые выделения, шрифты различных гарнитур и алфавитов, а также специальную терминологию и знаки в соответствии с принятыми в полиграфической и издательской деятельности стандартами.
2.2. Верстать таблицы, создавать и вводить графические элементы различной степени сложности. Осуществлять макетирование технического оформления изданий, сложных по построению полос (таблиц, рисунков, фотографий и т. д.).
2.3. Распечатывать текст на принтере, выводить пленки.
2.4. Вносить правку в текст на основании замечаний выпускающего редактора.
2.5. Производить запись файлов на внешние носители информации.
2.6. Своевременно и качественно выполнять художественно-оформительские работы.
2.7. Создавать графическую часть оригинал-макетов рекламных объявлений и прочих материалов и документов.
2.8. Создавать графическую часть коммерческой рекламы, предназначенной для презентации рекламных возможностей потенциальным рекламодателям.
2.9. Разрабатывать проекты художественного и технического оформления изданий исходя из информации, полученной от непосредственного руководителя.
2.10. Осуществлять предпечатную подготовку оригинал-макетов в соответствии с технологическими требованиями полиграфического производства.
2.11. Согласовывать эскизы (проекты) с непосредственным руководителем и подготавливать окончательные макеты.
2.12. Вносить исправления в проекты художественного и технического оформления по указанию выпускающего или главного редактора.
2.13. Осуществлять контроль соответствия изготавливаемых оригинал-макетов рекламных объявлений и графических элементов оригинал-макетов требованиям законодательства о рекламе, требованиям заказчика, ответственного сотрудника службы рекламы, внутренним требованиям, существующим в организации, требованиям качества.
2.14. Создавать и передавать непосредственному руководителю планы, отчеты о проделанной работе и прочие документы и принимать от него необходимые документы.
2.15. Консультировать непосредственного руководителя о принципах и вариантах решения поставленных дизайнерских задач.
2.16. Проводить оформительские работы в помещении организации.
2.17. Осуществлять взаимодействие с системным администратором в целях поддержания компьютерной техники в рабочем состоянии и обеспечении модернизации техники и программного обеспечения.
3. ПРАВА
Дизайнер-верстальщик вправе:
3.1. Знакомиться с проектными решениями руководства, касающимися его деятельности.
3.2. Вносить предложения по совершенствованию работы, связанной с предусмотренными настоящей инструкцией обязанностями.
3.3. В пределах своей компетенции сообщать непосредственному руководителю о недостатках, выявленных в процессе исполнения должностных обязанностей, и вносить предложения по их устранению.
3.4. Требовать от руководства оказания содействия в исполнении своих должностных обязанностей и прав.
3.5. Запрашивать через непосредственного руководителя информацию и документы, необходимые для выполнения своих должностных обязанностей.
4. ОТВЕТСТВЕННОСТЬ
Дизайнер-верстальщик несет ответственность:
4.1. За ненадлежащее исполнение или неисполнение своих должностных обязанностей, предусмотренных настоящей должностной инструкцией, в пределах, определенных действующим трудовым законодательством Российской Федерации.
4.2. За нарушения, совершенные в процессе осуществления своей деятельности, в пределах, определенных действующим административным, уголовным и гражданским законодательством Российской Федерации.
4.3. За причинение материального ущерба в пределах, определенных действующим трудовым и гражданским законодательством Российской Федерации.
5. ПОРЯДОК ПЕРЕСМОТРА ДОЛЖНОСТНОЙ ИНСТРУКЦИИ
5.1. Должностная инструкция пересматривается, изменяется и дополняется по мере необходимости, но не реже одного раза в пять лет.
5.2. С приказом о внесении изменений (дополнений) в должностную инструкцию знакомятся все работники, на которых распространяется действие этой инструкции, и ставят свою подпись.
Должностная инструкция разработана в соответствии с приказом генерального директора от 16 ноября 2015 г. № 47.
СОГЛАСОВАНО
Руководитель отдела кадров Е.Э. Громова
С настоящей инструкцией ознакомлен. Один экземпляр получил на руки и обязуюсь хранить на рабочем месте.
Дизайнер-верстальщик П.А. Беспалов
45.8
Для друзей!
Справка
Верстка - процесс оформления страниц книг, журналов, газетных полос, других видов полиграфии, а также web-страниц. Именно от работы верстальщика зависит окончательный вид издания и его внешняя привлекательность для читателей.
Истоки этой профессии нужно искать на заре книгопечатания, задолго до появления компьютеров. Тогда в каждой типографии работал метранпаж (от французского «верстающий в страницы»). Этот специалист «собирал» страницы вручную из отдельных металлических букв, пробельных элементов и металлических пластин с иллюстрациями, которые потом отпечатывались на бумаге.
Новейшие технологии и современное полиграфическое оборудование в разы упростили и ускорили работу верстальщика. Сегодня профессия становится все более популярной и востребованной.
Описание деятельности
Заработная плата
средняя по России: средняя по Москве: средняя по Санкт-Петербургу:
Трудовые обязанности
Особенности карьерного роста
Характеристика сотрудника
Верстка - процесс сродни проектированию. Математические способности для проведения некоторых расчетов не будут лишними. А пространственное мышление необходимо, чтобы представить, как будет выглядеть уже готовое издание и как лучше разместить различные элементы на странице.
Однако для мастера верстки недостаточно одних технических навыков. Созданный продукт должен не только привлечь аудиторию, но и остаться в памяти. Для этого материал должен быть сверстан максимально гармонично, а текст и картинки должны взаимно дополнять друг друга. Помогут в этом художественный вкус, творческая жилка и чувство цвета. Не следует забывать об упорстве, оперативности и внимательности. Порой необхопереправлять макеты по несколько раз, а иногда и верстать все заново.
Сегодня в интернете представлены различные специальности, связанные с раскруткой и развитием веб-проектов. Поэтому, иногда возникают вопросы на счет той или иной профессии. Вот, например, верстальщик сайтов знаком далеко не всем. Что входит в его обязанности, и в какой сфере деятельности востребована такая специальность, понятно не многим. Стоит внести ясность в эти вопросы. Верстальщик сайтов занимается версткой страниц веб-ресурсов. Его основная задача заключается в том, чтобы создавать коды веб-страниц при использовании соответствующих языков программирования (HTML, XHTML). Также в его обязанности входит оформление ранее сформированного кода страницы посредством CSS. Но здесь сразу возникает новый вопрос: «Чем же отличается верстальщик сайтов от обычного программиста?». Говоря простым языком, эта профессия является связующим звеном между специалистами по программированию и дизайнерами сайтов. Верстальщик берет за основу макет, созданный дизайнером, и занимается разработкой заготовки для программиста. Он осуществляет описание дизайна при содействии тегов. После выполненной работы верстальщика, подготовленный макет можно увидеть в качестве набора тегов.
Как только будет завершена процедура с версткой, дизайнер обязательно должен проверить свой проект на соответствие с его заготовкой. А вот программист занимается проверкой программного кода.
Для работы верстальщика требуется только текстовый и графический редактор, а также наличие браузера. Графический редактор специалисту необходим для создания графики, а текстовый – для описания веб-страницы в коде. Браузер ему нужен для тестирования правильности отображения обработанных страниц.
Стоит отметить, что работа в интернете верстальщиком не так проста, как может показаться на первый взгляд. Ведь человек такой профессии должен быть в некой мере творческой натурой, поскольку его работа напрямую связана с графикой, что иногда требует доработки дизайнерских элементов. Еще верстальщик должен обладать хорошим терпением и усидчивостью. Внимательность особенно важна в этой профессии, так как подобная деятельность все-таки подразумевает работу с кодом.
Задачи верстальщика
Специалист должен уметь делать веб-страницы удобными и доступными для просмотра пользователями. При этом необходимо учитывать виды устройств, с которых будет осуществляться просмотр сайта. Он обязан верстать страницу, полагая, что ее будут открывать на гаджетах с различными разрешениями экранов и в разных версиях браузеров. Причем, не исключено, что среди пользователей могут оказаться лица с проблемами зрения или слуха. Ко всему прочему, верстальщик должен осуществлять свою работу в соответствии с принятыми стандартами. Подобные факторы значительно усложняют деятельность верстальщика, делая ее довольно трудоемкой. Именно поэтому не каждый решается брать на себя подобного рода обязанности. В связи с этим, сегодня существует острая необходимость в верстальщиках, что обуславливается большим спросом на подобные услуги.
Если вы заинтересовались этой вакансией и имеете опыт в программировании, то стоит задуматься о развитии своей деятельности в интернете. Таким образом, вам удастся заниматься тем, что у вас лучше всего получается, и за свои труды получать хорошее вознаграждение.