Dreamweaver 4.0 では、私たちはすでにテンプレートとライブラリの概念を理解しており、これらが類似したスタイルの Web ページをバッチ生成するための優れたツールであることを知っています。 Dreamweaver MX (以下、DW MX) では、テンプレートとライブラリの機能がさらに洗練され、強化されており、特に関連する Web ページを自動的に更新する機能が強化されており、テンプレートとライブラリは DW MX のハイライトとなっています。
1. まず、テンプレートの適用について見てみましょう。DW MX では、Dreamweaver 4.0 とは異なり、テンプレートの操作が「変更」と「挿入」の 2 つのメニューに拡張されています。同時に、[ファイル] オプションの [アサート] サブオプションでテンプレートを直接作成することもできます。
2. 「Assert」サブオプションを見つけて、左側のツールバーの「Templates」ボタンをクリックします。この時点ではテンプレートは空です。右下隅の「New Template」ボタンをクリックすると、空のテンプレートが表示されます。 [パネル内] (図 1 を参照) で、テンプレート名をクリックして編集可能な状態に入ります。現時点ではテンプレートに要素が追加されていないことに注意してください。通常の Web ページを編集するのと同じように、表、画像、テキストなどをテンプレートに追加できます。追加したら、作成したテンプレートを、デフォルトのサイト フォルダーの「Templates」サブフォルダーに拡張子 .dwt を付けて保存します。
これが面倒な場合は、DW MX では、テンプレートとして保存する Web ページを編集した後、「ファイル」メニューの「テンプレートとして保存」をクリックしてテンプレートを生成する、より直接的な方法も提供しています。
3. テンプレートの生成後、将来さまざまな Web コンテンツを入力できるように、編集可能な領域を確立する必要があります。テンプレートを開き、[挿入/テンプレート オブジェクト/編集可能領域] メニューをクリックすると、領域名を指定すると、編集可能領域ダイアログ ボックスが表示され、テンプレート内に青いボックスが表示されます。 保存後、編集可能領域のテンプレートが作成されます。
4. Web ページをバッチで生成するにはどうすればよいですか?メニューの「ファイル/新規」をクリックし、「テンプレート」オプションを選択すると、生成されたテンプレートがすぐに表示されます。「作成」ボタンをクリックすると、テンプレートが Web ページに自動的に適用され始めます。この時点で、元のテンプレート領域は黄色で、その中の要素は固定されており編集できないのに対し、先ほど指定した編集可能領域は青色で編集可能であることがわかります。このようにして、同様の Web ページを生成する作業負荷が大幅に簡素化されるだけでなく、Web ページのスタイルの一貫性も効果的に確保されます。
5. 最後に、関連する Web ページのバッチ更新があります。これは、大規模な Web サイトが Web ページを更新するために不可欠なテクノロジであり、DW MX で簡単に実装できます。すべての Web ページに同じテンプレートが適用され、これらの Web ページは同じサイト ディレクトリに保存されるため、すべての Web ページの共通要素を変更する場合は、テンプレート内の要素を変更するだけで済みます。
「テンプレート」サブオプションを開き、関連する Web ページのテンプレートをダブルクリックすると、テンプレートが編集可能な状態になり、テンプレートの内容を変更すると、プロンプトダイアログボックスが表示されます。保存時: 「次の Web ページは現在のテンプレートを使用しています。更新しますか?」 (図 2) 「更新」をクリックすると、テンプレートに基づいて作成されたすべての関連 Web ページが更新されます (図 3) 。
図2
図3
テンプレートと同様に、DW MX のライブラリはより柔軟です。[アサート] タブの [ライブラリ] をクリックしてライブラリを開きます。現在、ライブラリを生成するための要素が Web ページにありません。テーブルと画像をライブラリ パネルに直接ドラッグします (以下を参照)。
ライブラリ内の要素は、画像やテキストそのものだけではなく、それらの画像を Web ページ内に配置するコードも含まれることに注意してください。したがって、テンプレートと同じライブラリ要素を Web ページに追加して、同様のスタイルの Web ページを量産することもできます。現時点では、要素をライブラリ パネルの新しい Web ページにドラッグして戻すだけで、関連するコードが新しい Web ページに自動的にコピーされます。
さらに、ライブラリ要素は、Web サイトの一括更新も実現できます。ライブラリ パネルでライブラリ要素をクリックすると、ライブラリ要素が変更され、保存されます。 library 要素を使用する Web ページも同時に自動的に更新されます。
図5
最後に、自動更新にはもう 1 つ追加があります。Web ページがテンプレートを使用して生成されているが、自動的に更新されるときにそれをそのまま保持し、サイトの残りの Web ページでは更新しないようにしたい場合は、次のようにします。 「変更/テンプレート/テンプレートからの切り離し」をクリックすると、この時点で Web ページはテンプレートによる制約がなくなるため、Web ページを手動で更新する必要があります。