• スタイルシートとは：
  コンテンツとレイアウトを分離して管理する工夫。コンテンツはHTML、レイアウトはCSSと言うところだ。
  　
• 何故、コンテンツとレイアウトを分けるか：
  複数のコンテンツ（ホームページかな実質的には）をもっていてレイアウトを一括管理したい時は便利。
  勿論、複数のレイアウトイメージを持っていて、簡単に変更するにはレイアウトを分離していると加担だろう。
  だから、その両方の性格を持つ、ブログサイトはスタイルシートを使うしかない。オープンにしているかどうかはともかく。
  　
• スタイルシートの欠点/弱点は：
  HTMLとCSSと両方の管理は大変に決まっている。今まで馴染んできたHTMLは良しとして、CSSは扱いが分からない。最初は我慢してやっていくしかないな。何故か？。
  　
• 何故、あなたは（私もだが）スタイルシートを使うか：
  その理由は簡単。誰にとってもこれからはWEB上の情報が増える一方。デジタルディバイドで外されている人は別として、コミュニケーションのあり方、存在証明のあり方の一つとしてWEBサイトは全ての人が利用する。何を言いたいかというと、誰でも大量のページを抱えて途方にくれる訳さ。だから、一歩先に行く奴にはCSSは常識とならざるを得ない。ましてやサイトの管理を通して報酬を得ようとするアフィリエーター（アフィリエートをやる人）には必須のスキルと言う訳だ。
  　
• いつからCSSを始めるか：
  これを見たこの瞬間から始めるべし。と言っても先ずはお勉強。お助けサイトもあちこちに出ている。関連の書籍も、大きな書店では探すのに苦労しない。２００４年はブログのインフラと言うことをも含めてCSSの普及期に入ったと見てよい。なんてったって、私がその気になってきたのだから。
  それと、どんなに単純でも、自分のCSSを作って、自分のページに適応させながら、HTMLを直さないでCSSを直すという試行錯誤を始めてみよう。
  　
• スタイルシートのもう一つの問題：
  これは当分続く問題になるとおもわれること。今CSSのバージョンはCSS2になっているらしいが、肝心のブラウザがこいつを解釈してくれなければどうしようもない。
  で、今はどうしようもないらしいのだ。困ったね。ブラウザの起源を損ねる部分は従来通りHTMLで、記述するしかない。
  　
• 何故、スタイルシートを急ぐか：
  CSS活用の時代に入って、HTMLの資産を多く持っていると手戻りが大変と言うこと。だから、これからあまりサイトコンテンツを増やす予定のない人、変更の用のないサイトの人はCSSはうっちゃっておいていい。

さて、基本を理解するには以下のサイトが有用かな。

• とほほのスタイルシート入門
  http://tohoho.wakusei.ne.jp/css/index.htm
  　
• とほほのスタイルシート入門（基礎知識）
  http://tohoho.wakusei.ne.jp/css/basic.htm
  　　
• スタイル シートを作成するには（フロントページ）
  http://support.microsoft.com/default.aspx?scid=kb;ja;882015
  　
• Web制作の基本：スタイルシート
  http://hotwired.goo.ne.jp/webmonkey/authoring/stylesheets/

1. Zen Garden
2. W3C Cascading Style Sheets home page

 HTML&スタイルシート
 ■デザインブック
 付録CD-ROMのテンプレートですぐできる

実験工房における君のミッションは、上記推薦図書の全てのチャプター・全てのサンプルに対して、以下の３点を実施し、ゴルドラ・コレクションを完成することである。

• スタイルシートを外部ファイル化する。
• コンテンツをゴルドラ・コレクションに変更する。
• 全てのページに広告リンクを貼り付ける。

CSSの構造は、HTMLの構造に対応付けて、レイアウト、カラーリング等のデザイン情報の設定を行う。

例えば、

◇ヘッダー部についての設定を行う。HTML(コンテンツ)にヘッダーが作成されていればCSSが設定したヘッダー部デザインは有効に働く（はず）。HTMLがなければ（多分）無視される。

ここには、ロゴ、

◇フッター部も（多分）同様。

◇メイン部は、

�@サイドバーなし、�A右サイドバー、�B左サイドバー、�C左右サイドバーの４種類を考えることが出来る。

ポイントはこの�@〜�CをミックスしてHTMLとして利用できるか、即ち�@〜�Cが人に繰り返して出現でき、それぞれCSSの設定に対応して表示できるかである。もしそうであれば、CSSは�@〜�Cについて一通り設定しておき、HTML側で任意に形態を変えることができるのでページの自由度が増す。

後、ワンボックススタイルを追加で用意すれば事足りる。

■結論

CSSは構造的にはフル・カバータイプ１種類あれば済むのかな。カラー、イメージのデザインはテーマごとに用意する。

サイトが複数ある。テーマも複数ある。ISMS系列のサイト。GOLDRA系のサイト。THETA系のサイト。SHYLOCK系のサイト（これから守銭奴）。MONAを追加する。ヤング＆キュートなアメリカ人。

どこにハーモニーが必要か。関連テーマ(テーマ・キャラ）が一致する時はハーモニーをとりたい。

ページの性格によって、デザインは変えたい。トップページには検索ボタン、カウンターとか、付けたい。ポリシーとか挨拶のページには違った雰囲気を置きたい。

CSS(レイアウト／デザイン）とHTML(コンテンツ）はセットで考える必要がある。ブログは多分裏でコンバータでも走らせていると思うが、あれくらいデザイン的に変化が利くなら素晴らしい。

[テーマ種別]x[ページ機能]→[HTML+CSSセット]

少なくともページ機能の数だけ、CSSの構造は必要。CSSの中身（具体的なカラーリングなど）はテーマの数だけ必要。HTML+CSSの構造は単純から複雑に行くのは手が掛かる。最初から複雑に作っておいたほうがコントロールは利く筈だ。

パターンは絞る（1→6へ漸次改造発展）｜カラーリングで変化を付ける

■４テーマｘ2パターン→８種類のCSSセット

｜ISMS｜GOLDRA｜THETA｜SHYLOCK｜

｜パターン５｜パターン6｜（Surprise New）

ただし、基本形にこだわらないこと。HTMLを自在に構成するように、CSSも自在に作りこめばよい。

マイクロソフト
Internet Explorer

ネットスケープ
Netscape

mozilla Fire Fox
http://www.mozilla-japan.org/
フリーみたい。スタイルシートへの対応度も高い。これからはこれで行くか。

Opera
http://www.opera.com/
http://opera.livedoor.com/index.html
フリー版は広告入り。

アップル
Safari
http://www.apple.com/jp/safari/
Mac OS用。従って利用不可。

※Firefoxだな。なぜなら一番んおユーザーは自分自身だもんね。