ドキュメントを製作するキャンバス、あるいは白地のノートのようなもの…
それがドキュメントウィンドウです。
これはブラウザでの表示画面だと考えればよいでしょう。
（実際にはブラウザのバージョンによってフォントの表示解像度が異なるので、
まったく同じというわけにはいきませんが…）
HTMLエディタを使わずにHTMLファイルを作成するにはタグを記述し、
それをブラウザでプレビュー確認を行っていく方法が一般的でした。
DREAMWEAVERはドキュメントウィンドウに直接テキストを入力することによって、
それらをアプリケーションが自動的にタグを生成してくれます。
キャンバスに絵を描く…というのは大袈裟ですが、
DTPソフトやワープロ並みの簡単な操作でHTMLを自動生成してくれることは、
大変ありがたいことです。
ドキュメントウィンドウの上部にはツールバーと呼び、
下部分はステイタスバーと呼びます。
ツールバーで頻繁に使用するのは、左端に用意されている3種類のドキュメントビューでしょう。
これはドキュメントウィンドウの中の表示（ビュー）を切り替えます。
DREAMWEAVERはDTPソフトやワープロソフトのように、直感的にページを作成する事ができます。
その場合は3つ並んでいるボタンの一番右の［デザインビューの表示］を選択します。
そして以前から述べているように、HTMLファイルとはHTMLタグによるソースを記述しなくてはなりません。
ドキュメントウィンドウに、そのHTMLソースだけを表示させるには、一番左の［コードビューの表示］を選択します。
3つのボタンの中央は［コードビューとデザインビューの表示］で、ドキュメントウィンドウを上下に二分割します。
上部分には［コードビューの表示］と同じHTMLソースが表示され、
下部分には［デザインビューの表示］と同じブラウザでのプレビューに近い状態が表示されています。
DREAMWEAVERの優れている部分は、このコードビューとデザインビューがリアルタイムにリンクしていることです。
［コードビューとデザインビューの表示］の状態で、HTMLのソースの中のテキストを選択すると、
同時にデザインビューのウィンドウでも同じ箇所が選択されています。
もちろんデザインビューのウィンドウで選択した部分も、リアルタイムでコードビューのウィンドウで同じ箇所が選択されます。
この機能は、後に細かなHTMLソースを修正したい時に効果を発揮します。
ツールバーには、他にも
●ドキュメントのタイトル
●ファイル管理
●ブラウザでのプレビュー
●デザインビューの更新
●リファレンス
●コードのナビゲーション
●表示オプション
などのツールが用意されていますが、これは後ほど、他のページで解説します。 |
|
