Эстафета: Как я верстаю

kak-ya-verstau-saity

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

эстафета как я верстаю сайты

Если Вы внимательно читали блог, то уже, наверное, заметили, что много статей по верстке. А сейчас я расскажу, о том, как я верстаю сайт, чем и как пользуюсь. Поехали! Или поверстали? :smile:

Начало верстки шаблона.

Верстка обычно начинается после того как веб-дизайнер передает мне Psd шаблон будущего сайта.

Для начала я смотрю на psd файл через Picasa, так сказать оцениваю шаблон. Обязательно заранее обговариваю детали с дизайнером, либо пользуюсь техническим заданием (ТЗ).

Мысленно в голове разложу все на блоки, о том, что это читайте в первом уроке. Обычно в это время в наушниках играет музыка по настроению. :mrgreen:

Музыка верстальщиков.

По мне так музыка отличное отрешение от мира сего. Я ухожу в верстку и не чувствую окружающий мир.

Кстати, всегда интересно кто слушает какую музыку или вообще слушает?

музыка для верстальщиков, граффити

Я любитель такого направления как Rap, Hip-hop. Иногда классическая музыка. Можно встретить в плейлисте Бетховена и Eminem’a. Честно, говоря, все зависит от настроения. Но обычно это спокойная музыка.

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

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

Программы для верстки сайта

Особо останавливаться не буду, просто перечислю, что я использую:

  • Photoshop
  • PhpDesigner
  • Браузеры: Firefox, Chrome, Opera, IE + онлайн сервисы
  • Notepad++
  • TotalCommander
  • Aimp2  :mrgreen:

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

Верстка сайта.

Что касается самой верстке, то тут у каждого как говорится свои тараканы. Я следую такой схеме: режим шаблон -> пишем html структуру сайта -> пишем css файл -> тестируем на хостинге (кроссбраузерность).

Поэтому я и составил так свои уроки по верстке сайта. Почему именно так?

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

Обязательно делайте заготовки. Например, горизонтальное выпадающее меню – очень часто встречается на сайтах. Поэтому копируем и вставляем и немного подправим по дизайну. ;)

Все оставшиеся тонкости и особенности будем проходить в новых уроках по созданию html шаблонов.

Заключение.

Ну, вот, в принципе, это все, что я хотел с Вами поделиться, а также послушать Вас. :neutral: Делитесь своими фишками и тараканами, как начинающие, так и продвинутые верстальщики, будет интересно почитать вас.

Так как это эстафета передаю ее Ирине, автор блога oriolo.ru.

Надеюсь, Вам понравилось. Делитесь поддержанием эстафеты, либо отписывайтесь в комментариях.

с/у УтБ

А вы когда-нибудь задумывались кто самая высокая девушка в мире ? Интересная новость, в 17 лет такой рост! Не пугайтесь :)

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

  • #

    Лично меня музыка во время вёрстки отвлекает. Получается что я слушаю музыку и на код уже 0 внимания.

    • #

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

      • #

        Че-то мне кажется, что от транса скорее в сам транс и впадать можно :)
        По мне так более подходяще умеренный хард-рок – и не напрягает и в то же время бодрит. Хотя, как говорится “каждому свое”.

        • #

          согласен, у каждого свое =)
          сейчас у меня в плеере Moby вот плейлист http://myzz.me/playlist/5338

  • #

    Интересно, я тоже во время верстки включаю какой-нибудь музон :) Помогает ;)

    • #

      да, это точно. какую музыку предпочитаете?

  • #

    спасибо за инфу – тока http://www.gtalk.kz почему то у меня медленно грузится – что может быть не так?

    • #

      хм, странно. не замечал :)

  • #

    Принимаю эстафету: http://oriolo.ru/vyorstka/kak-ya-verstayu/

    PS: удалите пожалуйста прошлый коммент, я перепутала email :(

    • #

      oriolo, отличный рассказ, читаем, комментируем, пишем ;)

  • #

    Собственно я не верстальщик (изредка бывало, да и то не полную верстку делал), но с удовольствием послежу за эстафетой “Как я верстаю”, может что почерпну полезного на будущее или узнаю нового и сам за верстку возьмусь.

    • #

      Vlad, а я бы хотел услышать Вашу историю
      Напишите, с какими трудностями столкнулись, мы все подскажем ;)

      • #

        Да я же и говорил, что версткой с нуля практически не занимался. Исходя из этого собственно и сложностей-то не было :)
        Но вашу реплику буру на заметку, и если придется верстать и возникнут трудности, то уже буду знать к кому можно будет обратиться за помощью.
        Заранее спасибо за предложение.