プロの使い方を学ぶAdobe Dreamweaver CS5 入門講座 - m

プロの使い方を学ぶAdobe Dreamweaver CS5 入門講
座

ユニット 1： プロの使い方を学ぶ Adobe Dreamweaver CS5 入門講座の概要

本コースについて
o 本書の使い方
o Adobe Dreamweaver とは
ユニット 2： Dreamweaver のワークスペース
o Dreamweaver CS5 の起動
o ワークスペース
 レイアウトボタン
o
ワークスペース切り替えコントロール
 アプリケーションバー
 関連ファイル
 ドキュメントツールバー
 ドキュメントウィンドウ
 タグセレクタ
 プロパティインスペクタ
 パネルグループ
 挿入パネル
o ローカルルートフォルダの作成
o ローカルサイトの定義
 ファイルパネル
 ウォークスルー：ローカルサイトの定義
o Web ページの作成
 Web サイト制作フロー
 HTML ページの新規作成
 新規ドキュメントの環境設定
 ドキュメントツールバー
 ページタイトルの追加
 ページの保存
 ホームページ
 ページのプレビュー
 一時ファイル

ウォークスルー：ドキュメントの作成とプレビュー
ユニット 3： ドキュメントの作成
o コンテンツの追加
 テキストファイルの読み込み
 ペーストスペシャル
 Microsoft Word と Excel のコンテンツの読み込み
 ウォークスルー：コンテンツの追加
o ドキュメントのマークアップ
 文書構造を考慮したマークアップ
 プロパティインスペクタの表示切り替え
 タグについて
 見出し
 段落
 改行
 リストの作成
 リストプロパティの変更
 リストのネスト化
 ボールドとイタリック
 区切り線
 区切り線の変更
 <meta>タグについて
 ウォークスルー：ドキュメントのマークアップ
o 特殊文字の追加
 クイックタグ編集
 区切りなしスペース
 ウォークスルー：特殊文字の追加
o

o
表の取り扱い
 テーブルレイアウト
 テーブルの選択
 テーブル幅の表示
 行／列の編集
 セル余白とセル間隔
 テーブルのプロパティ
 セルのプロパティ
 表データの読み込み
 テーブルのソート
ウォークスルー：表の取り扱い
ユニット 4： CSS を使用したフォーマット
o カスケーティングスタイルシートの概要
 制約
 CSS スタイル定義の場所
 CSS の環境設定
 スタイルレンダリングツールバー
o HTML タグセレクタの作成
 CSS パネル
 タグセレクタの作成手順
 新規 CSS ルールの定義
 スタイルルールの編集と削除
 ウォークスルー：HTML タグセレクタの作成
o クラスセレクタの作成
 クラスセレクタ名について
 クラスセレクタの適用と解除
 ウォークスルー：クラスセレクタの作成
o 外部スタイルシート
 外部スタイルシートの関連付け
 埋め込みスタイルシートを外部スタイルシートへ移動する
 コードナビゲーター
o CSS プロパティインスペクタを使用した CSS の作成
 ウォークスルー：外部でスタイルシートを管理する
ユニット 5： グラフィックの操作
o Web ページでのグラフィックの使用
o ページへのグラフィック挿入



アクセシビリティの設定
 ウォークスルー：ページへのグラフィック挿入
o グラフィックのプロパティ変更
 ウォークスルー：グラフィックのプロパティ変更
o グラフィックの編集
 Dreamweaver でのイメージ編集
 他のソフトとのデータ連携
 ウォークスルー：グラフィックの編集
o Flash コンテンツの追加
 Flash 関連のファイル形式について

SWF の挿入
 Flash Video の挿入
 ウォークスルー：Flash コンテンツの挿入
ユニット 6： サイトのナビゲーション
o サイトナビゲーションとは？
o 内部リンクの作成
 リンクカラーの変更
 ウォークスルー：内部リンクの作成とリンクカラーの CSS 指定
o 外部リンクの作成
 リンクのターゲット指定
 ウォークスルー：外部リンクの作成
o アンカーポイントリンクの作成
 不可視エレメントの表示
 他のページのアンカー
 ウォークスルー：電子メールリンクの作成
o イメージマップの作成
 ウォークスルー：イメージマップリンクの作成
ユニット 7： CSS を使用したページレイアウトのデザイン
o ページレイアウトについて
o CSS ページレイアウトとは
 ボックスについて（マージン・余白・ボーダーの設定方法）
o Div タグを使用した CSS ページレイアウト
 ブラウザのサポート状況
 div タグの挿入
 ボックスモデルの使用
 ウォークスルー：Div タグを使用した CSS ページレイアウト




ユニット 8： ライブラリおよびテンプレートの使用
o テンプレートの作成と適応
 テンプレートの定義
 編集可能領域の定義
 テンプレートの使用
 既存ドキュメントへのテンプレートの適用
 テンプレートの修正
 ウォークスルー：テンプレートの作成と適応
o ライブラリの作成と使用
 ライブラリとは
ライブラリ項目のページへの配置
 ライブラリ項目の修正
 ライブラリ項目の切り離し
 ライブラリ項目の削除
 ライブラリ項目の再作成
 ウォークスルー：ライブラリの作成と使用
ユニット 9： Spry を使用した Web サイト
o Spry の使用
 Spry Widget
o Spry タブ付パネルの作成
 ウォークスルー：Spry タブ付きパネルの作成
o 入力フォームの作成と Spry エリア検証の使用
 アクセシビリティ属性の設定
 空のフォームの追加
 Spry テキストフィールド検証の追加
 Spry テキストエリア検証の追加
 ボタンオブジェクトの追加
 ウォークスルー：入力フォームの作成と Spry エリア検証の使用
ユニット 10： Web サイトの管理とアップロード
o リモートサイトへの接続
 リモートサイトの追加
 リモートのアクセスについて
 FTP アクセス用のオプションの設定
 フォルダとファイルのクローク
 ファイルのアップロード
 新しいファイルの検索



ファイルの同期
 チェックイン/チェックアウト
 ウォークスルー：リモートサイトへの接続とアップロード
o ファイルとフォルダのメンテナンス
 ウォークスルー：ファイルとフォルダのメンテナンス
