千貫りこのXHTML/CSS入門講座

HTMLコーダー

2009/08/29 （有料）

「HTMLの基本をある程度理解している方」を対象として、「適切なマークアップを知りたい」「ボックスモデルの概念を理解したい」「フルCSSレイアウトへの苦手意識を克服したい」という方のために、XHTML文書をきちんとつくり込むためのポイントと、「2カラムレイアウト」など基本的なCSSの記述方法を実習（Dreamweaverを使用）を交えて学習します。

タイトル

千貫りこのXHTML/CSS入門講座

内容

1.XHTML＋CSSの基礎知識
- HTMLとXHTMLの違い
- XHTML＋CSSによる制作のメリット
- XHTML＋CSSのよる制作のワークフロー
- 仕様書、タグリファレンス
2.XHTML文書を作る（実習）
- 文書型宣言と表示モード
- 文書構造を意識する
- ブロックレベル要素とインライン要素
- よく使うタグ
- マークアップのコツ
- バリデーション
3.CSSの基礎知識
- メディアタイプ
- セレクタ、プロパティ
- ボックスモデル
- スタイルの優先順位
- CSSファイルの分割
4.CSSを記述する（実習）
- divによるグループ化
- id/classの違い、命名のコツ
- リセットスタイル
- 知っていると便利な定番スタイル（clearfixなど）
- floatを使った2カラムレイアウト
- テキストのスタイリング
- バリデーション
5.CSSあれこれ
- CSSハック、条件コメント
- IE6対応
- 困ったときの情報収集

講師