スタイルシートを使う

ＳＥＯ対策ということで、色々なサイトを調べてみると、

○HTML上の論理構造をはっきりさせること

という文章をよく目にします。
そのことを頭において、自分のサイトのＨＴＭＬを眺めてみると、もともと『表（<table>タグ）』を、レイアウトを形成する為の基本として用いていたので、Ｗｅｂを視覚的に見た場合は、整っているように見えても、論理構造がほとんど構成されていなかったように思いました。
　
『論理構造』というと、いまいちピンと来ないかも知れませんが、簡単に言うと、
○ＨＴＭＬのソースを上から順番に眺めていった時に、秩序だっているかどうか
という事になると思います。

表（<table>）を多用したページは、視覚的には整って見えるのですが、HTMLのソースを見ると、文脈を感じさせないようなバラバラな配列になっていることは多いような気がします。
それと、<table><tr><td></td></tr></table>のようなタグを多く使わなければならないので、少し複雑なページを作ると、作成されたｈｔｍｌのファイルが大きくなってしまう傾向があります。
　
この問題をクリアする第一歩として、表を用いないページ作成に取り組みました。
　
このページで、大体のイメージがつかめたら、
詳細や正確なところは、ご自身でご確認下さい。
次のサイトは参考になると思います。

色コードの変換（１６進←→１０進）に便利なページ

CSSを活用し始めると、色コードを結構意識する場面が増えてきます。次のページがいいですよ。
http://www.kitaq.net/lib/rgb/

関連書籍



できるクリエイター　逆引きHTML+CSSデザイン事典　Webクリエイターの現場で必要な基本と最新動向 (できるクリエイターシリーズ)
著者: 加藤 善規 　 出版年月: 2011-09-27 　
定価: ￥ 2,415 (新品), ￥ 1,850 (中古)

ウェブデザインのつくり方、インターフェイスデザインの考え方。
著者: 矢野りん 　 出版年月: 2011-09-26 　
定価: ￥ 2,415 (新品), ￥ 1,500 (中古)

ミディアム～ロング　もっと可愛いヘアスタイル―誰よりも可愛くなれる！125スタイル (主婦の友社ビジュアル文庫)
出版年月: 2011-09-14 　
定価: ￥ 780 (新品)

HTML5＆CSS3実践入門　最新Web標準を使いこなす (The Pragmatic Programmers)
著者: ブライアンP.ホーガン 　 出版年月: 2011-07-08 　
定価: ￥ 2,940 (新品), ￥ 2,190 (中古)

CSS3　スタンダード・デザインガイド
著者: エ・ビスコム・テック・ラボ 　 出版年月: 2011-06-14 　
定価: ￥ 2,940 (新品), ￥ 3,750 (中古)