ススメ 2008年09月19日

前回作った背景画像やインラインイメージを使ってまずは大枠となるブロックをコーディングします。HTMLは前回載せましたソースをベースに各タグ（段落タグなど）と全体の状態を見る為に仮の文章を挿入していきます。

デザイン、レイアウトを確認する場合に注意しなければいけないのが、トップページと記事ページの表示内容の違いを把握しなければいけません。（後々の忍者ブログ独自タグを挿入する場合にも重要）
違いを簡単に説明すると、トップページでは記事本文を複数表示（デフォルトでは5件だったかな？）し、記事ページでは１件の記事本文と追記記事、コメント、トラックバックを表示します。（カテゴリ表示やカレンダーでの表示はトップページと同じくくりになります。）

まずは、大まかなブロックをスタイルシートでコントロールしてレイアウトしようと思いますので比較的HTMLが短いトップページから進めていきます。

HTMLはこんな感じ･･･（bodyタグ内）