第56回 はじめてでも安心、XHTML+CSS基礎講座
HTMLと XHTMLの違いをはじめ、最新のHTML5にも触れて解説します。 タグに慣れていない方でも効率的に頭に入りやすい解説で楽に学ぶ事ができます。 CSSの基本からレイアウトの基礎力をつけることができ、8.5時間と長時間ですが受講者からは充実していて時間が経つのが早く、書籍では理解できない内容も勉強できると評判です。
カリキュラム
対象者
- Dreamweaverなどのオーサリングソフトに頼ってしまっている方
- (X)HTML/CSSのタグをキチンと理解して、ウェブサイトを制作したい方
- CSSレイアウトをマスターされたい方
- 作られたウェブページのソースを理解したい方
- divを必要以上（1ページに10個以上）利用される方
開発設定/利用ブラウザ
- TeraPad / Firefox
XHTMLとHTMLの理解を深める
- HTMLとXHTMLの違いを認識
- HTML5になっていく背景と移行までのポイント
- マークアップ言語の歴史
- ブラウザ状況/歴史
- 標準準拠モード、過去互換モードの理解
- 宣言とは？また、その記述方法
- 文書型宣言の種類
マークアップの基礎を学ぶ
- ブロックレベル要素とインライン要素
- 正しい文書構造の理解
- マークアップのポイント
- タグの理解とセレクタの理解
（X)HTMLの要素
- HTMLとXHTMLとの比較と理解
- 使える要素と属性
- 文章構造に適したセマンティックなマークアップを理解【実習】
- DTD・XML宣言の理解
- DOCTYPEスイッチ
- 検証ツールのご紹介
CSS基礎
- CSSの歴史とブラウザの状況
- CSS記述方法を学ぶ
- メディアタイプ
- @import規則
- CSS優先スタイルの解釈方法
- ブラウザの初期化
- 擬似要素
CSSスタイルとレイアウトの基礎をマスター【実習】
- ブロックレベル、インライン要素のスタイル
- CSSスタイルデザイントピックス
- floatの仕組み
- 検証ツールの紹介と実習を通しながら使用
クロスブラウザを実現するための基礎知識【実習】
- ボックスモデルとIE6へのハックを理解
- 現ブラウザ対応の適切な外部スタイル(パスフィルター）の適用方法