Wenn Ihr Projekt viele statische, sich wiederholende Inhalte umfassen wird, empfiehlt sich die Einrichtung eines Vorlagen-Workflows in Dreamweaver CC.
Der große Vorteil eines Vorlagen-Workflows in Dreamweaver CC besteht darin, dass bei einer Änderung der Vorlage jede darauf basierende Seite automatisch aktualisiert wird.
Damit wird die Aktualisierung von Seiten enorm vereinfacht.
Vorlagen werden eigentlich eher für die Daten innerhalb einer Seite und weniger für die visuelle Darstellung verwendet.
Die visuelle Präsentation wird mit CSS festgelegt.
Doch wenn Sie viele Inhalte haben, die vom gleichen Typ, aber doch unterschiedlich sind, sind Vorlagen hilfreich.
Ich zeige Ihnen, was ich damit meine.
Ich blättere auf dieser Seite nach unten.
Sie sehen den Bereich „My Portfolio“ (Mein Portfolio) und verschiedene Grafiken.
Jetzt möchte ich genau diese Seite mit anderen Grafiken verwenden.
Anstelle dieses generischen Portfolios möchte ich ein Portfolio für Fotografie und ein Portfolio für Gemälde.
Das Setup soll gleichbleiben.
Ich möchte nur die Bilder ändern sowie den Text darunter.
Hier kommen Vorlagen ins Spiel, die den Prozess erheblich vereinfachen.
Der erste Schritt beim Einsatz von Vorlagen ist das Speichern eines Dokuments als Vorlage.
Dazu muss ich zuerst die Live-Ansicht deaktivieren.
Dann wähle ich im Menü „Datei“ (File) „Als Vorlage speichern“ (Save as Template).
Ich wähle die Site, in der diese Vorlage gespeichert werden soll.
Ich arbeite an der Website „Photography“ (Fotografie), daher speichere ich die Vorlage dort.
Ich kann eine Beschreibung (Description) eingeben, z.
B.
„Portfolio Pages“ (Portfolioseiten).
Dann speichere ich.
Ich nenne die Vorlage erst einmal „mytemplate“.
Ein aussagekräftiger Name geht beim Speichern des Dokuments natürlich auch.
Sobald ich auf „Speichern“ (Save) klicke, wird diese Vorlage automatisch im Verzeichnis „Templates“ (Vorlagen) abgelegt.
Sie sehen dieses Dialogfeld mit der Frage, ob die Links aktualisiert werden sollen.
Ich möchte das und klicke auf „Ja“ (Yes).
Jetzt befinde ich mich in der Vorlage, was Sie an der Erweiterung DWT erkennen können, die für „Dreamweaver Template“ steht.
Ich möchte jetzt neue Seiten auf Basis dieser Vorlage erstellen.
Momentan wird die Vorlagendatei angezeigt.
Die will ich aber nicht bearbeiten.
Ich möchte eine neue Seite erstellen, die auf dieser Vorlage basiert.
Dazu wechsle ich zum Menü „Datei“ (File).
Hier wähle ich „Neu“ (New), und das Dialogfeld „Neues Dokument“ (New Document) wird geöffnet.
Ich klicke auf „Sitevorlagen“ (Site Templates) und wähle die Website, an der ich gerade arbeite.
In diesem Fall die Website „Photography“.
Anschließend wähle ich die Vorlage, die ich verwenden möchte, also „mytemplate“.
Hier wird meine Beschreibung angezeigt.
Und hier ist die praktische Funktion „Seite bei Vorlagenänderung aktualisieren“ (Update page when template changes).
Diese Option lasse ich aktiviert.
Dann klicke ich auf „Erstellen“ (Create).
Jetzt möchte ich eine Änderung vornehmen.
Hier unten möchte ich „My Portfolio“ austauschen.
Außerdem sehe ich, dass das Stylesheet nicht auf diese Seite angewendet wird.
Ich prüfe das, indem ich auf „Live-Ansicht“ (Live) klicke.
Die Live-Ansicht sieht anders aus.
Hier muss einiges gemacht werden.
Aber Sie haben vielleicht schon bemerkt, dass ich nichts ändern kann.
Ich kann keinen Text auswählen und überhaupt auf dieser Seite nicht viel machen.
Und das ist typisch für Vorlagen.
Standardmäßig ist alles auf einer Seite gesperrt, das auf der Vorlage basiert.
Ich muss daher die Vorlage öffnen und Bereiche als editierbar kennzeichnen.
Außerdem muss ich sicherstellen, dass die Stylesheet-Dateien auf diese untergeordneten Seiten angewendet werden können.
Alle diese Schritte werde ich Ihnen in den nächsten Videos erläutern.
