ウェブサイト（ホームページ）を作る方法の一つとして、スタイルシートによるサイト作成手法があります。
というよりも、これからのサイトは、スタイルシートによるサイト以外は考えられません。
ＳＥＯ対策の面でも、デザインの共通化や変更のしやすさを考えると、ウェブサイトは
スタイルシートで作るべきです。

スタイルシートは、主にＣＳＳによって記述されたＨＴＭＬを制御するもの。

わかりにくいですね！

ホームページは文章や画像によって作られますが、文章や画像の配置を決めるのが
スタイルシートです。

スタイルシートは簡単です。私でもマスターできました。
ブログはすべてスタイルシートによって作られています。ブログを書いている人は知らないうちにスタイルシートを使っているのです。
ホームページビルダーなどのホームページ作成ソフトを使ってホームページを作るより簡単です。
覚えてしまえば！！！

スタイルシートでサイトを作る前は、テーブルタグを使ってサイトのレイアウトをしていました。
テーブルタグとは表組みのことです。

テーブルタグとスタイルシートによるデザインの例を、簡単にご説明します。

左サイドタイトル１	メインコンテンツタイトル１
左コンテンツ１の内容 左コンテンツ１の内容 左コンテンツ１の内容 左コンテンツ１の内容 左コンテンツ１の内容	メインコンテンツ１の内容 メインコンテンツ１の内容 メインコンテンツ１の内容 メインコンテンツ１の内容 メインコンテンツ１の内容
左サイドタイトル２	メインコンテンツタイトル２
左コンテンツ２の内容 左コンテンツ２の内容 左コンテンツ２の内容 左コンテンツ２の内容 左コンテンツ２の内容	メインコンテンツ２の内容 メインコンテンツ２の内容 メインコンテンツ２の内容 メインコンテンツ２の内容 メインコンテンツ２の内容

上は左サイド２カラムのデザイン例です。

このデザイン例のＨＴＭＬソースを見てみましょう。

＜table width="400" cellspacing="10">
＜tbody>
＜tr>
＜td bgcolor="#9393ff" width="40%">＜strong>左サイドタイトル１＜/strong>＜/td>
＜td bgcolor="#9393ff" width="60%">＜strong>メインコンテンツタイトル１＜/strong>＜/td>
＜/tr>
＜tr>
＜td>
左コンテンツ１の内容＜br>
左コンテンツ１の内容＜br>
左コンテンツ１の内容＜br>
左コンテンツ１の内容＜br>
左コンテンツ１の内容
＜/td>
＜td>
メインコンテンツ１の内容＜br>
メインコンテンツ１の内容＜br>
メインコンテンツ１の内容＜br>
メインコンテンツ１の内容＜br>
メインコンテンツ１の内容
＜/td>
＜/tr>
＜tr>
＜td bgcolor="#9393ff" >＜strong>左サイドタイトル２＜/strong>＜/td>
＜td bgcolor="#9393ff" >＜strong>メインコンテンツタイトル２＜/strong>＜/td>
＜/tr>
＜tr>
＜td>
左コンテンツ２の内容＜br>
左コンテンツ２の内容＜br>
左コンテンツ２の内容＜br>
左コンテンツ２の内容＜br>
左コンテンツ２の内容
　　　＜/td>
＜td>
メインコンテンツ２の内容＜br>
メインコンテンツ２の内容＜br>
メインコンテンツ２の内容＜br>
メインコンテンツ２の内容＜br>
メインコンテンツ２の内容
＜/td>
＜/tr>
＜/tbody>
＜/table>

＊実際には　＜　は　<　にします。

次に同じものをスタイルシートを使って作ります。