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

css

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

Статья написана для конкурса 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.

Комментарии к статье

  • #

    Как найти работу начинающему верстальщику?

    • #

      не так просто ответить :) учитесь и желание верстать ;)

  • #

    Когда начинала все смотрела здесь:z-click.ru/csspractik.htm – CSS практика (видео курс для начинающих верстальщиков)

    • #

      сейчас там ничего нет :)

  • #

    Гы))) руководствуюсь теми же принципами при верстке)) А 7 прям по девизу дедушки Ленина)

  • #

    Проблема практики еще и в том, что на фрилансе часто заказы слишком тяжелые для новичка(просят использовать фреймворки, html5, интеграцию в различные CMS, итд). А верстать бесплатные шаблоны – слишком просто. Так откуда этой самой практике взяться? :)

    • #

      качайте бесплатные psd файлы, верстайте ;) либо найдите небольшую веб-студию и работайте в качестве стажера.
      выкладывать для критики свою верстку можно на форуме htmlbook.ru, все в ваших руках ;)

      • #

        В свое время именно так и набирался практики. Потом набил руку и пошли нормальные заказы!

  • #

    Здравствуйте! Да, действительно верстка сайта сейчас становится модной. Я сам очень хочу научиться верстать сайты, но пока это за пределами моих возможностей. На счет таблиц Вы правы, нужно переходить на без табличные сайты. Спасибо Вам за статью.

    • #

      верстка сайта сейчас становится модной.

      А это как? :)
      Не за что

  • #

    Здравствуйте Ваш сайт считаю полезным и нужным ресурсом! Спасибо что щедро делитесь информацией с чайниками :) Мне очень приятно, что Вы заглянули на мой сайт. Тему делал сам, так что не судите строго. Кстати скоро сверстаю новую. Всех Вам благ и с Новым Годом!

    • #

      Советы действительно дельные и актуальные. Удачи Вам!

    • #

      Приветствую, удачи Вам ;)

  • #

    После таких советов, даже мне на минуту захотелось стать верстальщиком ;-) Вообще с вёрсткой немного знаком, но верстальщиком себя не назову. Спасибо за советы!

    • #

      спасибо за комплимент :)
      на блоге есть уроки по верстке, а учиться никогда не поздно ;)

  • #

    Что касается пункта 7, тут увы нет практики, работу подкидывают редко, а самому себе как то не прикольно делать.

    • #

      откликайтесь на фрилансе, цену ставьте не большую :)
      А может тогда Вам не хочется заниматься версткой?)

      • #

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

        • #

          Что бы верстать не надо уметь рисовать :)
          или Вы делаете сайт под ключ?

          • #

            Я зависаю на форумах, там люди бывают ищут человека, который сверстает им макет. Вот как я работаю в основном.

          • #

            понятно :) на фрилансе как вариант