-本日のアジェンダ-
1限目
実技 WEBデザイン実習①
DWの機能
2限目
実技 WEBデザイン実習①
サイトの定義
3限目
実技 WEBデザイン実習①
課題制作
4限目
実技 WEBデザイン実習①
課題制作
5限目
実技 WEBデザイン実習①
課題制作
本日のテーマ
Dreamweaverを触ってみましょう
Adobe Dreamweaver
Adobe Dreamweaver（アドビ ドリームウィーバー）は、アドビシステムズが販売しているWebオーサリングツールです。旧称はMacromedia Dreamweaverであり、かつての開発会社はマクロメディアでした。高機能なWebオーサリングツールで、有償ツールの中では、最も有名なWEBオーサリングツールであり、デファクトスタンダードツールとして有名です。
※Webオーサリングツール＝いわゆるウェブページ作成ソフトのこと
メリット
ウェブサイトを作成するにあたって必要な下記ソフトの両方の機能が備わっていて、かつ高機能な為、効率的にコーディングができます。
- テキストエディタ（Terapadなど）
- FTPクライアント（FFFTPなど）
便利な機能
- コードとデザインの分割
- コードヒント
- コメントの適用と削除
- ソースフォーマット
- インデント機能
- リンクファイルとの連携
- DOMパネル
サイト定義
Dreamweaver では、HTML ドキュメントおよびドキュメントに関連するイメージファイルや CSS ファイルなど、Web サイトを構成するすべての素材をひとつのフォルダにまとめて管理します。このすべてを含めたフォルダは “サイト” と呼ばれます。そして、Dreamweaver でこのフォルダの位置を指定することを “サイトを定義する” と表現します。
ローカルルートフォルダ
作業中のファイルを格納する、主にローカルコンピュータ上に配置されるフォルダです。Dreamweaver 上では、このフォルダを “ローカルサイト” として表示します。このフォルダはネットワークサーバ上に配置することもできます。
リモートフォルダ
通常、Web サーバが実行されているコンピュータ上に配置されるフォルダです。Dreamweaver 上では、このフォルダを “リモートサイト” として表示します。