Блог Верстальщик. Кто это?

Многие не знают, кто такой верстальщик веб-страниц. Дизайнера знают, программиста знают. А когда говоришь, что ты верстальщик, в ответ слышишь: «А кто такой верстальщик, что ты делаешь?»

Обратимся к всезнающей Википедии.

Верстальщик веб-страниц — человек, профессионально занимающийся вёрсткой веб-страниц. В общем случае в задачу верстальщика веб-страниц (далее верстальщик) входят:

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

Далее, как правило, слышишь: «А чем верстальщик отличается от программиста, ведь те также пишут какой-то код».

Тогда я стараюсь простым языком объяснить, что верстальщик – это что-то среднее между дизайнером и программистом, связующее звено. Верстальщик берет макет, который нарисовал дизайнер, и делает «заготовку» для программиста. Верстальщика можно сравнить с переводчиком. Он описывает (переводит) дизайн при помощи тегов. Теги – это специально оформленный текст, который представляет информацию о разных элементах дизайна (текст, иллюстрация, таблица). Таким образом, после работы верстальщика, нарисованный макет можно просматривать в виде набора тегов.

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

Что нужно верстальщику для работы? Как минимум:

  • текстовый редактор
  • графический редактор
  • браузер

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

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

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

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

Верстальщик так же не обделен общением с людьми (заказчиками), но чаще всего это происходит при помощи Интернета (ICQ, Skype,E-mail). Интересные места верстальщику заменяют интересные, профессиональные дизайны сайтов, а путешествует верстальщик не на поезде и самолете, а сидя на своем рабочем кресле. Путешествует по всемирным просторам Интернета, в поисках новых решений поставленных задач.
Наверное, надо просто быть верстальщиком, чтобы это понять!

Так кто же такой верстальщик?

Поделиться ссылкой на статью:

Предыдущая статья
Следующая статья

Комментарии

Андрей Лось 11 августа 2008 года, 13:19 #

А у меня процесс верстки ассоциируется с рендерингом трехмерных сцен. То есть вроде бы и не моделирование, и не текстурирование, но и к программированию тоже отношения не имеет. Просто оперируешь сотней разных параметров, чтобы на выходе получить красивую картинку :)

Александра. 12 августа 2008 года, 12:02 #

Статья супер!! Написано интересно, читается легко. Даже не просвещенный в этих делах человек сразу поймет, кто такой верстальщик))

milax 13 августа 2008 года, 2:29 #

А как перевести «верстальщик» на английский язык? :) XHTML coder, что ли? Я внятного перевода в свое время не нашел

webmolot 13 августа 2008 года, 3:10 #

Верстальщиком изначально называли специалиста в компоновке текстовых и иллюстративных элементов на странице документа, т.е. тех кто работал в полиграфии (maker-up). Но с появлением Интернета, появилась и новая профессия — верстальщик веб-страниц (html coder)

Brandley 26 сентября 2008 года, 1:29 #

Прекрасная статья! Я начинающий верстальщик! Респект всем верстальщикам!

angelZ 03 октября 2008 года, 5:24 #

ну от себя могу добавить что одного браузера для работы верстальщика мало :). Многие когда содятся за мой компутер спрашивают «зачем тебе все эти IE (5, 6) оперы ФФксы Сафари и хромы?» И тут начинаешь объяснять, а потом уж приходится объяснять и кто такой верстальщик.

Gorky 07 октября 2008 года, 23:20 #

angelZ, в точку =)))

westa 08 октября 2008 года, 7:59 #

Почитала-почитала и подумала: Ба! Да я, наверное, верстальщик…

devaka 13 октября 2008 года, 13:54 #

следует еще отметить, что верстальщики бывают для web и для газет, журналов, брошюр..

webmolot 13 октября 2008 года, 14:55 #

Точно подметили!
но я об этом писал в предыдущем комментарии ;)

devaka 14 октября 2008 года, 10:08 #

Да, точно, не заметил :)
Тут выше вопрос был, как верстальщик на инглише звучит. Это звучит примерно так:
xhtml slicer :)

