Как научиться верстать без проблем?

Question

[Nastyuuuushka]

Недавно прошла курсы web-дизайна, вроде освоила благополучно всё но как дохожу до вёрстки не хватает опыта в чём-то, банально не могу представить как эти блоки разместить, что лучше использовать и теряюсь, как избавиться от страха и незнания? Все теги и атрибуты знаю, но вот постоянно делаю какую-то околесицу на выходе. Буду благодарна совету по литературе или еще чему-нибудь.

Answer 1

[Ankhena]

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

План действий может быть таким:
1. Берете/получаете макет
2. Внимательно рассматриваете его, мысленно разбивая на блоки. Думаете что куда может/должно растягиваться или уменьшаться при изменениях экрана и увеличении/уменьшении контента.
3. Если п.2. сразу не осилился, идете гулять или спать.
4. Возвращаетесь к п.2.
5. Верстаете понятные большие блоки, затем их заполняете. Разбивайте задачи более простые.

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

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

Comments

[Сергей Бурдужа]

Извините, что ответил тут, но не знаю куда еще.
Я по поводу вопроса Почему при ресайзе окна браузера, не учитываются е...
Вы написали, что нужно отключить функцию. А как это сделать?
Да и еще, а как это у вас столько ответов на этом форуме и не одного вопроса, вы так хорошо все знаете?
Еще раз извините.
Заранее благодарен.

[Ankhena]

Сергей Бурдужа, Ответила там.

Да и еще, а как это у вас столько ответов на этом форуме и не одного вопроса, вы так хорошо все знаете?

Ничегошечки я не знаю ))) Просто гуглю давно и Тостер читаю.

[Сергей Бурдужа]

Ankhena, Всенародный добродетель. Нравиться людям помогать))

[Ankhena]

Сергей Бурдужа, Смешно )))

[Ankhena]

Сергей Бурдужа, Я пока отвечала, знаете сколько всего узнала? ))))))))))))
Бесплатное обучение.

[Сергей Бурдужа]

Ankhena, Не могу не согласиться. На практике все познается.

[Ankhena]

David Halkin, утро удалось ))))))

[David Halkin]

Ankhena, =)))

[Ankhena]

David Halkin, эх, не заскринила. А то бы открывала в минуты душевной невзгоды.

[David Halkin]

Ankhena, ахаха, обращайтесь,я могу вам иногда такое писать )

[Ankhena]

David Halkin, ))))

[WapSter]

Ankhena, такой развернутый и верный ответ, странно, что до сих пор не отмечен. Исправим)

Answer 2

[Борис Якушев]

Совет один. Больше практики.

Answer 3

[HamSter]

Ресур №1 (обновленный) htmlbook (обновленный)
Ресур №2 w3schools
Ресурс №3 (некоторым нравится) htmlacademy

И конечно же практика.
Сверстать от 5 до 10 макетов.

Answer 4

[Dmitry Pavlov]

Согласен с Борис Якушев - схема действий примерно такая:
1) Верстаешь, смотришь результат, находишь проблемы, анализируешь как каждую обойти.
2) Если проблемы были, переходишь к п. 1

Это называется практика.

Относительно прочего - почитайте статьи про инструменты, которые советуют при проверке верстки. Попрактикуйтесь работать с ними. Это многому научит.

Answer 5

[Владимир Грабко]

Если бы все могли верстать "хорошо" то не появилось бы backend программистов.

Comments

[Толстый Лорри]

Эм...бэкенд появился раньше всех этих ваших стилей. Скорее профессиональные фронты появились из-за этого.

[webdisigner]

Толстый Лорри, backend раньше появился? ты наверное шутишь, они в той же сфере веба только на стороне машины

Answer 6

[rinatoptimus]

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