実践で覚えるスタイルシート作成講座　XHTML + CSS

実践で覚えるスタイルシート作成講座

1、	WEB標準のホームページ作成基本用語
２、	基礎となるCSS(スタイルシート)の作成
３、	CSS marginとpaddingの設定について
４、	CSSのヘッダーの設定
５、	HTMLに著作権の表示を記入する
６、	メインコンテンツの中身の作成
７、	CSS 見出しタグの装飾
８、	CSS デザインの変更
９、	CSS メインメニューボタンの作成
１０、	ホームページのページを追加する
１１、	CSS ヘッダーの装飾①(ヘッダーに画像を指定）
１２、	CSS ヘッダーの装飾②（横に繰り返す画像）
１３、	CSS ヘッダーの装飾③（モニターいっぱいに表示）
１４、	CSS ヘッダーの装飾④（ロゴマークの挿入）
１５、	CSS 背景に壁紙を指定する
１６、	CSS 背景画像を重ねる設定
１７、	CSS 背景画像を横に繰り返す指定
１８、	CSS 背景を1枚の大きな画像に設定する
１９、	CSS 背景画像を使ってヘッダーをモニターサイズピッタリに表示する
２０、	CSS メニューボタンの装飾①
２１、	CSS メニューボタンの装飾②

２２、	CSS box(ボックス)の指定
２３、	CSS box(ボックス)の編集①
２４、	CSS box(ボックス)の編集②
２５、	CSS box(ボックス)の編集③
２６、	見出しと一体化したCSS box(ボックス)
２７、	CSS box(ボックス)の装飾①
２８、	CSS box(ボックス)の装飾②
２９、	CSS box(ボックス)を横に並べる設定
３０、	カーソルオーバーで画像を半透明にする
３１、	テキストエリアボックスの設定
３２、	CSS box(ボックス)の文字に下線を付ける
３３、	CSS box(ボックス)で作成したメニューギャラリー
３４、	CSS table(テーブル)を使ったレイアウト①
３５、	CSS table(テーブル)を使ったレイアウト②
３６、	CSS table(テーブル)サンプル
３７、	CSS 2列レイアウトの作成
３８、	背景画像でサイドバーを区切る
３９、	CSS サイドのメニューボタンの装飾
４０、	CSS サイドバーを右側に設定する
４１、	ヘッダーをモニターいっぱいに表示させる
４２、	CSS 3列レイアウトの作成
４３、	CSSテンプレートサンプル集（作成解説付き）

本サイトで学習すると作成出来るホームページの作成例

　本サイトでは、CSS（スタイルシート)の作成におけるいろいろなシチュエーションを想定して、2列や3列の
　レイアウトパターンの作成方法やボックスやテーブルの作成、配置の方法などを詳細に解説しています。
　難しそうなデザインもCSS（スタイルシート）の作成方法を理解すれば難なく作成できます。
　本サイトではCSSスタイルシート）の作成方法を簡単に分かりやすく解説するため、デザインは非常にシンプルに
　しています。オリジナルの背景やボタンを使えば自分好みのデザインへ簡単に変更できます。
　ぜひ本サイトで、XHTML　＋　CSS　でのホームページ作成をマスターして下さい。

W3C準拠のWEB標準
　本サイトで解説しています XHTML＋CSSはW3Cの推奨規格にパスをしたWEB標準に準拠しています。
　サンプルで紹介するHTMLやCSSはすべて、WEB標準準拠であることを確認しています。
　ですから今後進められるであろう、WEB標準化に対応したホームページ作成がしっかり学べます。

		http://validator.w3.org/にアクセスし、下記で紹介しているサンプルのURLを入力すると WEB標準に準拠しているか調べられます。
		http://jigsaw.w3.org/css-validator/#validate_by_uploadにアクセスし、作成したCSS（スタイルシート）をアップロードすると、WEB標準に準拠しているか調べられます。※CSSのURLを入力して調べると、うまく判読されません。