Dreamweaver-Vorlagen

Zuletzt aktualisiert am 27. April 2021

Erfahren Sie, wie Sie mit Dreamweaver-Vorlagen ein festes Seitenlayout entwerfen und dann basierend auf einer Vorlage Dokumente mit dem Seitenlayout der Vorlage erstellen.

Ein Muster ist eine besondere Art von dokument, das du verwendest, um ein „festes" Seitenlayout zu entwerfen; du kannst dann Dokumente auf Basis des Musters anlegen, die dessen Seitenlayout erben.Beim Erstellen einer Vorlage legst du als „bearbeitbar" fest, welche Inhalte Benutzer in einem auf dieser Vorlage basierenden Dokument bearbeiten können.Vorlagen ermöglichen es Vorlagenautoren zu steuern, welche Seitenelemente Vorlagenbenutzer – wie Autoren, Grafikdesigner oder andere Webentwickler – bearbeiten können.Es gibt verschiedene Arten von Vorlagenbereichen, die der Vorlagenautor in ein Dokument aufnehmen kann.

Anmerkung

Vorlagen ermöglichen es dir, einen großen Designbereich zu steuern und vollständige Layouts wiederzuverwenden. Wenn du einzelne Designelemente wiederverwenden möchtest, wie zum Beispiel die Copyright-Informationen einer Website oder ein Logo, erstelle Bibliothekselemente.

Die Verwendung von Vorlagen ermöglicht die Aktualisierung mehrerer Seiten in einem Arbeitsgang. Ein Dokument, das von einer Vorlage erstellt wird, bleibt mit dieser Vorlage verbunden (es sei denn, du trennst das Dokument später ab).Du kannst eine Vorlage bearbeiten und das Design sofort in allen darauf basierenden Dokumenten aktualisieren.

Anmerkung

Vorlagen in Dreamweaver unterscheiden sich von Vorlagen in einigen anderen Anwendungen der Adobe Creative Cloud insofern, als Seitenbereiche von Dreamweaver-Vorlagen standardmäßig festgelegt (d. h. nicht bearbeitbar) sind.

Arten von Vorlagenbereichen

Wenn Sie ein Dokument als Vorlage speichern, sind die meisten Bereiche des Dokuments gesperrt. Als Autor der Vorlage legen Sie fest, welche Bereiche eines auf einer Vorlage basierenden Dokuments bearbeitbar sind, indem Sie in die Vorlage bearbeitbare Bereiche oder bearbeitbare Parameter einfügen.

Beim Erstellen der Vorlage können Sie Änderungen an bearbeitbaren und gesperrten Bereichen vornehmen. In Dokumenten, die auf der Vorlage basieren, kann der Benutzer der Vorlage jedoch nur die bearbeitbaren Bereiche ändern; gesperrte Bereiche können nicht modifiziert werden.

Es gibt vier Arten von Vorlagenbereichen:

Bearbeitbarer Bereich: Ein nicht gesperrter Bereich in einem auf einer Vorlage basierenden Dokument, der von den Benutzern der Vorlage bearbeitet werden kann. Der Autor der Vorlage kann jeden beliebigen Bereich der Vorlage als bearbeitbaren Bereich definieren. Vorlagen sollten mindestens einen bearbeitbaren Bereich enthalten, um von Nutzen zu sein; andernfalls können die Seiten, die auf der Vorlage basieren, nicht bearbeitet werden. Ausführliche Informationen zu bearbeitbaren Bereichen finden Sie unter Bearbeitbare Bereiche in Vorlagen erstellen.

Wiederholender Bereich: Ein Bereich des Dokumentlayouts, der so definiert ist, dass die Vorlagenbenutzer in einem auf der Vorlage basierenden Dokument Kopien des wiederholenden Bereichs einfügen und löschen können. Sie können beispielsweise eine Tabellenzeile als wiederholenden Bereich definieren. Wiederholende Bereiche sind bearbeitbar, sodass die Vorlagenbenutzer den Inhalt im wiederholenden Element bearbeiten können, während das Design selbst vom Autor festgelegt ist.