webmolot 15 октября 2008 года, 16:02 #

Спасибо за дополнение!

4е 15 октября 2008 года, 16:51 #

еслиб не ие6, эту профессию можно было-бы считать приятной…

webmolot 16 октября 2008 года, 0:24 #

согласен с Вами.
а так, а с нашим живучим «осликом» я бы назвал профессию верстальщика — увлекательно-экспериментальной. В этом что то есть :)

Zodios 26 октября 2008 года, 1:15 #

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

Max-Moro 08 января 2009 года, 16:43 #

Для тех, кто хочет проверить свои силы в этом деле, я на досуге, подготовил небольшой конкурс. Хотя сам этим не занимаюсь, так как в основном PhP программист.
Задание для верстальщиков
Выложил бы тут, если бы у этого проекта был бы свой форум.
Возможно в дальнейшем кто-то из данного проекта (может даже сам Webmolot) подхватит мою инициативу и уже сам станет придумывать свои задания-упражнения.

webmolot 09 января 2009 года, 1:08 #

Спасибо, Max-Moro!
Интересная идея.
Жалко, что свое задание Вы упростили и не включили поддержку IE6

mihail87 16 января 2009 года, 15:53 #

Я в газете работаю верстальщиком и прекрасно знаком с этим видом деятельности,все мы есть немного верстальщики так или иначе.

Александра 24 января 2009 года, 8:03 #

Спасибо, сам недавно задавался подобным вопросом ) Теперь кто такой верстальщик — я имею полное представление.

Intel 27 января 2009 года, 12:05 #

Работа верстальщика… бывает нудной… но когда после 12-15 часов работы ты даже не знаешь сколько сейчас времени… и даже не интересуешься… и иногда тупо вырубаешься… а проснувшись сразу за чашку кофе и в кресло)

Лерка 05 февраля 2009 года, 18:13 #

Верстальщик это ленивый программист или прогрессивный дизайнер) А без шуток, человек на все руки ;) Он и дизайн поправит и поскриптует если надо, ну может и во флеше баннер сделает (если очень захочет). Спасибо за статью. Верстальщики! Мы путешественники))

Вовка 05 февраля 2009 года, 19:52 #

я ещо не версальщик мне до этого далеко ещо
пока ток пытаюсь html освоить
у мя в этом деле есть пример Лерка
ща пака со своими проэктами не силен пока с дизайном слабовато тренеруюсь но пока все больше по переделке сижу изменя под себя уже существующие сайты
а вообще нравится версталить гм мне нравиться сидеть под кампом целыми днями
ща делаю первый свой полностью сайт хочу посвятить Лерке
спосибо за статейку ато ато трудно связать нужные слова когда спрашуют

webmolot 06 февраля 2009 года, 12:18 #

Вовка, пишы ещо :)

Александр 04 марта 2009 года, 15:02 #

Мой брат верстает телефонный справочник.
Знает: фотошоп, корел, илюстратор, индзйн.
Хочу с него сделать верстальщика для веб.
Нашел одну ссылку, дал ему. Но там не было написано какая для этого нжна программа.
Вопрос: что нужно ему установить (какую прогу), чтобы освоить верстку?

webmolot 04 марта 2009 года, 15:37 #

для этого не программа нужна, а знание языка html и css

Лерка 04 марта 2009 года, 15:38 #

Александр, ну вообще-то можно ограничиться блокнотом. Но если хочется чего-то чуть удобней (как я считаю) можно установить дримик (Dreamweaver). Можно еще конечно найти компромисс в виде notepad++, который поддерживает подсветку кода.

webmolot 04 марта 2009 года, 16:09 #

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

Я 04 марта 2009 года, 20:26 #

Adobe GoLive ?.Я в основном дримом пользуюсь.Просто хотелось бы узнать пользовался кто нить Adobe GoLive ?И услышать комментарии….

Myst 15 июля 2009 года, 15:42 #

Случайно наткнулась на ваш сайт и прочла статью, рил оч ясно и понятно написано про мою работу.Теперь яснее смогу объяснять не знающим друзьям зачем мне столько браузеров и ещё раритетных хех и чем я занимаюсь….

