この記事では、Dreamweaver がテンプレートを実装する方法について説明します。 技術的には、Dreamweaver テンプレートを使用するために、この記事に記載されている情報を知る必要はありません。 ただし、Dreamweaver テンプレート ベースのドキュメントのトラブルシューティングが必要な場合に備えて、内部で何が起こっているかを知っておくと便利です。
テンプレートは、Microsoft Word、AutoCAD、およびその他のオフィス オートメーションおよび設計製品を含む多くのコンピュータ アプリケーションで使用されるツールです。 テンプレートは、多くの類似した設計機能を共有するドキュメントのグループがある場合に役立ちます。 テンプレートに共通の機能を 1 回実装してから、各ドキュメントの個々の機能を使用してテンプレートをカスタマイズするだけです。
テンプレートは設計時にのみ使用される
Dreamweaver のテンプレートは完全に設計時の構成であることを理解することが重要です。 Dreamweaver テンプレートを他の HTML ドキュメントと区別するのは、次の 2 つの点だけです。
1. Dreamweaver テンプレート ドキュメントの拡張子は「.dwt」です。
2. Dreamweaver テンプレートには、テンプレートの編集可能領域と編集不可能領域を定義する、特別に定義された HTML コメントが含まれています。
Dreamweaver テンプレートに基づいて「インスタンス」ドキュメントを作成し、それを Web サーバーに保存すると、Web サーバーはドキュメントがテンプレートに基づいていることをまったく認識しません。 ドキュメントを他の HTML ドキュメントと同じように扱い、HTML ドキュメント内の他のコメントを無視するのと同じように、ドキュメント内のテンプレート コメントを無視します。
同様に、Web ブラウザーは、ドキュメントが Dreamweaver テンプレートに基づいていることをまったく認識せず、HTML ドキュメント内の他のコメントを無視するのと同じように、テンプレートのコメントも無視します。
タグの構文
Dreamweaver には 2 組のタグがあります。
* テンプレートタグ テンプレート ファイル (接尾辞 .dwt を持つファイル) で使用されます。
* インスタンスタグ テンプレート ファイル (通常、接尾辞が .htm または .html のファイル) に基づいて作成する “インスタンス” ドキュメントで使用されます。
Dreamweaver では、約 30 の異なるテンプレート タグが定義されていますが、それらのすべての構文は次のとおりです。
ここで、TEMPLATE_TAG_NAME とパラメーターは、実際のテンプレート タグ名と実際のパラメーター名に置き換えられます。 例えば:
上記の例では、テンプレート タグは「Region 1」という名前の TemplateBeginEditable タグです。
インスタンスタグの構文は非常に似ています:
多くのテンプレート タグはペアになっており、開始タグと終了タグがあります。 たとえば、上記の「TemplateBeginEditable」タグは、常に「TemplateEndEditable」で終了する編集可能領域を開始します。 2 つのタグは、次のように定義されたペアとして提供されます。
— ここに HTML コードが入ります —
Dreamweaver が Template/Instance タグを使用して行う最も簡単で重要なことの 1 つは、インスタンス ドキュメント (テンプレート ドキュメントに基づいて作成されたドキュメント) のどの領域を編集できるかを定義することです。 しかし注意してください。 . . Dreamweaver を使用してテンプレート ベースのドキュメントを CODE VIEW で開くと、ドキュメントの任意の部分を好きなように編集できますが、これは一般的には良いことではありません。 Dreamweaver のドキュメント デザイン ビューでは、Dreamweaver はドキュメントに含まれるインスタンス タグを尊重します。 たとえば、「InstanceBeginEditable」(または同様のタイプ) タグで始まるドキュメントの領域のみを編集できます。
Web ページの編集が終了すると、Dreamweaver インスタンス タグはページ内に残りますが、前述のように、これらのタグは Web サーバーとブラウザーによって無視されます。
最後に、Dreamweaver でテンプレートを更新すると、そのテンプレートに基づくすべてのドキュメントも更新されます。
結論
Dreamweaver テンプレートは、特別に定義された HTML コメント タグを使用して機能し、Dreamweaver テンプレート ドキュメントおよびインスタンス ドキュメントの領域をマークします。 Dreamweaver のテンプレートとインスタンスのタグを認識し、その機能を理解する必要がありますが、コード ビューではなく、Dreamweaver のデザイン ビューでのみ編集する必要があります。 Dreamweaver のテンプレートを実際に使用する方法については、近日公開予定の記事「Dreamweaver のヒント: テンプレートを使用して、より優れた Web サイトをより速く構築する」を参照してください。