…ここからが続き

はじめに

CSSレイアウトを実際に少しやった人なら分かるかもしれませんが、コーディングの仕方は人それぞれなので、今回組んでいくのは普段自分やっているやり方でやるので、そこはご了承下さい。

デザインがあがってきた状態でコーディングをする時、自分はまずどうスライスするか？
マークアップはどうするか？
を先に考え、頭の中で簡単な構成を作ってからコーディングに入ります。
マークアップについては人によって考え方が違うので、今回は自分の独断でやらせて貰うので、そこは合せて下さい。

自分は実際CSSレイアウトをやる手順として全体のレイアウトを作り、そして、中のコンテンツの調整をしていくので、この順序で解説していきたいと思います。

練習用フォルダ一式

• 練習用フォルダダウンロード

解凍して頂くとマークアップ済みのhtmlファイルと画像やCSSのパスを揃えるって意味でも、imageフォルダ、styleフォルダを作った状態にしています。

これで準備は整ったので次のエントリーから実践に入っていきたいと思います。

留意事項

• サンプルはテンプレートとしての仕様のみ許可します。配布はしないでください。
• 対象ブランザはIE6、IE7、Firefox2、Safari3.1で行っています。