Dreamweaver CS3（ドリームウィーバーCS3） ＋ CSS スタートパック / 講座目録
講座目録
- ユニット 1： コースの概要
- コースの概要
- サイトの表示（完成サイトの紹介、フォルダ構成）
- ユニット 2： はじめに
- インターフェイスについて
- Dreamweaverの起動
- Dreamweaverのスタートページ
- デザイナーワークスペース
- ローカルサイトの定義
- Webサイトの作成
- ユニット 3： ドキュメントの作成
- コンテンツの追加
- ドキュメントのマークアップ
- 特殊文字の追加
- 表
- ソースコード整形
- ユニット 4： CSSを使用したフォーマット
- カスケーディングスタイルシートの概要
- HTMLタグのルールの作成
- クラススタイルの作成
- 詳細設定スタイルの作成
- 外部スタイルシート
- プリントスタイル
- スタイルのカスケード順位と継承について
- プロパティインスペクタによる内部スタイルの作成
- ユニット 5： グラフィックの操作
- Webページでのグラフィックの使用（GIF・JPEG・PNG）
- ページへのグラフィックの配置
- イメージのプロパティの変更
- グラフィックの編集
- Flashコンテンツの追加
- ユニット 6： サイトのナビゲーション
- サイトナビゲーションとは？
- ファイルへのリンク
- 他のサイトへのリンク（http://～）
- 電子メールリンク
- アンカーポイントへのリンク
- リンクに対するスタイルの作成
- イメージマップ
- メニューバー（Spry）
- タブ付きのパネル（Spry）
- ユニット 7： CSSを使用したページレイアウトのデザイン
- ページレイアウトについて
- CSSページレイアウトとは？
- divを使用したページデザイン
- ユニット 8： ライブラリおよびテンプレートの使用
- サイトテンプレートの作成
- サイトライブラリ項目の使用
- ユニット 9： テスト、アップロード
- ユニット 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の構造化
- サンプルサイトを作成する
- トップページの完成を確認する
- テンプレートを利用して他のページを作成する
Adobe Dreamweaver CS3: Fundamentals