Die Verwendung von Vorlagen ist dann zu empfehlen, wenn man ähnliche Seiten mehrmals erstellen möchte. Formatierungen und Seiteneinstellungen braucht man nur einmal an den Vorlagen vorzunehmen. Bereits bei der Erstellung der Vorlage kann man festlegen, welche Bereiche der Seite konstant sein sollen und welche geändert werden können.

Die Seiteneigenschaften der Vorlage werden für alle aus ihr erstellten Dokumente übernommen. Die Ausnahme bildet der Seitentitel: er ist immer als editierbarer Bereich definiert und trägt den Namen "doctitle". Er sollte für jede Seite neu definiert werden, die aus der Vorlage erstellt wird!

Unter Modifizieren gibt es den Menüpunkt "Vorlagen", der ein Untermenü öffnet, das verschiedene Bearbeitungsmöglichkeiten anbietet:

Editierbare und nicht editierbare Bereiche werden zum besseren Auffinden in den Vorlagendateien farbig markiert. Diese Farben können übrigens den persönlichen Wünschen angepasst werden: Man ruft im Menü Bearbeiten die Voreinstellungen auf und wählt links die Kategorie "Markierung". Damit di e Farben auch sichtbar sind, muss im Menü Ansicht/Visuelle Hilfsmittel das Untermenü "Unsichtbare Elemente aktiviert" werden.

Aussehen der Vorlage

Wenn ein Platzhaltertext in dem editierbaren Bereich angegeben wird, ist eine Definition des Textstils und der Position schon im vorhinein möglich. Der von Dreamweaver eingefügte Name des editierbaren Bereichs in geschweiften Klammern sollte aber nicht zum Vorformatieren verwendet werden! Wenn später der echte Text eingegeben werden soll, wird der Platzhaltertext einfach überschrieben (nicht gelöscht!). Die einzelnen editierbaren Bereiche bekommen einen eindeutigen Namen, damit sie besser von einander zu unterscheiden sind.

So kann man beispielsweise schon den Stil und die Position eines Textelements angeben, aber nur einen Platzhaltertext eingeben. Wenn man auf der Vorlage basierend eine neue Seite erstellen möchte, braucht man nur den ”richtigen” Text einzugeben.

Innerhalb von Vorlagen unterscheidet DW zwischen zwei Bereichen: editierbaren und nicht editierbaren. Die editierbaren Bereiche sind die Teile einer Seite, die man verändern kann. Nicht editierbare Bereiche sind für die Bearbeitung gesperrt. Beim Speichern einer Vorlage werden standardmäßig alle Bereiche als gesperrt markiert. Daher ist sie so nicht zu gebrauchen. Es erscheint auch folgerichtig eine Warnmeldung, die aber auch ohne Festlegung von editierbaren Bereichen nicht vom Speichern abhalten sollte. Beim nächsten Aufruf des Templates kann die Definition der editierbaren Bereiche nachgeholt werden.

Bearbeitbaren Bereich anlegen

Für eine funktionierende Vorlage müssen daher immer erst ein oder mehrere bearbeitbare Bereiche definiert werden (siehe Grafik oben). Das geschieht, indem man die neu erstellte Vorlage aufruft, mit dem Cursor an die Stelle geht, wo der editierbare Bereich definiert werden soll und "Modifizieren / Vorlagen / Neuer Bearbeitbarer Bereich.. " aufruft. In dem Dialogfenster gibt man den Namen des editierbaren Bereichs an und bestätigt den Vorgang.

Man kann auch von der Palette "Elemente" aus Vorlagen erstellen und bearbeiten (und noch einiges mehr).

Vorlagen werden im Ordner Templates des lokalen Stammverzeichnisses gespeichert (siehe dazu auch "Lokale Siteverwaltung") und zwar mit der Endung ".dwt". Vorhandene Seiten können als Vorlage abgespeichert werden, indem man sie unter "Datei / Als Vorlage speichern" speichert. In dem nach dem Aufruf von "Als Vorlage speichern" erscheinenden Dialogfenster kann man in der Auswahlliste oben die Site angeben, in der die Vorlage gespeichert werden soll. Voraussetzung für die Auswahlmöglichkeit ist, das man seine Websites über die lokale Siteverwaltung erledigt. In dem Dialogfenster erscheinen außerdem die Vorlagen, die für die gewählte Site schon existieren. In dem Feld "speichern unter" gibt man den gewünschten Namen des Templates an.

Eine Vorlage kann entweder aus einer bestehenden Seite heraus generiert oder völlig neu angelegt werden.

Neuanlegen einer Vorlage

Das geschieht genauso, als wenn eine neue HTML-Seite erstellt werden soll. Alle nicht veränderlichen Angaben werden gemacht und die Bereiche der Seite, die veränderbar sein sollen, durch editierbare Bereiche festgelegt.

Vorlage aus einer bestehenden Seite generieren

A. Vorhandenen Textinhalt als editierbarer Bereich definieren

Um einen vorhandenen Vorlageninhalt als editierbaren Bereich zu definieren, muss man in dem Template den Text oder den Inhalt markieren, der editierbar sein soll. Wenn der Bereich markiert ist, ruft man "Modifizieren / Vorlagen / Neuer bearbeitbarer Bereich" auf und gibt dem Bereich einen Namen.

B. Tabellenbereiche editierbar machen

Bei Tabellen kann man nur die ganze Tabelle oder einzelne Tabelleninhalte als editierbar markieren - auch mehrere innerhalb einer Tabelle. In Dreamweaver 4.0 ist eine Tabellenzelle selbst nicht als editierbarer Bereich definierbar - ist mir jedenfalls nicht gelungen ;-).

Bearbeiten einer Vorlage