А вообще это классная работа ни чего скучного я не вижу в ней)))))

westa 17 июля 2009 года, 12:35 #

Мне посоветовали установить вместо Dreamweawer-а Easyeclipse
Есть ли мнения на этот счёт?

webmolot 20 июля 2009 года, 9:11 #

К сожалению, ничего сказать не могу, т.к. не пользовался

enanuts 04 ноября 2009 года, 12:33 #

хочу быть верстальщицей ..оч хочу ..надоело быть дизайнером одежды .)))))!!!хочу просто сидеть и писать коды и оформлять и ни куда не ездить ..)

Developer 04 декабря 2009 года, 23:34 #

Ребята, есть хорошие верстальщики среди вас по Webasyst ? Контакты свои напишите сюда. Спасибо

KICKER 21 декабря 2009 года, 7:20 #

Спасибо что помогли разобраться кто такие верстальщики.

Антон 04 февраля 2010 года, 10:53 #

Лучше быть дизайнером, или верстать, дизайнить и программить сайт самому.

Типичная ситуация:

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

А прогер портит вёрстку :( после него доделывать очень сложно.

slicemasta 26 июля 2010 года, 16:22 #

Антон если делать как вы предлагаете аля вебмастер 90х, то будете делать максимум пару однотипных сайтов с посредственным качеством, лучше сконцентрироваться на чем то одном…

Лерка 04 августа 2010 года, 11:34 #

slicemasta, талантливый человек талантлив во всем))) Разве не так?) По моему можно быть спецом в чемто одном и продвинутым в остальных областях) Самое главное желание)))

Bake 21 августа 2010 года, 6:41 #

Спасибо большое!!! Извлек то что надо!!!

Nata 25 марта 2011 года, 16:00 #

тоже хочу быть верстальщицей. сейчас работаю в одном интернет-каталоге, упор в основном на привлечение новых клиентов, общение с клиентами — надоело (((( также иногда просят подправить, доделать что-то в самих страницах сайта — вот это интересно, чуствую что мое. люблю копаться в html, коды намного интереснее хамов-клиентов ))) но с чего начать? как учиться? может кто-нибудь возьмет под крыло? ) или хотя бы посоветуйте нормальные форумы для новичков, самоучителикакие-то… с Dreamweaver знакома.

webmolot 25 марта 2011 года, 16:11 #

Если чувствуете, что это ваше, тогда вперед, у вас всё получится! Читайте различные статьи по верстке, их сейчас развелось много. Правда, не все из них глаголят истину, но с опытом вы начнете распознавать полезные и бесполезные советы. Побольше практики, не бойтесь экспериментировать. Увидели новую «фишку» — сразу же ее закрепите на практике. Если понравится, применяйте дальше в работе.

Помните главное, ни одна статья не сделает вас суперверстальщиком, это приходит с опытом и трудом. Всё зависит только от вас!

Nata 25 марта 2011 года, 16:45 #

Написала Вам еще и в контакт, простите за навязчивость ) вижу здесь ответ можно получить оперативнее )

К сожалению к смене занятия приходится подходить еще и с практической точки зрения. Так как содержу себя сама, возникает вопрос — сколько времени приблизительно уйдет на то чтобы научиться верстать настолько чтобы не страшно было брать заказы и начать себя кормить версткой?

webmolot 25 марта 2011 года, 16:58 #

Всё очень индивидуально. Вы сами почувствуете, когда будите готовы со всей ответственностью взяться за заказ.

Oriy 22 апреля 2011 года, 8:21 #

Верстальщик — это проводник из мира JPG в мир HTML! :)))..Благодарю за труды автора сайта! Своим профессионализмом мотивирует к познанию и изучению, а в связи с этим и к росту!

unreal 27 мая 2011 года, 0:54 #

«Некоторые называют работу верстальщика нудной и неинтересной…»
Наверное те кто не разбираются в этом.

Миша 29 июня 2011 года, 18:09 #

