Как перейти на вёрстку макетов?

Question

[Данил Антошкин]

Некоторое время изучаю HTML5/CSS3 и хочу преступить непосредственно к вёрстке несложных макетов, с чего начать этот переход?

Answer 1

[JohnDaniels]

1. взять макет
2. сверстать макет

Comments

[Данил Антошкин]

Лучше бы вы его не писали, это как с супом,
1. взять ингредиенты
2. сварить суп
Я думаю понятно что вас ответ не несёт информативности

[JohnDaniels]

Данил Антошкин: ты будешь удивлен, но на самом деле это очень толковый ответ

[jacksparrow]

Данил Антошкин: Если был ваш вопрос как начать варить суп, ответ был бы взять рецепт и начать варить.

[Данил Антошкин]

jacksparrow: Дело не в последовательности действий, а в мелочах, поэтому я и обратился сюда, тем более я только начинаю преступать к вёрстке макетов и тратить время потом на переучивание, как минимум глупо

[jacksparrow]

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

[Immortal_pony]

Данил Антошкин, ответ отличный. Непонятно, что у вас вызывает трудности.

[Tangent]

Данил Антошкин: еще это почитайте bem.info

Answer 2

[Антон]

1. Возьми любой бесплатный шаблон вот тут.
2. Начинай верстать и гугли непонятные моменты. Если не получается загуглить - задавай вопросы на тостере.

Для старта хватит самых базовых знаний из курса codecademy по HTML и CSS, к примеру.

Answer 3

[Артем Чернявский]

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

Comments

[Данил Антошкин]

Это единственный путь ?
Вы так и начинали верстать макеты ?

[Артем Чернявский]

Да... тут важно очень много кодить)

[Данил Антошкин]

Артем Чернявский: Спасибо, может вы что-то мне можете порекомендовать по урокам ?

[Сергей Софьичев]

Данил Антошкин: их куча) я начинал Sorax`a смотреть

Answer 4

[sergey]

У меня одного такой наивный вопрос: а как это

Некоторое время изучаю HTML5/CSS3 и хочу преступить непосредственно к вёрстке

вообще возможно? Как можно учить и не верстать? Что ты вообще учишь - буквы? А говорить когда будешь?

Comments

[Данил Антошкин]

Верстаю, но не макеты из psd

Answer 5

[Eugene 222]

Подумать как можно максимально автоматизировать верстку:
А именно, попробовать поизучать psd файлы.
(По какому принципу их собирают дизайнеры, как это можно замапить на html/css с минимальным участием человека)
Или же, поизучать компоненты, например: react.rocks
Понять, как можно их интегрировать с минимальным участием человека.
----------
А вообще, я считаю верску тяжелой скучной и неблагодарной работой.
Но, как другие уже сказали, берете и верстаете пока не дойдет до автоматизма.