| 最終更新日:
02/12/2017
◆Orientation:レッスンを始める前に
- Dreamweaver の画面構成(ワークスペース)
- パネルと[プロパティインスペクター]
- [デザイン]ビュー、[分割]ビュー、[コード]ビュー
- ローカルサイトとリモートサイト
◆Chapter01:Dreamweaverに触れてみる
- Dreamweaver の世界へようこそ
- サイトを設定する
- コードを確認しながらテキストを入力する
- Supplementary Lesson:HTML/XHTMLの構造
- Dreamweaver を使いやすく整える
- ローカルサイトとリモートサイト
◆Chapter02:ページの基礎を設計する
- 新規HTMLファイルを作成する
- ページのプロパティを設定する
- Supplementary Lesson:Webページで色を指定する
- ページの情報を追加する
- テキストとテーブルを挿入する
◆Chapter03:テキストをマークアップする
- 見出しを設定する
- リストを設定する
- 定義リストを設定する
- テキストを部分的に強調する
- Supplementary Lesson:「ブロックレベル要素」と「インライン要素」
◆Chapter04:HTMLファイルを成形する
- 他ページへ移動するリンクを設定する
- 特定位置へ移動可能なリンクを設定する
- 不要な文字列をまとめて削除する
- [デザイン]ビューでタグを編集する
- Supplementary Lesson:HTMLコメントを挿入する など
◆Chapter05:画像を挿入する
- 画像を挿入する
- 仮の画像領域を挿入する
- 画像を編集する
- イメージプレースホルダーに画像を配置する
◆Chapter06:CSSスタイルを設定する -Part 1-
- head要素内のCSSルールを書き出す
- Supplementary Lesson:CSSの書式
- <body>タグにCSSスタイルを設定する
- Supplementary Lesson:CSSのセレクター
- 見出しのタグにCSSスタイルを設定する
- 段落や連絡先情報にCSSスタイルを設定する
- Supplementary Lesson:CSSで設定できる単位
◆Chapter07:CSSスタイルを設定する -Part 2-
- CSSファイルを複数のHTMLファイルで共有する
- 任意の箇所にCSSスタイルを設定する
- 任意の特定箇所にCSSスタイルを設定する
- 全体の横幅を固定してレイアウトを整える
◆Chapter08:CSSスタイルを設定する -Part 3-
- リンクにCSSスタイルを設定する
- Supplementary Lesson:セレクターを組み合わせて使う
- リストにCSSスタイルを設定する
- テーブルにCSSスタイルを設定する
- 微調整してレイアウトを完成させる
◆Chapter09:ページの制作を効率化する
- ページ共通デザインを効率的に制作する
- テンプレートから新規ファイルを作成する
- テンプレートの「編集できない領域」を編集する
- 一斉更新される共有オブジェクトを配置する
◆Chapter10:ファイルをアップロードする
- コードの不具合を調べて修正する
- 問題のあるリンクをチェックする
- リモートサイトの情報を登録する
- ファイルをアップロードする
- Supplementary Lesson:Dreamweaver CS6の新機能
■対応バージョン&OS
Dreamweaver CS6(Windows版、Mac版)
Dreamweaver CS5.5(Windows版、Mac版)
Dreamweaver CS5(Windows版、Mac版)
Dreamweaver CS4(Windows版、Mac版)
Dreamweaver CS3(Windows版、Mac版)
☆画面ショットは、CS6のMac版で行っています
◆『Dreamweaver標準デザイン講座』の概要
◆『Dreamweaver標準デザイン講座』の追加情報
◆『Dreamweaver標準デザイン講座』の正誤表
◆『Dreamweaver標準デザイン講座』に関する問い合わせ
◆『Dreamweaver標準デザイン講座』を購
Dreamweaver標準デザイン講座:情報
書籍名:Dreamweaver標準デザイン講座
著 者:茂木葉子
出版社:翔泳社
・ISBN978-4-7981-2491-9
・344ページ (Dreamweaver CS6+サンプルファイル収録DVD付)
・2,480円+税
・2012年6月14日発売