Sie können in eine Vorlage zwei Arten wiederholender Bereiche einfügen, und zwar „Wiederholender Bereich“ und „Wiederholende Tabelle“. Informationen zum Arbeiten mit wiederholenden Bereichen finden Sie unter Erstellen von wiederholenden Bereichen und Tabellen in Dreamweaver.

Optionaler Bereich: Ein Bereich in einer Vorlage mit Inhalten – z. B. Texte oder Bilder –, die im Dokument angezeigt oder nicht angezeigt werden können. Auf einer Seite, die auf einer Vorlage basiert, legt normalerweise der Benutzer der Vorlage fest, ob der Inhalt angezeigt wird. Weitere Informationen finden Sie im Abschnitt Optionaler Bereich.

Bearbeitbares Tag-Attribut: Ermöglicht die Freigabe eines Tag-Attributs in einer Vorlage, sodass das Attribut auf einer Seite, die auf der Vorlage basiert, bearbeitet werden kann. Sie können beispielsweise festlegen, welches Bild im Dokument angezeigt wird, und gleichzeitig die Wahl der Ausrichtung (linksbündig, rechtsbündig oder zentriert) dem Benutzer der Vorlage überlassen. Weitere Informationen finden Sie unter Bearbeitbare Tag-Attribute in Dreamweaver definieren.

Wenn du eine Vorlagendatei erstellst, indem du eine vorhandene Seite als Vorlage speicherst, wird die neue Vorlage im Ordner Vorlagen erstellt und alle Verknüpfungen in der Datei werden aktualisiert, sodass ihre dokumentrelativen Pfade korrekt sind.Später, wenn du ein Dokument erstellst, das auf dieser Vorlage basiert und es speicherst, werden alle dokumentrelativen Verknüpfungen erneut aktualisiert, um weiterhin auf die richtigen Dateien zu zeigen.

Wenn du eine neue dokumentrelative Verknüpfung zu einer Vorlagendatei hinzufügst, ist es einfach, den falschen Pfadnamen einzugeben, wenn du den Pfad in das Verknüpfungstextfeld im Eigenschaft-Inspektor eingibst. Der korrekte Pfad in einer Vorlagendatei ist der Pfad vom Vorlagen-Ordner zum verknüpften Dokument, nicht der Pfad vom Ordner des vorlagenbasierten Dokuments zum verknüpften Dokument. Stelle sicher, dass die korrekten Pfade für Verknüpfungen existieren, indem du entweder das Ordnersymbol oder das Point-to-file-Symbol im Eigenschafteninspektor verwendest, wenn du Verknüpfungen in Mustern erstellst.

Server-Skripte in Vorlagen und vorlagenbasierten Dokumenten

Einige Server-Skripte werden ganz am Anfang oder Ende des Dokuments eingefügt (vor dem <html>-Tag oder nach dem </html>-Tag). Solche Skripte erfordern eine besondere Behandlung in Vorlagen und vorlagenbasierten Dokumenten.Normalerweise werden Änderungen am Skriptcode vor dem <html>-Tag oder nach dem </html>-Tag in einer Vorlage nicht in Dokumente übernommen, die auf dieser Vorlage basieren.Dies kann Serverfehler verursachen, wenn andere Server-Skripte im Hauptteil der Vorlage von den Skripten abhängen, die nicht kopiert werden.Ein Warnhinweis warnt dich, wenn du Skripte vor dem <html>-Tag oder nach dem </html>-Tag in einem Muster änderst.

Um dieses Problem zu vermeiden, kannst du folgenden Code in den head-Bereich des Musters einfügen:

<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->

Wenn sich dieser Code in einer Vorlage befindet, werden Änderungen an Skripten vor dem <html>-Tag oder nach dem </html>-Tag in Dokumente kopiert, die auf dieser Vorlage basieren.Du kannst diese Skripte dann jedoch nicht mehr in Dokumenten bearbeiten, die auf dem Muster basieren. Du kannst daher entweder diese Skripte in der Vorlage bearbeiten oder in Dokumenten, die auf der Vorlage basieren, aber nicht beides.

