Dreamweaver アセットとライブラリについて

最終更新日 : 2021年4月27日

Dreamweaver でイメージ、ムービー、カラー、スクリプト、リンク、およびライブラリ項目などのアセットを使用する方法について説明します。

アセットについて

Adobe Dreamweaver を使用して、画像、ムービー、カラー、スクリプト、リンクなど、サイトに保存されているアセットを追跡およびプレビューできます。また、アセットを直接ドラッグして、現在のドキュメントのページに挿入することもできます。

アセットは様々なソースから取得します。 例えば、Adobe® Fireworks® や Adobe® Flash® などのアプリケーションでアセットを作成したり、同僚から受け取ったり、クリップアート CD やグラフィックス web サイトからコピーしたりすることができます。

Dreamweaver では、ライブラリとテンプレートという 2 つの特別なタイプのアセットにもアクセスできます。どちらもリンクされたアセットです。ライブラリアイテムやテンプレートを編集すると、Dreamweaver はそれらのアセットを使用するすべてのドキュメントを更新します。ライブラリアイテムは通常、サイトロゴや著作権などの小さなデザインアセットを表します。より大きなデザイン領域をコントロールするには、代わりにテンプレートを使用します。

ライブラリ項目について

ライブラリは、Web ページに配置できる個別のアセットまたはアセットのコピーのコレクションを含む特別な Dreamweaver ファイルです。ライブラリにあるこれらのアセットは、ライブラリ項目と呼ばれます。 ライブラリに保存できるアイテムには、画像、テーブル、サウンド、Adobe Flash で作成されたファイルなどがあります。ライブラリアイテムを編集するたびに、そのライブラリアイテムを使用するすべてのページを自動的に更新できます。

例えば、すべてのページにスローガンを表示したいと考えている会社の大規模なサイトを構築しているとします。スローガンを含むライブラリアイテムを作成し、そのライブラリアイテムをすべてのページで使用できます。スローガンが変更された場合、ライブラリアイテムを変更して、それを使用するすべてのページを自動的に更新できます。

Dreamweaver では、各サイトのローカルルートフォルダー内の Library フォルダーにライブラリアイテムが保存されます。各サイトには独自のライブラリがあります。

テキスト、テーブル、フォーム、Java アプレット、プラグイン、ActiveX エレメント、ナビゲーションバー、画像など、ドキュメントの本文セクション内の任意のエレメントからライブラリアイテムを作成できます。

画像などのリンクされたアイテムの場合、ライブラリにはアイテムへの参照のみが保存されます。ライブラリアイテムが正しく機能するには、元のファイルが指定された場所に残っている必要があります。

ただし、ライブラリ項目にイメージを保存しておく方が便利な場合もあります。 例えば、完全なimgタグをライブラリアイテムに保存することで、サイト全体で画像のaltテキストやsrc属性を簡単に変更できます。(ただし、画像エディターを使用して画像の実際のサイズも変更しない限り、この手法を使用して画像の高さ属性を変更しないでください。)

メモ

ライブラリアイテムにリンクが含まれている場合、新しいサイトではリンクが機能しない可能性があります。また、ライブラリアイテム内の画像は新しいサイトにコピーされません。

ライブラリアイテムを使用すると、Dreamweaver はアイテム自体ではなく、そのアイテムへのリンクを web ページに挿入します。つまり、Dreamweaver はそのアイテムの HTML ソースコードのコピーをドキュメントに挿入し、元の外部アイテムへの参照を含む HTML コメントを追加します。この外部参照により、自動更新が可能になります。

Dreamweaver のビヘイビアが添付された要素を含むライブラリアイテムを作成すると、Dreamweaver はその要素とイベントハンドラー(onClickonLoadonMouseOver など、どのイベントがアクションをトリガーするか、およびイベントが発生したときにどのアクションを呼び出すかを指定する属性)をライブラリアイテムファイルにコピーします。Dreamweaverは関連するJavaScript関数をライブラリアイテムにコピーしません。代わりに、ライブラリアイテムをドキュメントに挿入すると、Dreamweaver は適切な JavaScript 関数を自動的にそのドキュメントの head セクションに挿入します(まだ存在しない場合)。

メモ

JavaScriptを手動でコーディングする場合(つまり、Dreamweaverビヘイビアを使用せずに作成する場合)、Call JavaScriptビヘイビアを使用してコードを実行すれば、そのコードをライブラリアイテムの一部にすることができます。Dreamweaverビヘイビアを使用してコードを実行しない場合、コードはライブラリアイテムの一部として保持されません。

ライブラリアイテム内のビヘイビアを編集するには、特別な手順が必要です。ライブラリアイテムにはスタイルシートを含めることができません。これらの要素のコードはheadセクションの一部であるためです。