オープンソースCMSとXHTML+CSSとの関係
オープンソースCMSのデザインをオリジナルで制作する場合、必須の知識としてXHTML+CSSが基本になります。現在のオープンソースCMSのほとんどが、XHTML+CSSでレイアウト・デザインされているからです。
XHTMLとHTMLはどう違うの？と思う人がいるかもしれませんが、HTML4の規格を XMLベースで再形式化したものであり、基本は同じなので、HTMLの知識があれば問題ありません。
簡単に説明すると、XHTMLは、HTMLよりも正確に記述しなければいけない次世代マークアップ言語です。たとえば、HTMLでは省略できるpなどの終了タグは省略できない、brのような空要素にも ＜ｂｒ /＞スラッシュを付けて閉じなければいけない、大文字と小文字を区別する等々。
まあ、Dreamweaverを使えば簡単にHTMLからXHTMLに変換できますが、オープンソースCMSをオリジナルでデザインするにはやはり、基本的なことは勉強しておいたほうが良いでしょう。
XHTMLと同様に重要なのがCSSです。オープンソースCMSに限ったことではなく、現在のWEB2.0の主流になっていて、デザインとHTMLを分離して管理ができるというメリットがあります。大げさに言えば、ウェブサイトのデザインをリニューアルしたい場合は、CSSだけを修正すればデザインが変わるのです。実際に、XHTMLやHTMLのソース内にしっかりとした、CSSの記述をしておけば可能になります。
現在のCSSの使われ方の傾向として、正しいマークアップがされるようになってきています。少し前までは、divを多用し格子状に使い、見た目だけを意識してタグの持つ本来の意味を無視した使われ方でした。しかし最近では、HTML（XHTML）がよりシンプルになり、タグが持つ論理構造を定義する意味を理解した上で、見出しやリストなどが効果的に使われるようになってきています。
CSSのIDやクラスに名前を付ける時も、視覚的なright、left、center、red、blackなどではなく、navigation、menu、contentsのように中身が何なのか分かるように付ける事が推奨されています。例えば、class名がredのものを後から修正が必要になり、文字の色を青にした場合、class名redでは、おかしいですよね？
HTML（XHTML）を正しくマークアップし、CSSでデザインをコントロールすることで、検索エンジンにも人間（訪問者）にも適切に情報が伝わるようになります。XHTML+CSSは、SEO的非常に相性が良く検索エンジンに引っかかりやすい構造になっていますので、習得しても損はないと思います。
XHTML+CSSの無料テンプレートサイト