Vorlagen können jederzeit bearbeitet werden. In der Elementepalette wählt man die Ansicht Vorlagen aus:

In der nun erscheinenden Auswahl der vorhandenen Templates markiert man die gewünschte Vorlage und ruft über den Pfeil oben rechts kann ein Menü auf, in dem man den Eintrag "Bearbeiten" anwählt (Vergl. auch die Grafik der Elementepalette weiter oben). Es öffnet sich die ausgewählte Vorlage, die man nun bearbeiten kann.

Editierbare Bereiche wieder sperren

Es ist auch möglich, schon angelegte editierbare Bereiche zu sperren. Man ruft dazu "Modifizieren / Vorlagen / Bearbeitbaren Bereich entfernen" auf. Es erscheint wieder ein Dialogfenster, in dem man den zu entfernenden Bereich anhand der Namensliste auswählt.

HTML-Datei aus einer Vorlage heraus erstellen

Wenn man eine Datei aus einer Vorlage heraus erstellen möchte, wählt man den Menüeintrag "Neu von Vorlage" aus. Es erscheint dann dieses Dialogfenster:

Wenn man das Häkchen unten aktiviert hat - so wie hier gezeigt - dann wird jedesmal wenn man nach einer Vorlagenänderung die auf der Vorlage basierenden Seiten aktualisiert, diese Seite ebenfalls aktualisiert.

So sieht eine aus einer Vorlage erstellte Seite mit farbig markierten editierbaren und nicht editierbaren Bereichen aus:

Aussehen der aus einer Vorlage erstellten HTML-Seite

Design Notes

Sie können auch für Vorlagen erstellt werden.

Vorlagen umbennen

In der Elementepalette kann durch zweimaligen Klick auf den Namen der Vorlage die Vorlage umbenannt werden. Allerdings übernehmen die auf dieser Vorlage beruhenden Seiten die Änderung nicht automatisch (Die Referenzen werden nicht mitaktualisiert). Man muss für jede auf dieser Vorlage beruhenden Seiten unter "Modifizieren / Vorlagen" den Menüpunkt "Vorlage auf Seite anwenden" aufrufen.

Vorlage auf ein vorhandenes Dokument anwenden

Nachdem das Dokument geöffnet wurde, ruft man "Modifizieren / Vorlagen / Vorlage auf Seite anwenden" auf. Anschließend wählt man eine Vorlage aus der Liste aus und zieht sie auf das Dokumentfenster oder klickt auf den Schalter "Anwenden" unten links. Beim Zuweisen einer neuen Vorlage sind hinsichtlich des bestehenden Dokuments folgende Besonderheiten zu beachten:

• Wenn eine Vorlage auf ein existierendes Dokument angewendet wird, wird der Inhalt der Vorlage dem Dokument hinzugefügt.
• Falls die HTML-Seite bereits auf einer anderen Vorlage basierte, werden die Namen der editierbaren Bereiche in den beiden Vorlagen verglichen und nur der Inhalt der neuen Vorlage, der auch in der alten Vorlage vorhanden ist, in die entsprechenden Bereiche eingefügt.
• Stimmen die Namen bestimmter editierbarer Bereiche nicht überein, wird man in einem Dialogfeld aufgefordert, die überzähligen Bereiche zu löschen oder in die neue Vorlage zu übertragen.
• Enthält die neue Vorlage mehr editierbare Bereiche als die alte, werden die zusätzlichen Bereiche im Dokument als Platzhalter angezeigt.

Seite von einer Vorlage lösen

Wenn man in einem Dokument, das auf einer Vorlage basiert, editierbare oder gesperrte Bereiche individuell ändern möchte, muss Sie erst einmal von der Vorlage gelöst werden. Nachdem das Dokument geöffnet wurde, ruft man das Menü "Modifizieren / Vorlagen / Von Vorlage lösen" auf. Nun kann die Seite normal bearbeitet werden. Sie wird nicht mehr mitaktualisiert, wenn die Vorlage anschließend bearbeitet wird.

Vorlage löschen

Eine Vorlage lässt sich aus der Elementepalette heraus löschen. Man wählt die Ansicht Vorlagen aus, markiert die betreffende Vorlage und klickt unten links in der Palette auf löschen. Dreamweaver fragt noch einmal nach, ob die Vorlage wirklich gelöscht werden soll. Wenn man sich sicher ist, bestätigt man dies. Die Vorlage kann nach dem Löschvorgang nicht mehr hergestellt werden.

Aktualisierung der mit der Vorlage verknüpften Dokumente

Es gibt mehrere Möglichkeiten:

1. Die Änderung der zugehörigen Vorlage aus dem gerade bearbeiteten Dokument kann durch Aufruf von "Modifizieren / Vorlagen / Angefügte Vorlage öffnen" erfolgen.

2. Das Aktualisieren des in Bearbeitung befindlichen Dokuments wird durch den Aufruf von "Modifizieren / Vorlagen / Aktuelle Seite aktualisieren" ermöglicht.

3. Die Aktualisierung der gesamten Site bzw. aller Dokumente einer Site, die auf einer bestimmten Vorlage basieren wird durch "Modifizieren / Vorlagen / Seiten aktualisieren..." erreicht. Es erscheint folgendes Dialogfenster, indem man entweder alle Vorlagen und alle auf ihnen basierenden Dokumente innerhalb der kompletten Site aktualisiert (Ganze Site) oder nur die Dateien mit einer bestimmten, in der rechten Auswahlbox eingestellten Vorlage (Dateien mit...).

Man sollte darauf achten, das Kontrollkästchen "Vorlagen" angekreuzt ist! Auch das Anfertigen eines Protokolls der durchgeführten Aktualisierung kann nicht schaden.