Vorlagenparameter

Muster-Parameter geben Werte zur Steuerung von Inhalten in Dokumenten an, die auf einem Muster basieren. Verwende Vorlagenparameter für optionale Regionen oder bearbeitbare Tag-Attribute oder um Werte festzulegen, die du an ein angehängtes Dokument übergeben möchtest. Für jeden Parameter wählst du einen Namen, einen Datentyp und einen Standardwert aus. Jeder Parameter muss einen eindeutigen Namen haben, der von Schreibweise abhängig ist. Sie müssen einem der fünf erlaubten Datentypen entsprechen: Text, Boolescher Wert, Farbe, URL oder Zahl.

Vorlagenparameter werden an das Dokument als Instanzparameter übergeben. In den meisten Fällen kann ein Vorlagenbenutzer den Standardwert des Parameters bearbeiten, um anzupassen, was in einem vorlagenbasierten Dokument erscheint. In anderen Fällen bestimmt möglicherweise der Vorlagenautor, was im Dokument erscheint, basierend auf dem Wert eines Vorlagenausdrucks.

Vorlagenausdrücke

Vorlagenausdrücke sind Anweisungen, die einen Wert berechnen oder auswerten.

Du kannst einen Ausdruck verwenden, um einen Wert zu speichern und ihn in einem Dokument anzuzeigen.Ein Ausdruck kann zum Beispiel so einfach sein wie der Wert eines Parameters, z. B. @@(Param)@@, oder komplex genug, um Werte zu berechnen, die die Hintergrundfarbe in einer Tabellenzeile abwechseln, z. B. @@((_index & 1) ? red : blue)@@.

Sie können auch Vorlagenausdrücke mit einer oder mehreren if-Bedingung definieren. Ein Ausdruck in einer bedingten Anweisung wird von Dreamweaver entweder als true (wahr) oder als false (falsch) ausgewertet. Wenn die Bedingung wahr ist, erscheint die optionale Region in dem vorlagenbasierten Dokument; wenn sie falsch ist, erscheint sie nicht.

Du kannst Ausdrücke in der Codeansicht oder im Dialogfeld Optionale Region definieren, wenn du eine optionale Region einfügst.

In der Codeansicht gibt es zwei Möglichkeiten, Vorlagenausdrücke zu definieren: verwende den <!-- TemplateExpr expr="your expresson"--> Kommentar oder @@(your expression)@@. Wenn du den Ausdruck im Vorlagencode einfügst, erscheint eine Ausdrucksmarkierung in der Designansicht. Wenn du die Vorlage anwendest, wertet Dreamweaver den Ausdruck aus und zeigt den Wert im vorlagenbasierten Dokument an.

Verwendete Sprache für Vorlagenausdrücke

Die Vorlagen-Ausdruckssprache ist eine kleine Teilmenge von JavaScript und verwendet JavaScript-Syntax und Vorrangregeln. Verwende JavaScript-Operatoren, um einen Ausdruck wie diesen zu schreiben:

@@(firstName+lastName)@@

