基本データとなる格子ファイル

大した構成はなく左側上部にロゴ固定の右ボディで単純な2カラム組みの設計。実際は3段ケースが存在するので、ベースはプチ3段なのだが、最も注意すべき部分は常に顔であるロゴが各ページ決まったポジションに表示される事。
ここでは、全幅715ptに対してロゴ位置左マージン5ptトップマージン8+29ptに決定。コンテナの全幅715pは左右マージンが左右autoで全体がセンタリングなスタイル。
どちらかと言うとフォントもバラバラにせず、種類をまとめどうしてもこだわるインデックス部分は、SEOに関係するキーワードでもないので画像処理しています。（笑）
単純にスタイルの設計図に基づいて、コンテナ＞ヘッダー＞コンテンツ＞フッダーに至まできっちり定義しそれをスタイルシートとして外部ファイルに書き出すだけなのだが、当然ながら初期の設計図はわりとややこしい。見やすくシンプルが一番なのかな？ちなみにフォントＣＳＳはスタイルと切り離して別に組んでます。