После создания сайта в фотошопе вам необходимо его «оживить», т.е. закодировать для размещения в интернете.  Если вы новичек в кодировке, то при помощи этих уроков вы быстро разберетесь с тем, как надо кодировать сайт. А если вы опытный веб-дизайнер, то всегда полезно просмотреть  технику кодирования других профессионалов для нахождения новых решений.

В этой статье собраны уроки для создания чистого и грамотного HTML/CSS кода для веб-сайта. А так же включены уроки кодировки с использовнием HTML5 и CSS3.

Кодируем HTML 5 макет с нуля (от Smashingmagazine)

Верстка сайта припомощи HTML5

HTML 5 and CSS 3: техника, которой вы вскоре будете пользоваться (от net.tutsplus)

Верстаем цветочный блог

Постройте сайт-портфолио с чистого листа (от Spoongraphics)

создаем верстку для портфолио

Создайте стильный сайт (от net.tutsplus)

кодируем стильный сайт

Конвертируем PSD в xHTML/CSS( line25)

Конвертируем PSD в xHTML/CSS

Видео урок: преобразования макета PSD в HTML/CSS (от Css-tricks)

подробный видео урок о конвертации PSD - HTML

Создаем чистый и грамотный код (от Line25)

Как верстать сайт psd в html и css

Перенос макета PSD на HTML/CSS: видео урок (от Css-tricks)

Преобразование psd в html и css

Если Вам интересно как создаются макеты в фотошопе просмотрите сборник вот этих уроков ->