Adobe Dreamweaver CS4: Fundamentals(アドビ ドリームウィーバーCS4)Webサイト構築の基礎講座 / 講座目録

Adobe Dreamweaver CS4: Fundamentals
講座目録

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