Я вот уже 10 лет дизайнер, специалист по препресс и верстальщик для полиграфии. А хочу еще и в веб-верстальщика научиться! У меня к графическому дизайну меньше интереса, чем к технической части, думаю с кодом хорошо должно получаться. А как научиться наиболее правильно: быстро и эффективно? Какие-то курсы или преподавателей в Петербурге посоветуете? Спасибо!

webmolot 30 июня 2011 года, 9:59 #

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

Jasur 23 ноября 2011 года, 12:05 #

Хорошая статья!! Сам я работаю верстальщиком и полностью согласен с тем что написано в этой статье

Анастасия 06 января 2012 года, 9:28 #

Я верстальщица, все учила сама. Преподавателей и правда по верстке нет, но и без низ обойтись можно. Главное — Интернет и огромное желание учиться.
А всем начинающим верстальщикам советую усиленно учить css. Css — всему голова. И если html-страница — это внешний вид документа, то css — это его «ДНК». Как css пропишешь, такой и «генотип» будет у сайта.
Наша профессия верстальщика — потрясающе интересная. Наверное еще и потому что я сама делаю дизайн, а потом верстаю. Каждый новый сайт — это новый вызов, новый стимул, новые задачи и их решения. Думаю, что если верстальщик сочетает в себе много всего (и дизайнера, и программиста), то выполнять поставленные задачи становится во много раз интереснее и от работы уже не оторваться))))

webmolot 06 января 2012 года, 10:18 #

Анастасия, спасибо за такой развернутый комментарий, правда, я не во всем с вами согласен. Лучше быть хорошим специалистом в чем-то одном и работать с командой профессионалов другого профиля, чем быть универсальным веб-мастером одиночкой. Как говорится, один в поле не воин.

Валера 10 января 2012 года, 21:44 #

Как я удачно нашел Ваш сайт! Прямо в тему!

Подскажите, пожалуйста. Я изучаю html&css и на данный момент прошел все основы, включая создание макетов. Чувствую, что пора закреплять теорию на практике.

Но вот верстать (резать) psd-макеты сайтов не умею. Накачал с десяток бесплатных шаблонов (psd), открываю их в Photoshop, тупо смотрю на картинку — и не знаю, что с ней делать. Где header и footer, могу еще понять, а дальше… (((

Подскажите, что мне нужно делать? А то получается — топчусь на месте… (

Валера 10 января 2012 года, 21:59 #

о, я кажется нашел что-то подобное на Вашем сайте. сейчас посмотрю… ))

Сергей 31 октября 2012 года, 18:01 #

У меня друг в Киеве работает верстальщиком, получает 2200$.

Seva 07 марта 2013 года, 14:50 #

…….И если html-страница – это внешний вид документа, то css – это его “ДНК”. Как css пропишешь, такой и “генотип” будет у сайта……..

Шикарное определение дала Анастасия!
В профессии верстальщика самое неприятное — это ее название. )))
Это я как верстальщик полиграфии с большим стажем вам говорю.
Ну, не повезло нам. )))

Дмитрий 15 июля 2015 года, 23:40 #

Верстальщик это программист, должен знать HTML,CSS,знать и править javascript, писать простые скрипты на jquery, знать основы php + sql понимать ajax знать 3 CMS и верстать под них и это всё только только верстальщик-юниор друзья)))) + надо владеть фотошоп иногда приходится рисовать самому так что удачи друзья часто программист он же верстальщик если как программист вы слабы но в вёрстке результат учитесь рисовать макет, программист — дизайнер большая редкось, а вот верстальщик дизайнер частенько

Написать комментарий

Используйте в комментариях html-теги

ссылка — <a href=""> </a>
выделение — <strong> </strong>
удалённый текст — <del> </del>
цитата — <blockquote> </blockquote>
фрагмент кода html — <pre lang="html"> </pre>
фрагмент кода css — <pre lang="css"> </pre>

Подпишитесь!

Внимание! АКЦИЯ!

Вступите в группу Вконтакте и получите бесплатную консультацию по верстке. Расскажите друзьям про группу и получите 5% скидку на услуги Webmolot.com