Petrovskoe-omr.ru

Петровское ОМР
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Должностная инструкция по специальности «Верстальщик»

Верстальщик — кто он и чем занимается?

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

Люди, которые делают вид, что что-то да понимают

Общие сведения

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

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

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

Суть деятельности

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

Верстка сайта состоит из 6 этапов.

  1. Тщательное изучение технического задания.
  2. Разработка дизайна.
  3. Создание макета.
  4. Подбор рисунков и графических объектов.
  5. Установка шаблона.
  6. Корректировка при наличии замечаний.

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

Читать еще:  Механик автомобильного транспорта (курсы автомеханика)

Рекомендую вам посмотреть видео, в котором верстальщик с 10-летним опытом рассказывает о том, что такое верстка, как работает сайт, что такое HTML и прочее.

Требования к верстальщику

Основные требования к html-верстальщику таковы:

  • Хорошее знание HTML, CSS (знание блочной и табличной верстки).
  • Знание JavaScript, jQuery, AJAX.
  • Базовое знание Photoshop (как правило, на уровне резки макетов)
  • Умение верстать сайты валидно и кроссбраузерно (IE включительно)
  • Английский язык на уровне чтения технической литературы

Иногда от специалиста требуется:

  • Знание XHTML, PHP, MySQL.
  • Знание Illustrator, CorelDRAW.
  • Опыт верстки шаблонов для популярных CMS (Joomla, 1С-Битрикс, Drupal, WordPress, UMI.CMS и другие).
  • Знание плагинов (чаще всего для Firefox) для тестирования верстки.
  • Умение работать с CSS-препроцессорами (STYLUS, SASS/SCSS, LESS и других).

Требования к дизайнеру-верстальщику скромнее:

  • Знание программ дизайна, верстки и предпечатной подготовки (Photoshop, Illustrator, Indesign и т.п.).
  • Опыт подготовки макетов к печати.
  • Знания композиции, формообразования, сочетания цветов, типографики.
  • Наличие художественного вкуса и творческого мышления.

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

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

Не следует путать дизайнера-верстальщика со специалистом по HTML-вёрстке. Хотя дизайнер может заниматься подготовкой интернет-страниц, для работы в этой области требуется знание web-программирования и специальных программ.

В чем отличие верстальщика от программиста?

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

Приведу пример вывода данных без стилизации верстки и с работой верстальщика:

Читать еще:  Чем занимается врач — эндокринолог

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

Приведу еще один пример. Для аналогии рассмотрю сервант с полками и посудой. Посуда — это переменные : чашка, бокал, тарелка… Полки — это структура сайта . Без верстки это просто коробка с 4 стенами, куда свалена в кучу вся посуда. Задача верстальщика — сделать полки и расположить их так, чтобы каждая посуда была на своем месте: тяжелые тарелки снизу, бокалы сверху. Согласитесь, приятней подойти к серванту где все упорядочено и взять нужную вещь (контент), чем копаться в куче мусора.

Заключение и итоги

Минусов у такой работы достаточно. К сложностям относятся однообразная работа, многочасовое сидение за компьютером, необходимость постоянно увеличивать список умений, адаптироваться к нововведениям в АйТи. Но главное преимущество профессии – перспективность. Если максимальная заработная плата верстальщика составляет 80 тысяч российских рублей, то фронтэнд-программист способен заработать больше. Углубляя свои знания, можно постепенно увеличивать и свой доход.

Итак, сделаю выводы по тому, что уже было сказано. Верстальщик кто это? Это перспективный специалист, неглубоко вовлеченный в область АйТи. Для создания макета веб-сайта понадобятся в первую очередь знания HTML и CSS, владение английским языком на базовом уровне и умение работать с текстом. Но ограничиться базовыми навыками не получится. Настоящий профессионал осваивает дополнительный софт: умеет работать с Adobe PageMaker, Photoshop, JavaScript.

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector