марта 2016
Автор: Рубрика: Фриланс 7 комментариев

Работа верстальщиком удаленно: как стать верстальщиком с нуля

Как стать верстальщиком с нуляОписание: создание сайтов очень не простой процесс. Все, наверное, знают, что в его создании принимают участие веб-дизайнер и программист, но многие не знают про верстальщика. А ведь именно работа верстальщиком расставляет все элементы дизайна по местам. Хотите научиться этому? Тогда читайте статью о том, как стать верстальщиком с нуля.
Оплата: в среднем 10$ за час или 50-100$ за проект.
Требования: усидчивость, внимательность, знать html, css, JavaScript, Photoshop

 

Как стать верстальщиком

 

Многие люди даже не знают о такой профессии, так что для начала стоит понять что делает верстальщик и в чем заключается его работа.

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

Что требуется для работы? Минимальный набор верстальщика включает в себя:

  • Notepad++, чтобы писать код;
  • Photoshop или другой подобный графический редактор;
  • Популярные браузеры, чтобы посмотреть, как отображается работа в разных браузерах.

Что нужно знать и какие качества понадобятся?

  • HTML.
  • CSS.
  • JavaScript.
  • Photoshop или другую подобную программу.
  • Усидчивость.
  • Внимательность.
  • Зрительная память.
  • Аккуратность.

Как стать верстальщиком?

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

 

Как стать верстальщиком с нуля

 

1. Для начала вам нужно изучить HTML, CSS  и JavaScript. Можно не запоминать с ходу все значения, а составить себе понятную и удобную шпаргалку. Особенно обратите внимание на следующие моменты:

HTML:

  • как строится HTML страница – основные теги страницы (head, body) и что в них может находиться.
  • главные HTML элементы — a, p, div, table, h1-h6, ol, ul, span и т.п.. Научитесь их правильно прописывать, изучите зачем нужны. Поймите разницу между блочными и строчными элементами.
  • Ознакомьтесь с версиями HTML и какие теги в них входят.
  • Изучите отличие табличной и блочной верстки, какие у них преимущества.
  • Основные элементы HTML5.

CSS:

  • Изучить виды селекторов.
  • Основные (фон, размер, цвет, шрифт, границы и т.п.) и особенные (position, float …) свойства CSS.
  • Ознакомьтесь с версиями CSS, какие к ним относятся свойства.
  • Какие свойства работают по другому в некоторых браузерах.
  • Научитесь делать блочную структуру web-страницы.
  • Изучите основны CSS3.

JavaScript:

  • Зачем и когда применяется.
  • Как скрыть или показать определенный блок.
  • Как добавить анимацию (скроллер или слайдер).
  • Как сменить класс и стиль элемента.
  • Как получить или изменить значение определенного элемента.

2. Освойте программу Photoshop, ведь вам придется работать в графическом редакторе и довольно много. Верстальщику не обязательно уметь рисовать, ведь вы работаете с готовым макетом страницы. В основном вам нужно будет:

  • Делать нарезку макета.
  • Определять размеры.
  • Получать нужные цвета.
  • Вырезать определенные элементы из макета.

3. Изучите основы верстки – разберитесь в терминологии (кроссбраузерность, валидность, семантика). Почитайте пару книг по этой теме или посмотрите хотя бы бесплатные курсы – их полно. Желательно научиться работать с WordPress и Joomla, так как многие сайты работают на этих CMS, и у них много особенностей в работе.

4. Практикуйтесь – не нужно сразу идти на биржу фриланса и хватать самый сложный заказ. Сделайте 2-3 тестовые работы, чтобы набить руку и отточить практические навыки.

 

Работа верстальщиком удаленно

 

Где ее найти? Ведь во фрилансе основная проблема – найти заказ. А новичкам сделать это очень и очень сложно, особенно если вы самоучка и нет опыта реальной работы.

  1. Первый опыт можно получить бесплатно. Т.е. предлагать свои услуги за положительный отзыв. Найти заказчиков несложно – находите сайты и предлагайте сделать верстку за положительный отзыв. Многие вебмастера будут рады такому предложению, а в дальнейшем будут обращаться к вам по другим вопросам (уже платно) или посоветуют знакомым. Главное покажите себя с лучшей стороны.
  2. Найти работу можно там, где требуется постоянно создавать или дорабатывать сайты. Так что вам стоит обратиться в студии веб-дизайна или крупные интернет-проекты. Можно напрямую написать веб-студиям с предложением о сотрудничестве. На первых порах можно работать на бесплатной основе (испытательный срок + обучение), а через месяц выйти на оплату. Так вы сможете получить реальный опыт работы, а потом сможете пристроиться на постоянную удаленную работу. Но тут многое зависит от ваших умений, талантов и удачи.
  3. Не забывайте про самый распространенный вариант – биржи фриланса. Именно там новички могут получить свой первых опыт, хотя взять первый заказ будет проблематично. На сайте www.weblancer.net  довольно много заказов по верстке, а конкуренция не так сильна как на fl.ru

weblancer.net вакансии

 

5 советов для начинающих верстальщиков:

  1. Думай. Верстка это не простое дело, которому легко и просто обучиться.
  2. Будь в курсе всего нового в этой сфере – читайте блоги, форумы, сайты и другие источники информации по этой теме. Постоянно появляются новые технологии, техники, выявляются распространенные ошибки – вы должны держать руку на пульсе, чтобы не пропустить важную информацию.
  3. Html + css – старайтесь по минимуму использовать javascript, чтобы ускорить загрузку страницы.
  4. Используйте наработки – сохраняйте свои старые наработки, чтобы была возможность к ним вернуться и воспользоваться в новом проекте.
  5. Занимайтесь версткой только если вам действительно это интересно. Просто выучить Html и css мало – надо жить версткой. Ведь в каком-то смысле это искусство, в котором нужно отдавать все свои силы, время и интерес, и только тогда можно получить удовольствие от работы и прийти к успеху.

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

Хочешь получать статьи этого блога на почту?
Получайте статьи на почту
7 комментариев
  • Максим

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

    2016-03-03 в 10:17 | Ответить
  • Руслан

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

    2016-03-04 в 4:18 | Ответить
  • Дмитрий Рычков

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

    2016-03-04 в 7:02 | Ответить
  • Артем

    Я как раз начал заниматься версткой. Свой блог делаю сам, точнее полностью переделываю шаблон ;-) Сказать честно, не легко изучать верстку, нужно сразу практиковаться. А работа над своим блогом, это как раз самая лучшая практика.

    2016-03-04 в 8:51 | Ответить
  • Сергей

    Мне верстка блога далась довольно легко, Потратил конечно время на изучение азов, а потом оно как-то само получается. Примерно за неделю управился, это с одновременным изучением и посадкой на Вордпресс. Теперь любой кусок сайта могу поправить при необходимости… Так что просто для блоговода полезно знать верстку.

    2016-03-08 в 2:45 | Ответить
  • Артем

    Проявлялся интересом данной профессии несколько раз, но так и брался за нее серьезно.

    2016-03-27 в 9:11 | Ответить
  • Руслан

    +1
    Не моя стихия. Сложно поддавалась или не было ОГРОМНОГО желания освоить его -)

    2016-04-03 в 8:56 | Ответить