2012年4月13日「千貫りこのHTML / CSS入門講座」

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

2012年4月20日「千貫りこのHTML / CSS中級講座」

1. “正しい“HTMLを記述する
   • 要素の判断方法
   • ケーススタディ
2. ワンランク上のHTML
   • 画像のaltについて
   • 情報の並び順
   • マークアップする (実習)
   • バリデーションについて
3. 実践的CSSのあれこれ
   • ボックスモデルについておさらい
   • スタイルの優先順位
   • CSSシグネチャ
   • CSSファイルを分割して管理する
   • ルールづくり
   • チェックポイント
   • トラブル発生時のデバッグ方法
4. CSSを記述する (実習)
   • 段組
   • 横並びのボックスの、見かけの高さをそろえる
   • 横並びのボックス内にあるアイテムの縦位置をそろえる
   • displayプロパティのつかいどころ
   • jQueryで作業負荷を軽減する
   • 印刷用CSS

• カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。