ドキュメントウィンドウで、デザインビューに切り替え、ドキュメントの一部を選択して、ライブラリ項目として保存します。
最終更新日 :
2021年12月20日
このトピックでは、Dreamweaver でライブラリ項目を作成し、ドキュメントにライブラリ項目を挿入および編集します。
ライブラリは、Web ページに配置できる個別のアセットまたはアセットのコピーのコレクションを含む特別な Dreamweaver ファイルです。ライブラリにあるこれらのアセットは、ライブラリ項目と呼ばれます。 ライブラリに保存できる項目には、画像、表、音声、Adobe Flash で作成されたファイルが含まれます。ライブラリ項目を編集するたびに、その項目を使用しているすべての ページを自動的に更新できます。
例えば、すべてのページにスローガンを表示したい会社向けの 大きなサイトを作成しているとします。スローガンを含むライブラリ項目を作成し、すべてのページで そのライブラリ項目を使用できます。 スローガンが変更された場合、ライブラリ項目を変更するだけで、それを使用しているすべてのページを自動的に 更新できます。
Dreamweaver は、各サイトのローカルルートフォルダー内の Library フォルダーにライブラリ項目を保存します。各 サイトには独自のライブラリがあります。
ドキュメントの本文セクションの任意の要素から ライブラリ項目を作成できます。テキスト、表、フォーム、Java アプレット、プラグイン、 ActiveX 要素、ナビゲーション バー、画像などが含まれます。
画像などのリンク項目の場合、ライブラリは項目への参照のみを 保存します。ライブラリ項目が正しく動作するためには、元のファイルが指定された場所に 残っている必要があります。
ただし、ライブラリ項目にイメージを保存しておく方が便利な場合もあります。 例えば、完全なimgタグを ライブラリ項目に保存できます。これにより、画像のaltテキストや、 サイト全体でsrc属性を簡単に変更できます。（ただし、画像エディターを使用して画像の実際のサイズも変更しない限り、この手法を画像の幅と高さ属性の変更には使用しないでください。）
ライブラリ項目にリンクが含まれていると、リンクが新しいサイトで動作しない場合があります。 また、ライブラリ項目内のイメージは、新しいサイトにはコピーされません。
ライブラリ項目を使用すると、Dreamweaver は web ページに項目自体ではなく、項目へのリンクを挿入します。つまり、Dreamweaver はその項目の HTML ソース コードのコピーをドキュメントに挿入し、元の外部項目への 参照を含む HTML コメントを追加します。この外部 参照により、自動更新が可能になります。
Dreamweaver ビヘイビアーが添付された要素を含む ライブラリ項目を作成すると、Dreamweaver は要素とそのイベントハンドラー （onClick、onLoad、onMouseOverなど、 どのイベントがアクションをトリガーし、イベントが発生したときにどのアクションを呼び出すかを指定する属性）を ライブラリ項目ファイルにコピーします。Dreamweaver は関連する JavaScript 関数をライブラリ項目にコピーしません。代わりに、ライブラリ項目を ドキュメントに挿入すると、Dreamweaver は自動的に 適切な JavaScript 関数をそのドキュメントのheadセクションに 挿入します（まだ存在しない場合）。
JavaScript を手作業でコーディングする（Dreamweaver のビヘイビアーを使用せずに作成する）場合は、「JavaScript の呼出し」ビヘイビアーを使用してコードを実行すると、ライブラリ項目の一部にすることができます。 コードの実行に Dreamweaver のビヘイビアーを使用しない場合、コードはライブラリ項目の一部として保持されません。
ライブラリ項目でビヘイビアーを編集するには 特別な要件があります。これらの要素のコードはheadセクションの一部であるため、 ライブラリ項目にはスタイルシートを含めることはできません。
選択に基づいたライブラリ項目の作成
ツール／ライブラリ／ライブラリにオブジェクトを追加を選択します。
新しいライブラリ項目の名前を入力し、Enter
（Windows）または Return（Macintosh）を押します。
Dreamweaver は各ライブラリ項目を サイトのローカルルートフォルダーの Library フォルダーに個別のファイル（拡張子 .lbi）として保存します。
空のライブラリ項目の作成
ドキュメントウィンドウで何も選択されていないことを
確認してください。
何かが選択されている場合、それが新しい ライブラリ項目に配置されます。
アセットパネルで、「ライブラリ」カテゴリーを選択します。
パネルの下部にある「新規ライブラリ項目」ボタン をクリックします。
項目が選択されている間に、項目の名前を入力し、
Enter キー（Windows）または Return キー（Macintosh）を押します。
ライブラリ項目のドキュメントへの挿入
ライブラリ項目をページに追加すると、実際のコンテンツがライブラリ項目への参照と共に ドキュメントに挿入されます。
ドキュメントウィンドウに挿入ポイントを配置します。
アセットパネルで、「ライブラリ」カテゴリーを選択します。
次のいずれかの操作を実行します。
- ライブラリ項目をアセットパネルからドキュメントウィンドウにドラッグします。
メモ
項目への参照をドキュメントに含めずに、ライブラリ項目のコンテンツを挿入するには、Ctrl キー（Windows）または Option キー（Mac OS）を押しながら、アセットパネルのライブラリ項目をドラッグします。 この方法でライブラリ項目を挿入すると、ドキュメント内でライブラリ項目を編集できます。ただし、そのライブラリ項目が使用されているページを更新しても、ドキュメントは更新されません。
ライブラリ項目を選択し、「挿入」をクリックします。
ライブラリ項目の編集とドキュメントの更新
ライブラリ項目を編集すると、その項目を使用している すべてのドキュメントを更新できます。更新しないことを選択した場合、 ドキュメントはライブラリ項目との関連付けが維持され、後で更新することができます。
項目の名前を変更してドキュメントやテンプレートとの接続を切断したり、サイトのライブラリから項目を削除したり、 不足しているライブラリ項目を再作成したりできます。
ライブラリ項目の編集
アセットパネルで、「ライブラリ」カテゴリーを選択します。
ライブラリ項目を選択します。
「編集」ボタンをクリックするか、またはライブラリ項目をダブルクリックします。
Dreamweaver は、ライブラリ項目を編集するための ドキュメントウィンドウに似た新しいウィンドウを開きます。グレーの背景は、ドキュメントではなく ライブラリ項目を編集していることを示します。
変更を加えて、その内容を保存します。
そのライブラリ項目を使用しているローカルサイトのドキュメントを更新するかどうかを指定します。 直ちに更新するには、「更新」を選択します。 「更新しない」を選択すると、ツール／ライブラリ／現在のページの更新または「サイト全体の更新」を選択するまで、ドキュメントは更新されません。
現在のドキュメントを更新して すべてのライブラリ項目の現在のバージョンを使用する
ツール／ライブラリ／現在のページを更新を選択します。
特定のライブラリ項目を使用するサイト全体または すべてのドキュメントを更新する
ツール／ライブラリ／サイト全体の更新を選択します。
更新場所ポップアップメニューで、更新する対象を指定します。
選択されたサイト内のすべてのページですべてのライブラリ項目の現在のバージョンを使用するように更新するには、「サイト全体」を選択し、 隣接するポップアップメニューからサイト名を選択します。
ライブラリ項目を使用する現在のサイト内のすべてのページを更新するには、「使用しているファイル」を選択し、 隣接するポップアップメニューからライブラリ項目名を選択します。
更新オプションで「ライブラリ項目」が選択されていることを
確認します。
同時にテンプレートを更新する場合は、「テンプレート」も選択します。
「開始」をクリックします。
Dreamweaver は指示に従って ファイルを更新します。「ログを表示」オプションを選択した場合、Dreamweaver はファイルが正常に更新されたかどうかと その他の情報を示すレポートを生成します。
ライブラリ項目の名前の変更
アセットパネルで、「ライブラリ」カテゴリーを選択します。
ライブラリ項目を選択し、間をおいてもう一度クリックします。
ダブルクリックしないでください。ダブルクリックすると、編集できるようにアセットが開いてしまいます。
新しい名前を入力します。
任意の位置をクリックするか、Enter キー（Windows）または Return キー（Mac OS）を押します。
「更新」または「更新しない」のいずれかを選択して、
項目を使用するドキュメントを更新するかどうかを指定します。
ライブラリからのライブラリ項目の削除
ライブラリ項目を削除すると、Dreamweaverはライブラリからその項目を削除しますが、その項目を使用しているドキュメントのコンテンツは変更しません。
アセットパネルで、「ライブラリ」カテゴリーを選択します。
ライブラリ項目を選択します。
削除ボタンをクリックするか Delete キーを押してから、
項目を削除することを確認します。
削除したライブラリ項目は、「取り消し」を使って元に戻すことはできません。 ただし、ライブラリ項目を再作成することができます。
不足または削除されたライブラリ項目を 再作成する
ドキュメントの 1 つで
項目のインスタンスを選択します。
プロパティインスペクター（ウィンドウ >
プロパティ）の「再作成」ボタンをクリックします。
ライブラリ項目の ハイライト表示をカスタマイズする
ハイライト設定を設定することで、ライブラリ項目の ハイライト色をカスタマイズしたり、ハイライト表示の表示/非表示を 切り替えたりできます。
ライブラリ項目の ハイライト色を変更する
編集／環境設定（Windows）
または Dreamweaver／環境設定（Macintosh）を選択します。
環境設定ダイアログボックスの左側のリストから
「ハイライト表示」カテゴリを選択します。
「ライブラリ項目」カラーボックスをクリックし、カラーピッカーを使用してハイライト色を選択します
（またはテキストボックスに 16 進数のカラー値を入力します）。
「表示」を選択して、ドキュメントウィンドウでハイライトカラーを表示します。
「OK」をクリックします。
ドキュメント ウィンドウでハイライト表示を 展開または折りたたむには
ハイライトを表示するには、表示／デザインビューのオプション／ビジュアルエイド／不可視エレメントを選択します。 ハイライトを非表示にするには、「不可視エレメント」を選択解除します。
ライブラリ アイテムのプロパティを編集
プロパティインスペクターを使用して、ライブラリアイテムを開いて編集したり、選択したライブラリアイテムをソースファイルから切り離したり、現在選択しているライブラリアイテムでアイテムを上書きしたりすることができます。
ドキュメント内のライブラリ項目を選択します。
プロパティ インスペクター
（ウィンドウ／プロパティ）で、次のオプションのいずれかを選択します：
ソース
ライブラリアイテムのソースファイルのファイル名と場所を表示します。この情報は編集できません。
開く
編集用にライブラリ項目のソースファイルを開きます。 これは アセット パネルでアイテムを選択し、「編集」 ボタンをクリックすることと同じです。
オリジナルから切り離す
選択したライブラリアイテムとそのソースファイルとの間のリンクを切断します。切り離したアイテムはドキュメントで編集できますが、 ライブラリ アイテムではなくなり、元のファイルを変更しても更新されません。
再作成
元のライブラリ項目を現在の選択項目で上書きします。 元のライブラリアイテムが見つからない場合や誤って削除された場合に、このオプションを使用してライブラリアイテムを再作成します。
ライブラリ アイテムを ドキュメントで編集可能にします
ライブラリ アイテムをドキュメントに 追加し、そのページ専用にアイテムを編集する場合は、 ドキュメント内のアイテムとライブラリの 間のリンクを切断する必要があります。ライブラリ アイテムのインスタンスを編集可能にすると、 そのインスタンスはライブラリ アイテムが変更されても更新されません。
現在のドキュメント内のライブラリ項目を選択します。
プロパティ インスペクター（ウィンドウ／
プロパティ）で「元から切り離し」を
クリックします。
ライブラリ項目のビヘイビアーの編集
ライブラリ アイテムの ビヘイビアを編集するには、まずアイテムをドキュメントに挿入してから、 そのドキュメントでアイテムを編集可能にする必要があります。変更を行った後、 ライブラリ アイテムを再作成し、ライブラリ内のアイテムを ドキュメントから編集したアイテムで置き換えることができます。
ライブラリ項目が含まれているドキュメントを開きます。
ライブラリ アイテムの名前と、それに含まれる正確な タグをメモします。この情報は、後で必要になります。
ライブラリ アイテムを選択し、プロパティ インスペクター（ウィンドウ／プロパティ）で「元から切り離し」
をクリックします。
ビヘイビアが添付されている
要素を選択します。
ビヘイビア パネル（ウィンドウ／ビヘイビア）で、
変更するアクションをダブルクリックします。
表示されるダイアログ ボックスで変更を行い、
「OK」をクリックします。
アセットパネルで、「ライブラリ」カテゴリーを選択します。
元の
ライブラリ アイテムの正確な名前と大文字小文字を記録し、それを選択して「削除」ボタンをクリックします。
ドキュメント ウィンドウで、
ライブラリ アイテムを構成するすべての要素を選択します。
元のライブラリ アイテムにあったのと 正確に同じ要素を選択するよう注意してください。
アセットパネルの「新規ライブラリ項目」ボタンをクリックし、削除したライブラリ項目とスペルも大文字小文字の使い分けも同じ名前を新しいライブラリ項目に付けます。
そのライブラリ項目をサイト内の他のドキュメントでも更新するには、ツール／ライブラリ／サイト全体の更新を選択します。
更新場所ポップアップメニューで、「次を含むファイル」を選択します。
隣接するポップアップ メニューで、作成した
ライブラリ アイテムの名前を選択します。
更新オプションで「ライブラリアイテム」が選択されていることを確認し、「開始」をクリックします。
更新が完了したら、「閉じる」をクリックします。
