レイアウト自由自在！Dreamweaver CS3（ドリームウィーバーCS3） CSSデザイン手法 / 講座目録
講座目録
- ユニット 1： CSSについて知る
- CSSとは
- CSSの記述方法
- セレクタの種類について
- セレクタの継承と優先順位のルール
- ボックスの概念
- ユニット 2： Dreamweaverの設定を確認する
- サイトを定義する
- CSSを設定する流れ
- CSSルールを作成する
- CSSを適用する
- ユニット 3： 段組でレイアウトする
- Webページ作成の流れを確認する
- 2段組のレイアウトを行う
- 3段組のレイアウトを行う
- ページのレイアウトを崩さず内容を中央に表示する
- ユニット 4： 他のサイトを研究する
- ブラウザでスタイルを適用/非適用時を確認する
- CSSのコードを表示し確認する
- div要素の順序と外枠を表示する
- CSSをその場で編集する
- ユニット 5： ナビゲーションバーをCSSだけでデザインする
- ユニット 6： ブラウザでの表示を調節する
- 文字や区切り線を非表示にする
- リンクが設定されている画像の枠を消す
- ブラウザとの隙間を調整する
- 枠をはみ出す画像を調節する
- ブラウザによる表示の違い（タイプ宣言）
- ブラウザの表示問題に対処する
- ユニット 7： 見出しを効果的に見せる
- 見出しと段落のブロックを1つのデザインとして表現する
- 文字をデザイン文字に置き換える
- ユニット 8： 角丸デザインの枠を作る
- 幅を固定した角丸デザイン
- 幅を自由に設定できる角丸デザイン
- ユニット 9： 印刷用のCSSを作成する
- 外部CSSを用意する
- メディアタイプを設定する
- スタイルルールを設定する
- スタイルレンダリングで確認する
- ユニット 10： テンプレートで効率のよいサイトを制作する
- テンプレートの利用方法
- テンプレートを作成する
- テンプレートから新規ページを作成する
- ユニット 11： 実習：サイトを制作する
- サイト制作のワークフロー
- Webサイトの設計
- HTMLの構造化
- サンプルサイトを作成する
- トップページの完成を確認する
- テンプレートを利用して他のページを作成する
