レイアウト生成

はじめまして。@ parallel mindsのkengochiです。

挨拶はこの辺にして、では早速。
cssでのデザインは大きく２つに分けられると思います。
色や枠線といった装飾的なものと、レイアウト・配置です。
blogで比較的よく使われているレイアウトとしては
ヘッダ+２コラム、ヘッダ+3コラムといったものですが
これらのレイアウトってなかなか大変です。
僕もいまだによく悩んでたりします。
そういったレイアウトを自動生成してくれるツールがあるんです。
これを使わない手はないんじゃないでしょうか。

まずは
Free Online HTML CSS Template Generator - Code for 3 Column Template Layout without Tables
ヘッダに画像が指定できたりします。
値を指定する箇所がたくさんありますので
はじめて、という方にはちょっと難しいかもしれません。
ページのインターフェイスとしてもごちゃごちゃしています。
＃cssもエラー含みなようです。

次に
CssCreator->Page Layout
こちらも値を指定する箇所がたくさんある=高機能なのですが
Left Columnの数値指定はチェックを入れるまで表示されない
といったあたりに親切さを感じます。
また、ページ右にあるNetscapeのウィンドウ内で
プレビューできるのでわかりやすいでしょう。
さらにfooterもレイアウトに含めることができます。

３つ目は
inknoise
一番シンプルで一番わかりやすいページです。
機能は前述の２つには少し劣りますが
「レイアウト」だけを試してみたいということであれば十分でしょう。

既存のblogサイトのcssを見て研究するのもよいのですが
レイアウトだけに特化してあるこれらのツールで生成されたソースを
研究する方が楽かもしれませんね。