верстальщик


7 + 1 советов начинающему верстальщику

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

Статья написана для конкурса 7 советов от Вовки.  :|

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

1. Думай!

Как бы это странно не звучало, всегда думайте. И не слушайте людей, которые говорят, что верстка это просто и легко.

думайте потом верстайте

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

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

2. Будь в курсе

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

Читай и будь в курсе

Учитесь выделять необходимую информацию. В  google reader   я читаю анонс статьи и затем понимаю читать мне дальше или нет. Ведь теория это хорошо, но для верстальщика практика самое главное. А узнавая новые способы и техники, вы только облегчите себе жизнь :)

3. Html + css

Я обычно работаю по такому простому девизу:

«Все что делается с помощью html и css делается на html и css» :)

Используйте javascript (Jquery) только там где это действительно необходимо. Часто мы можем обойтись и без сторонних скриптов, которые увеличивают скорость загрузки страницы.

минимум javascript в коде

Например, выпадающее меню можно легко обойтись и без javascript’a.

4. Путь джедая…

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

путь верстальщика-джедая

Мы используем в разных проектах одно и то же. Поэтому стоит в свободное время, либо дома попробовать что-нибудь новое. Например, самое время перейти на html5 и css3, а также попробовать микроданные.

5. Чистота и порядок …

Чистота должна быть везде. Так вы меньше времени потратите на понимании того что происходит или происходило в том или ином проекте.

чистота и порядок в коде и голове :))

Например, все свои работы по веб-дизайну/верстке добавьте в папку с папкой для каждого проекта разделив на основные разделы, например:

  • - source (исходники, то что использовано было)
  • - pages/main (работа по верстке по версиям)
  • -info.txt (текстовый файл о том, что это за работа, сколько стоила, что было сделано, кто заказчик и т. д. Полезная информация для вас)

Работы по можно еще разделить по году и месяцу проекта.

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

Также старайтесь избегать разных хаков и нестандартных решений, которые скорее всего отображаются также нестандартно.

Используйте проверенные временем или собственными силами методы.

6. Таблицы для таблиц

таблицы в верстке

Отдельно хотелось бы поговорить о таблицах. Как раньше я говорил: «Я люблю таблицы … Таблицы стилей…». :)

К чему я это?! К тому что время таблиц прошло. Делать сайт на таблицах минимум не правильно. Но хочется отметить, что все же без таблиц нам не обойтись.

Обычно я использую таблицы ля табличных данных. Но некоторые вещи лучше будет сделать без дивов.

7. Практика, практика и еще раз практика.

практика верстальщика

Практика это одна из самых важных составляющих. Особенно для верстальщика. Основные рекомендации во время практических работ:

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

+ 1 «Не играй верстальщика, будь верстальщиком»

Совершенству-нет-предела

Это я перефразировал высказывание из мультфильма «Правдивая история о красной шапочке», где дровосеку говорят «Не играй дровосека, будь дровосеком!».

Также и с верстальщиками. Если вы думает, что это просто выучить html и css и можно работать, то вы ошибаетесь. Так как верстка — это искусство :) как бы это громко не звучало.

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

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

Главное чтобы у вас был огонь в глазах, а стать гуру своего дела второстепенное.

супер верстальщик

Желаю всем стать первоклассными верстальщиками. А пока учитесь вместе со мной ;)

Надеюсь советы помогли вам в вашем пути джедая :)

с/у УтБ :???:
Статья написана при поддержке – iMacin.ru – интересного проекта об Apple.