Меню
ГлавнаяФайлы и папки

Должностная инструкция дизайнера верстальщика газеты. Должностная инструкция html-верстальщика. Что должен делать HTML-верстальщик

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

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

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

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

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

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

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

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

HTML-верстальщик должен знать:

  • HTML и CSS на 100%. Именно с помощью этих языков разметки и происходит верстка страницы с макета дизайнера. При этом верстальщик должен учитывать все особенности, предпочтения и версии этих языков для того, чтобы осуществлять верстку страниц любой сложности;
  • JavaScript или jQuery. JavaScript (jQuery) используется для реализации различных динамических элементов на странице (слайдеры, калькуляторы и т.д.). jQuery - набор готовых функций, написанных на языке JavaScript (так называемый, фреймворк);
  • Photoshop. Верстальщик должен уметь работать в Adobe Photoshop и обладать знаниями веб-дизайна для того, чтобы при анализе макета до верстки указать дизайнеру на его ошибки и, если потребуется, быстро сделать поправки в макете без особых усилий;
  • Язык программирования PHP. В арсенале верстальщика должно быть представление о языке PHP и о том, как программист будет натягивать верстку сайта на движок;
  • Как работает CMS и ее API. Обычно верстка сайта делается под какой-то конкретный движок и в большинстве случаев ставится на бесплатную CMS. Знание того, как работает CMS, а также ее особенностей, нужно для того, чтобы у человека, который будет работать с вашей версткой, не возникало проблем при ее «натяжке». Только плюсом будет идеальное знание API одной или нескольких CMS. Например, клиент может заказать изготовление шаблона на CMS у вас.
  • SEO-оптимизацию. HTML-верстальщик обязательно должен ориентироваться в SEO, потому что оптимизация сайта начинается именно с первых строк верстальщика.

Что должен делать HTML-верстальщик:

  • Кроссбраузерную верстку - учет особенностей отображения кода веб-страницы во всех браузерах любой операционной системы.
  • Валидную верстку сайта - написание HTML и CSS-кода, соответствующих стандартам W3C (компании, разрабатывающей и внедряющей интернет-стандарты), и проходящим тест на валидаторе.
  • Семантическую верстку. Осмысленное расположение фрагментов кода на странице, правильное использование тегов, понятные название классов и идентификаторов.
  • Оптимизацию под поисковые системы. От верстальщика вы должны получить полностью оптимизированную верстку, начиная от наличия тегов title, description, keywords до присутствия alt в картинках и title в ссылках.
  • Оптимизировать скорость загрузки сайта:
    • За счет уменьшения количества кода, но не в ущерб читаемости и производительности;
    • За счет уменьшения веса и количества картинок (так называемая, верстка спрайтами).
  • Уметь работать с CMS и ее API. Даже если вам не нужно получить от верстальщика готовый шаблон, но вы планируете использовать его верстку для изготовления шаблона на нужную вам CMS, верстальщик все равно должен знать требования к верстке данной CMS.

    • На заметку:

    • верстка шаблона под CMS подразумевает изготовление простой верстки (HTML + CSS) с учетом требований данной CMS. То есть, на выходе вы не получаете готовый шаблон, а вам еще нужно будет искать человека который сделает шаблон из этой верстки;
    • изготовление шаблона под CMS включает верстку и изготовление из этой верстки готового шаблона, который на 100% готов для дальнейшего использования.

      • Предоставлять качественный сервис

      Должен гарантировать качество проведенной работы, не подводить по срокам и вовремя вносить правки, если потребуется.

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

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

) и описывающих их таблиц стилей (CSS), реализуя концепцию семантичной вёрстки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.1. Html-верстальщик относится к категории технических .

1.2. Html-верстальщик назначается на должность и освобождается от нее приказом директора организации по согласованию с руководителем -отдела.

1.3. Html-верстальщик подчиняется непосредственно начальнику -отдела.

1.4. На время отсутствия html-верстальщика его права и обязанности переходят к другому должностному лицу, о чем объявляется в приказе по организации.

