XHTML+CSS-02-応用編

XHTML+CSS講座その2・応用編の学習コンテンツです。
Windows8で作成していますが、他バージョンのWindowsでも対応可能です。

• 第01章:画像ファイルの挿入
  • §01-01…画像ファイルの挿入・準備
  • §01-09…背景画像の繰り返し
  • §01-02…画像の挿入＜img /＞
  • §01-03…回り込み＜float＞
  • §01-04…回り込みの解除＜clear＞
  • §01-05…画像ボタン作成の準備
  • §01-06…画像をリンクボタンにする
  • §01-07…画像のボーダーを変更する
  • §01-08…背景画像 {background-image}
  • §01-10…背景画像の表示位置
  • §01-11…body内部・ボックスの拡張範囲と＜min-height＞
  • §01-12…その他の要素に背景を設定する
• 第02章:リストの作成
  • §02-01…リストの作成・準備
  • §02-02…箇条書きリストの作成＜ul＞＜li＞
  • §02-03…連続番号リスト＜ol＞
  • §02-04…リスト全域とリスト項目
  • §02-05…段落番号・箇条書き記号の位置{list-style-position}
  • §02-06…リストの中にリストを作成する
  • §02-07…第二レベルのリストにCSSを適用する
  • §02-08…記号のタイプを変更する
  • §02-09…リスト記号に画像ファイルを使用する
  • §02-10…全称セレクタ(＊)
• 第03章:サイト作成に関する重要知識
  • §03-01…ブラウザーの種類
  • §03-02…CSSを適用しないでブラウジングする
  • §03-03…CSSの初期化・基本設計
  • §03-04…HTMLにコメント
  • §03-05…CSSにコメント
  • §03-06…1つの要素に複数のclass属性を設定する【参考学習】
  • §03-07…CSSの文法チェック(CSS Validator)
  • §03-08…CSSの優先順序1
  • §03-09…CSSの優先順序2【参考学習・id属性について】
  • §03-10…文字のサイズと画面サイズについて考える
• 第04章:範囲の設定とレイアウト
  • §04-01…範囲の設定とレイアウト＜div＞・準備
  • §04-02…範囲をグループ化する＜div＞
  • §04-03…全域を＜div＞で囲み制御する
  • §04-04…コンテンツエリアと左右の余白 {margin:auto}
  • §04-05…最小幅・最大幅
  • §04-06…2段組み・領域ボックス(div)をfloatさせる
  • §04-07…{float}の解除・{clear}とフッターの作成
  • §04-08…ブロックレベル要素をインラインレベル要素へ{display}
  • §04-09…ボックスの高さの設定と{overflow}プロパティ
  • §04-10…リンクバーの作成(サイド)とリンク部の拡張
  • §04-11…疑似クラス・ホバリング＜a:hover＞
• 第05章:SEO(検索エンジン最適化)
  • §05-01…SEO(検索エンジン最適化)・概要
  • §05-02…タイトルを設定する
  • §05-03…keywordsの登録
  • §05-04…descriptionの記述
  • §05-05…重要キーワードはページの上に来るようにする
  • §05-06…的確に見出しを設定する
  • §05-07…強調語を設定する
  • §05-08…画像にalt属性を設定する
  • §05-09…リンク個所にtitle属性を設定する
  • §05-10…表にsummary属性を設定する
  • §05-11…被リンクページ数を増やす
  • §05-12…サイトの申請をする
  • §05-13…ガイドラインを確認する
  • §05-14…不正行為をしない
• 第06章:レイアウトの考え方
  • §06-01…レイアウトの考え方・準備
  • §06-02…横並びのグローバルナビゲーションの作成
  • §06-03…隣接セレクタを利用した列の書式設定
  • §06-04…3段組みの設定
  • §06-05…ウィンドウ幅によりCSSを変更する
  • §06-06…id属性とリンク
  • §06-07…インラインフレーム＜iframe＞
  • §06-08…サイドメニューのみ固定の可変レイアウト(現在の流行)
  • §06-09…ボックスのサイズ【参考学習】