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