Dreamweaverのはじめかた

ライブラリという機能について

Dreamweaverには、よく使うコーディングをワンクリックで挿入する「スニペット」という機能のほかにも、「ライブラリ」「テンプレート」という機能が用意されています。

「ライブラリ」はウェブサイト内で共通する個別に変更がないパーツを管理するための機能です。

HTMLファイルを作成すると、各ページにヘッダー、フッターなど、必ず同じような内容が共通し、かつ各ページとも同じようなコーディングになる部分ができることがあります。

「ライブラリ」とは、そうした各ページにある共通するパーツになる部分を、作成中のHTMLファイルにワンクリックで挿入でき、また一括で修正できるように管理できるものです。

例えば、著作権や権利を表す表示部分やヘッダー、フッター等、各ページで変更の可能性のない表示部分を「ライブラリ」にして管理することで構築するサイト内のパーツの管理を効率化することができます。

作成した「ライブラリ」は「アセット」ウィンドウで確認できます。

「ライブラリ」を作成するとサイト設定されたフォルダ内に「Library」というフォルダが作られ、拡張子に「.lbi」がついたファイルが作られます。
「ライブラリ」から作成中のHTMLファイルに挿入された部分は直接、編集・修正できませんので注意してください。

もしも、ページデザインが同じで、コンテンツの内容が違う場合は「テンプレート」、一部だけが微妙に違うコーディングの場合は「スニペット」を使うといいでしょう。

「ライブラリ」のメリット・デメリット

「ライブラリ」を使う前に、メリットとデメリットをきちんと考えた上で使用してください。

HTMLファイルの中で「ライブラリ」にしたい箇所を見つけたら、その部分を選択します。
メニューの「修正」 > 「ライブラリ」 > 「ライブラリにオブジェクトを追加」を選択します。
もしくは「アセット」パネルを表示し、項目を「ライブラリ」に切り替え、パネル右下にある「新規ライブラリ項目」と表示されるアイコンをクリックします。
「アセット」の「ライブラリ」に「untitled」というファイルが作成されます。

そのファイル名を変更してください。
なお、ファイル名は、ひらがな、カタカナ、漢字でも問題ありません。英数字でライブラリ名を付けないと、正しく「ライブラリ」が機能しない原因になることがあります。できるだけ、英数字で「ライブラリ」名をつけるように心がけてください。

これで、ライブラリの作成は終了です。
作ったライブラリは「アセット」の「ライブラリ」の項目で確認できます。

なお、HTMLファイルから「ライブラリ」を作るときに、下記のようなウィンドウが表示されるときがあります。

このウィンドウは、スタイルシートが適用されている箇所をライブラリしたときに表示されます。このウィンドウはそのまま「OK」を押して大丈夫です。

なお、「ライブラリ」ファイルには「デザインタイム」を使わない限り、スタイルシートを適用させることができませんので、注意してください。

以下の手順で「ライブラリ」ファイルを直接つくることもできます。

「アセット」パネルを表示し、「ライブラリ」項目から「新規ライブラリ項目」を選択します。
「アセット」の「ライブラリ」に「untitled」というファイルが作成されます。
そのファイル名を変更してください。
作成されたファイルをダブルクリックして表示します。
もしくは、「アセット」パネル右下の「編集」ボタンをクリックしてください。
「.lbi」の拡張子のついたファイルがDreamweaverで表示されます。
「ライブラリ」ファイルには「　<meta http-equiv="Content-Type" content="text/html; charset=utf-8">　」が表示されています。

このタグは削除しなくても構いません。

もしくは「ファイル」 > 「新規...」を選択します。
「新規ドキュメント」選択ウィンドウが表示されるので、「一般」からカテゴリ「基本ページ」、基本ページ「ライブラリ項目」を選択します。
作成する前に「保存」を選びます。保存先に「Library」を選びます。フォルダがない場合は「Library」フォルダを作成してください。拡張子は自動的に「.lbi」がつきます。