目次

Ready

• Lesson-1　Webページ作成のための基礎知識
• Lesson-2　Webサイト制作の流れをつかむ
• Lesson-3　Dreamweaverの概要を知る
• Lesson-4　Dreamweaverの作業環境
• Lesson-5　Dreamweaverの基本操作
• Lesson-6　レッスンを始める前に

Part1「新しくサイトを作る」

• Lesson-1　サイトの構成を見てみる
• Lesson-2　［サイト］パネルでのファイル操作
• Lesson-3　課題用サイトを定義する
• Lesson-4　ファイル名とパス指定をおぼえる
• PLUS ONE　DreamweaverとFireworksによるコラボレーション

Part2「基本のページを作る」

• Lesson-1　新規ページを作成する
• Lesson-2　文章を入力する
• Lesson-3　見出しや文字のサイズ・色を設定する
• Lesson-4　リストを作成する
• Lesson-5　画像を挿入する
• Lesson-6　文章と画像の簡単なレイアウト
• Lesson-7　リンクを指定する

Part3「Webページのレイアウトデザイン」

• Lesson-1　HTMLスタイルを活用する
• Lesson-2　スタイルシートでデザイン
• Lesson-3　テーブルを作成する
• Lesson-4　作成したテーブルを編集する
• Lesson-5　テーブルのカラーリング
• Lesson-6　レイアウトビューの基本を理解する
• Lesson-7　レイアウトビューでデザイン
• Lesson-8　レイヤーで正確なデザインをする
• PLUS ONE　Dreamweaverで実現する効率的なサイト更新

Part4「Webページ作成の応用」

• Lesson-1　フォームページの作成
• Lesson-2　フレームページの作成
• Lesson-3　ロールオーバーに挑戦
• Lesson-4　Flashボタンを作成してレイアウト
• Lesson-5　デジタルムービーを挿入
• Lesson-6　ブラウザを判別させる
• PLUS ONE　アクセシビリティを考慮したWebデザイン

Part5「Webページの公開」

• Lesson-1　検索されやすいページ作り
• Lesson-2　Webサーバーにファイルを転送
• Lesson-3　いろいろなWeb端末への対応を考える

Reference

• 1.Dreamweaverの基本画面
• 2.［挿入］バー
• 3.［プロパティ］インスペクタ
• 4.メニュー
• 5.その他