Adobe Dreamweaver CS3: Fundamentals(アドビ ドリームウィーバーCS3:ファンダメンタルズ) / 講座目録

講座目録

  • ユニット 1: コースの概要
    • コースの概要
    • サイトの表示(完成サイトの紹介、フォルダ構成)
  • ユニット 2: はじめに
    • インターフェイスについて
    • Dreamweaverの起動
    • Dreamweaverのスタートページ
    • デザイナーワークスペース
      • [挿入]ツールバー
      • ドキュメントツールバー
      • タグセレクタ
      • プロパティインスペクタ
      • パネルグループ(開く・閉じるなど)
      • ワークスペースの変更と保存
      • ファイルのタブ切り替え
      • メニュー表示の環境設定
    • ローカルサイトの定義
      • ローカルルートフォルダの作成
      • ローカルサイトの作成
        • 基本設定
        • 詳細設定
          • [ファイル]パネル
    • Webサイトの作成
      • Webサイト制作フロー
      • HTMLページの新規作成(DOCTYPE宣言・XHTMLなど)
      • ページタイトルの追加
      • ページの保存(ファイル名の規則など)
      • ページのプレビュー
      • ファイルとフォルダのメンテナンス
        • ファイル名の変更
        • ファイルの移動
  • ユニット 3: ドキュメントの作成
    • コンテンツの追加
      • テキストファイルの読み込み
      • ペーストスペシャル(環境設定も含む)
      • Microsoft WordとExcelのコンテンツの読み込み
    • ドキュメントのマークアップ
      • 文書構造を考慮したマークアップとは?
      • 見出し
      • 段落
      • 改行
      • リストの作成
        • リスト
        • 番号リスト
      • ボールドとイタリック
      • 区切り線
      • 行揃え
      • <meta>タグについて(descriptionとkeyword)
    • 特殊文字の追加
      • 複数スペース
      • 特殊文字の追加(©など)
      • 日時の挿入
      • テーブルの作成
      • テーブルの選択(行・列・セルの選択)
      • 行の編集(追加・結合・分割)
      • テーブルのプロパティ
      • セルのプロパティ
      • 表データの読み込み(タブ区切りCSVデータの読み込み)
      • テーブルのソート
    • ソースコード整形
      • ソースフォーマットの適用
      • Word HTMLドキュメントのクリーンアップ
      • ソースコードの変換
      • クイックタグ編集機能の使用
      • コードビュー(コードヒントについて)
  • ユニット 4: CSSを使用したフォーマット
    • カスケーディングスタイルシートの概要
      • CSS の記述方法
      • CSSスタイル定義の場所
      • CSSの利点
      • 制約
      • CSSの環境設定
    • HTMLタグのルールの作成
      • CSSスタイルパネル
      • HTMLタグのルールの作成手順
      • 新規CSSルールの定義
      • スタイルルールの編集と削除
      • 文字修飾に関するスタイル作成のポイント(文字サイズの単位・フォントファミリー)
    • クラススタイルの作成
      • クラススタイルの作成手順
      • クラススタイル名の指定について
      • スタイルの適用
      • クラススタイルの解除
    • 詳細設定スタイルの作成
      • 擬似要素セレクタの使用
      • 組み合わせセレクタ
    • 外部スタイルシート
      • 外部スタイルシートファイルの新規作成
      • 外部スタイルシートの関連付け(リンクと読み込み、メディアタイプなども含む)
      • 埋め込みスタイルシートを外部スタイルシートへ移動する
    • プリントスタイル
      • プリントスタイルの作成
      • スタイルレンダリングツールバー
    • スタイルのカスケード順位と継承について
      • スタイルの継承
      • 優先順位
    • プロパティインスペクタによる内部スタイルの作成
      • フォントの変更
      • フォントサイズの変更
      • フォントの色の変更
      • テキストの配置の変更
      • ページプロパティの変更
  • ユニット 5: グラフィックの操作
    • Webページでのグラフィックの使用(GIF・JPEG・PNG)
    • ページへのグラフィックの配置
      • アクセシビリティの設定(環境設定とプロパティ)
      • [挿入]バーを使用したイメージの挿入
      • [ファイル]パネルからのイメージの追加
    • イメージのプロパティの変更
      • イメージサイズの変更
      • イメージの周りに枠を設定
      • イメージの周りの余白を設定
      • イメージの周りに文字を回り込ませる
    • グラフィックの編集
      • プロパティでのイメージ編集(切り抜き、リサンプリング、明るさおよびコントラストなど)
      • 他のソフトとのデータ連携
        • FireworksとのRoundtrip
        • Photoshopデータの挿入(.psdファイル)
    • Flashコンテンツの追加
      •  Flashコンテンツの挿入
      • Flash Videoの挿入
  • ユニット 6: サイトのナビゲーション
    • サイトナビゲーションとは?
      • リンク
      • リンクタイプ
      • グローバルリンク
    • ファイルへのリンク
      • ファイルプロパティのファイル参照
      • ファイルプロパティのファイル指定
      • イメージのリンク指定
    • 他のサイトへのリンク(http://~)
    • 電子メールリンク
    • アンカーポイントへのリンク
      • アンカーの作成
      • 不可視エレメントの表示
      • アンカーへのリンク
    • リンクに対するスタイルの作成
    • イメージマップ
    • メニューバー(Spry)
    • タブ付きのパネル(Spry)
  • ユニット 7: CSSを使用したページレイアウトのデザイン
    • ページレイアウトについて
    • CSSページレイアウトとは?
      • ボックスについて(マージン・余白・ボーダーの設定方法も)
      • ブラウザのサポート状況
    • divを使用したページデザイン
      • スタイルの設計(今回作成するスタイルの図の紹介)
      • divタグの挿入
      • idセレクタの作成
  • ユニット 8: ライブラリおよびテンプレートの使用
    • サイトテンプレートの作成
      • テンプレートとは?
      • テンプレートの作成
      • 編集可能領域の定義
      • 編集可能領域の解除
      • テンプレートの使用
      • 既存のドキュメントへのテンプレートの適用
      • テンプレートの修正
    • サイトライブラリ項目の使用
      • ライブラリとは?
      • ライブラリ項目の作成
      • ライブラリ項目のページへの配置
      • ライブラリ項目の修正
      • ライブラリ項目の切り離し
      • ライブラリ項目の削除
      • ライブラリ項目の再作成
  • ユニット 9: テスト、アップロード
    • サイトのテスト
      • アクセシビリティのチェック
      • リンクのチェック
      • ブラウザの互換性チェック
      • サイトに関するレポート
    • リモートサイトへの接続
      • リモートサイトの追加(サイト定義)
      • FTP設定
      • フォルダとファイルのクローク
      • ファイルのアップロード
      • 新しいファイルの検索
      • ファイルの同期