コンテンツ
「見ているものは自分のしていること」インターフェイスAdobe Dreamweaverは、コードを手動で入力するのではなく、ビジュアルデザインモードを使用してWebサイトを作成します。このデザインモードを使用すると、Dreamweaverによって自動的にコードが作成されます。ただし、デザインウィンドウに表示される画像に問題が発生する可能性があります。この問題は、ほとんどの場合、過度に参照されているか存在しないイメージに関連しています。
画像参照
絶対参照は、「http://www.somedomain.com/images/image.jpg」のように、エンコードされた画像の正確な場所を指します。相対参照は、 "/images/image.jpg"のように現在のページの相対位置を使用します。絶対参照を使用するには、Dreamweaverがオンラインでイメージにアクセスする必要があります。インターネットに接続できない場合、または画像がまだ読み込まれていない場合は、Dreamweaverは画像を表示できません。
根
絶対参照および相対参照と同様に、Dreamweaverは現在のドキュメントまたはローカルサイトのルートを基準とした相対的なイメージの場所も定義します。これは、サイト上で最も重要なディレクトリです。このオプションを選択すると、Dreamweaverはローカルサイトのルートに基づいてイメージ参照をエンコードします。サイトのルートが変わると、画像の参照も変わります。 Dreamweaverが自動的にリンクを更新することを許可しない限り、これによりページ上の画像が正しく参照されない可能性があります。
テンプレート
テンプレートを使用すると、新しいページを作成するときに共通の要素を追加することによって、複数のページを簡単に作成できます。インラインカスケードスタイルシート（CSS）は、別のディレクトリに表示される場合でも、ドキュメント上で最新のものではない画像を参照する文字を生成します。これにより、画像が正しく参照されません。最良の選択肢は、画像を参照するために別のCSSスタイルシートファイルを使用することです。ファイルへのリンクは新しいページで更新され、このスタイルシートにはすでに画像の適切な参照が含まれています。
コピー＆ペーストと移動
元の画像ファイルはまだ有効であるため、Dreamweaverのサイトマネージャで画像をコピーして貼り付けても、Dreamweaverドキュメント内のリンクは更新されません。元の画像を削除すると、その画像はDreamweaverに表示されなくなります。画像を移動する必要がある場合は、クリックしてSite Managerの新しい場所にドラッグします。これにより、Dreamweaverは該当するすべてのページの画像の場所を自動的に更新できます。
外部の変更
Dreamweaverは、それ以外の場所で行われたイメージの変更を監視しません。 Windowsエクスプローラの画像参照ファイルを移動、削除、または名前変更した場合、Dreamweaverはその変更に従いません。その結果、画像はプログラムに表示されなくなります。この問題を回避するには、Dreamweaverのサイトマネージャでこれらの変更をすべて直接実行してください。