スタイルシートでレイアウトする « W3C勧告に準拠・Web標準ホームページテンプレート

スタイルシートでレイアウトする

これまでホームページを作成したことのある方のほとんどがページのレイアウトにはテーブルを使っていることと思います。多くの制作ソフトのテンプレートがテーブルレイアウトと言うこともありますし、なんと言っても視覚的にレイアウトがしやすいのがメリットかもしれません。

しかしながらテーブルはあくまでもテーブル(表)であるため、決して望ましいサイト作りとはいえません。HTMLは複雑になりすぎサイトの管理、運営も面倒になりがちです。

決して全てのテーブルレイアウトを否定しているわけではありませんが、多くのホームページはテーブルでレイアウトするよりもスタイルシートの方がすっきりするなぁと感じます。

またHTMLだけでは実現できないデザインもスタイルシートにより可能となり、ホームページの表現の幅が格段に広がります。そして何といっても適切なHTMLを記述することによりSEOに効果があり、サイトのメンテナンス性も上がるメリットがあります。

ただ、スタイルシートを書いたことのない人にとってはその記述内容はHTML以上に謎であるでしょう。そこでスタイルシートデザインテンプレートが活躍するわけです。

テンプレートを使えばあなたはスタイルシートのファイルを編集することなくシンプルなHTMLをマニュアルどおりに記述していくだけでスタイルシートデザインのホームページを作成することが出来ます。

そして少し慣れてきたらスタイルシートのファイルを開いてみて、文字の色などをあなたの好みに変えていくのもよいでしょう。

こちらの記事も参考になるかも