1.5. На должность html-верстальщика назначается лицо, имеющее профессиональное образование (высшее, среднее) и стаж работы по специальности не менее одного года.

1.6. Html-верстальщик руководствуется в своей деятельности:

Законодательными актами РФ;

Уставом компании, Правилами внутреннего трудового распорядка, другими нормативными актами компании;

Приказами и распоряжениями руководства;

Настоящей .

Должностные обязанности html-верстальщика

Html-верстальщик выполняет следующие :

  • Верстает web-страницы и шаблоны с помощью соответствующего языка разметки html, xhtml, xml.
  • Оптимизирует верстку и код существующих проектов.
  • Размещает контент на сайте.
  • Устанавливает макеты (шаблоны) на системы управления сайтов.

Права html-верстальщика

Html-верстальщик имеет право:

3.1. Знакомиться с документами, определяющими его права и обязанности, критерии оценки качества исполнения обязанностей.

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

Ответственность html-верстальщика

Html-верстальщик несет ответственность:

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

4.2. За правонарушения, совершенные в процессе своей деятельности, - в пределах, установленных действующим административным, уголовным и гражданским законодательством Российской Федерации.

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

Скачать должностную инструкцию:

Общий каталог всех тут:

Общий каталог описания должностей тут:

Это современное в Москве по быстрому и эффективному поиску, подбору персонала. Наше по подбору персонала окажет услуги по необходимого Вам персонала. Ищем и подбираем , бухгалтеров, врачей, стилистов, ...
Информацию для работодателей по услугам поиска и подбора персонала Вы можете найти на . На странице " " Вы можете узнать о наших последних акциях и спецпредложениях для Заказчиков (работодателей). На странице каталога , прочитать какая должна быть и скачать базовые варианты ДИ.
Если Вам интересен запрос , то мы Вам подберем персонал, а соискателям поможем ! Осуществим и для Вас в сжаты сроки.
Для Вашего удобства мы создали раздел " " в котором мы разместили подробную информацию по основным позициям популярных заявок от Заказчиков поиска и подбора, но с привязкой к конкретному названию , к примеру , т , и т.д., а также раздел " "
Для соискателей созданы 3 полезных раздела , а именно " ", " " и " ". Соискателю станет проще! Наши советы соискателям работы помогают , если прочитать внимательно все статьи! Подписка на рассылку наших новых вакансий на странице " "

  1. Должностная инструкция модератора Общие положения 1.1. Модератор относится к категории специалистов. 1.2. Модератор назначается на должность и освобождается от нее приказом генерального директора компании. 1.3. Модератор подчиняется непосредственно директору или начальнику отдела. 1.4. На время отсутствия модератора его права и обязанности переходят к другому должностному лицу, о чем объявляется в приказе по организации. 1.5. На…...
  2. Должностная инструкция художника компьютерной графики Общие положения 1.1. Художник компьютерной графики относится к категории специалистов. 1.2. На должность художника компьютерной графики назначается лицо, имеющее высшее профессиональное (художественное) образование без предъявления требований к стажу работы или среднее профессиональное (художественное) образование и стаж работы по специальности не менее 5 лет. 1.3. Художник компьютерной графики назначается и освобождается…...
  3. Должностная инструкция тестировщика программного обеспечения Общие положения 1.1. Тестировщик программного обеспечения (далее - тестировщик ПО) принимается и увольняется с работы приказом [наименование должности руководителя] и подчиняется непосредственно ему. 1.2. На должность тестировщика ПО назначается лицо, имеющие высшее образование по специальности, связанной с программированием и разработкой программного обеспечения: "Автоматизированные системы обработки информации и управления", "Вычислительные машины,…...
  4. Должностная инструкция специалиста по защите информации Общие положения 1.1. Специалист по защите информации относится к категории специалистов, принимается на работу и увольняется с нее приказом руководителя предприятия по представлению начальника отдела по защите информации. 1.2. На должность специалиста по защите информации I категории назначается лицо, имеющее высшее профессиональное (техническое) образование и стаж работы в должности…...