Folgende Funktionen und Operatoren werden unterstützt:

  • numerische Literale, String-Literale (nur Syntax mit doppelten Anführungszeichen), Boolesche Literale (true oder false)

  • Variablenreferenz (siehe die Liste der definierten Variablen später\nin diesem Abschnitt)

  • Feldbezüge (der „Punkt-Operator“)

  • Unäre Operatoren: +, -, ~, !

  • Binäre Operatoren: +, -, *, /, %, &, |, ^, &&,\n||, <, <=, >, >=, ==, !=, <<, >>

  • Bedingungsoperatoren: ?:

  • Klammern: ()

    Die folgenden Datentypen werden verwendet:\nBoolescher Wert, IEEE 64‑bpc-Fließkommazahl, String und Objekt.Dreamweaver-Vorlagen unterstützen nicht die\nVerwendung von JavaScript-Typen „null" oder „undefined".Außerdem erlauben sie nicht, dass skalare Typen implizit in ein Objekt konvertiert werden. Daher würde der Ausdruck "abc".length einen Fehler auslösen, anstatt den Wert 3 zu liefern.

    Die einzigen verfügbaren Objekte sind diejenigen, die durch das Ausdrucksmodell definiert sind.Die folgenden\nVariablen sind definiert:

    _document

    Enthält die Vorlagendaten der Dokumentebene und für jeden Parameter in der Vorlage ein Feld.

    _repeat

    Ist nur für Ausdrücke definiert, die sich innerhalb eines wiederholenden Bereichs befinden. Zeigt integrierte Informationen über den Bereich an.

    _index

    Numerischer Index (0) des aktuellen Eintrags.

    _numRows

    Gesamtzahl der Einträge in diesem wiederholenden Bereich.

    _isFirst

    true (wahr), wenn der aktuelle Eintrag der erste Eintrag in seinem wiederholenden Bereich ist.

    _isLast

    true (wahr), wenn der aktuelle Eintrag der letzte Eintrag in seinem wiederholenden Bereich ist.

    _prevRecord

    Das _repeat-Objekt des vorherigen Eintrags. Der Zugriff auf diese Eigenschaft im ersten Eintrag des Bereichs führt zu einem Fehler.

    _nextRecord

    Das _repeat-Objekt des nächsten Eintrags. Der Zugriff auf diese Eigenschaft im letzten Eintrag des Bereichs führt zu einem Fehler.

    _parent

    In einem verschachtelten wiederholenden Bereich wird hierdurch das _repeat-Objekt für den umschließenden (äußeren) wiederholenden Bereich angegeben. Der Aufruf dieser Eigenschaft außerhalb eines verschachtelten wiederholenden Bereichs führt zu einem Fehler.

    Bei der Auswertung des Ausdrucks sind alle Felder der Objekte „_document“ und „_repeat“ implizit verfügbar. Sie können beispielsweise title anstelle von _document.title eingeben, um Zugriff auf den title-Parameter des Dokuments zu erhalten.

    Wenn ein Konflikt der Feldnamen auftritt, haben die Felder des _repeat-Objekts Vorrang vor den Feldern des _document-Objekts. Daher benötigen Sie wahrscheinlich keine expliziten Verweise auf „_document“ oder „_repeat“, es sei denn, „_document“ ist innerhalb eines repeat-Bereichs für den Verweis auf Dokumentparameter erforderlich, die in wiederholenden Bereichsparametern verborgen sind.

    Bei der Verwendung verschachtelter wiederholender Bereiche sind nur die Felder der innersten wiederholenden Bereiche implizit verfügbar. Auf die äußeren Bereiche muss über „_parent“ explizit verwiesen werden.

Mehrfache if-Bedingung in Vorlagencode

Sie können Vorlagenausdrücke mit einer oder mehreren if-Bedingungen definieren. Dieses Beispiel zeigt, wie ein Parameter mit dem Namen „Dept“ definiert, ein Anfangswert festgelegt und eine mehrfache if-Bedingung erstellt wird, um zu ermitteln, welches Logo angezeigt werden soll.

Dies ist ein Beispiel für Code, den Sie in den head-Abschnitt der Vorlage eingeben können:

<!-- TemplateParam name="Dept" type="number" value="1" -->

Die folgende bedingte Anweisung prüft den Wert, der dem Dept-Parameter zugewiesen wird. Wenn die Bedingung wahr ist (true), wird das entsprechende Bild angezeigt.

<!-- TemplateBeginMultipleIf --> 

<!-- prüft den Wert der Abteilung und zeigt das entsprechende Bild an--> 

<!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause --> 

<!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause--> 

<!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause --> 

<!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause -->

<!-- TemplateEndMultipleIf -->

Wenn du ein vorlagenbasiertes Dokument erstellst, werden die Vorlagenparameter automatisch an es übertragen.Der Vorlagenbenutzer bestimmt, welches Bild angezeigt wird.