WEBデザイン初心者必見！「Slice and Dice that PSD」

Slice and Dice that PSD - NETTUTS （別窓）

PSDをもとにHTMLとCSSをコーディングする工程を紹介する動画です。
Step1では画像のスライスからHTMLのコーディング、そして出来上がったHTMLをバリデータに通すまでが説明されています。
Step2ではStep1で制作したHTMLに対して適用するCSSのコーディングについて説明されています。
IETesterを用いたIE6への対応なども親切に説明されています。素晴らしい。
説明は英語ですが、英語が分からない方でも動画を見れば理解出来るかと思います。

出来上がったHTMLとCSSも公開されています。
どのような工程でWEBサイトを作るか分からない方には特におすすめです。