Dreamweaver-Vorlagen

Name: Dreamweaver-Vorlagen
Author: Patti Scully-Lane

Die Funktion „Vorlage“ ist in Dreamweaver sehr hilfreich, da Sie damit eine „Hülle“ oder ein Layout erstellen können, das auf allen Seiten einheitlich ist. Sie…

Preview the first lesson free — get full access to all 4 lessons.

Demo anfragen Anmelden

Kurs: On-Demand

In dieser Lektion Sie werden lernen, wie man eine Vorlage erstellt aus einem Layout in Adobe Dreamweaver. Bevor wir beginnen, müssen wir eine Website einrichten weil die Vorlagenfunktion nur funktioniert wenn Sie innerhalb einer Site arbeiten. Also gehen wir zum Seitenmenü, zur neuen Seite, und wir werden dieses "Modul fünf Vorlagen" nennen, und wir werden auf dieses Ordnersymbol klicken. Jetzt habe ich das Modul fünf Lektionsdateien gespeichert auf meinen Desktop. Sie werden dorthin navigieren, wo es ist Sie haben den Vorlagenordner des Moduls fünf gespeichert aus dem Ordner mit den Unterrichtsdateien in Modul fünf. Nun, wenn Sie nicht vertraut sind mit der Arbeit mit Websites in Dreamweaver, Sie können zu Modul eins zurückkehren dieses Dreamweaver-Fortgeschrittenenkurses und sehen Sie sich die Verwaltung von Websites in Dreamweaver an für mehr Informationen. Wir werden auf die Schaltfläche Speichern klicken. Und hier drüben in unserem Dateibereich Wir haben alle Informationen für unsere Website. Und wir haben hier einige einzelne Seiten. Und wenn ich auf meine Indexseite klicke, Ich kann sehen, dass ich ein Layout für meine Seiten habe. Wenn wir auf unsere Wanderseite klicken, Ich sehe, dass ich auch hier ein ähnliches Layout habe. Nun, die Art und Weise, wie diese Seite erstellt wurde verwendet einzelne Seiten. Und das bedeutet, sagen, ich muss den Namen eines Links ändern, oder vielleicht einige Informationen unten auf meiner Seite. Nun, wenn ich das mache, so, wie ich es eingerichtet habe mit einzelnen Seiten bedeutet, dass ich diese Änderung vornehmen muss auf jeder der einzelnen Seiten meiner Website. Und genau das ist die Vorlagenfunktion in Dreamweaver kommt ins Spiel, weil die Template-Funktion ermöglicht es Ihnen, eine Shell zu erstellen. Und diese Hülle enthält die Informationen die auf allen Ihren Seiten konsistent ist. Und dann erstellen Sie bearbeitbare Bereiche Ihrer Seite, und nur diese Bereiche können vom Benutzer aktualisiert werden. Und auf diese Weise, wenn Sie eine Änderung an der Shell vornehmen müssen, Wenn Sie dies tun, wird die Shell aller Seiten aktualisiert die auf der Grundlage dieser Vorlage erstellt wurden. Es ist also eine großartige Funktion, die Ihnen hilft, Änderungen vorzunehmen um Inhalte weltweit zu erstellen. Ich werde diese beiden Dateien schließen, und wir gehen zum Dateifenster, zu entwerfen.HTML. Also hier ist diese Hülle. Und wir haben keinen Textinhalt und wir haben hier eine Grafik, aber wir werden das gerade jetzt verwenden als Platzhaltergrafik. Das erste, was Sie mit einer Vorlage tun müssen ist diese Vorlage zu speichern. Also gehen wir zum Dateimenü. Nun gibt es zwei Möglichkeiten, eine Vorlage in Dreamweaver zu speichern. Der erste Weg ist, zum Menü Als Vorlage speichern zu gehen. Dies ist die bevorzugte Vorgehensweise. Und der Grund dafür ist, dass wir dieses Dialogfeld erhalten, als Vorlage speichern, und es fragt uns, welche Seite Wir möchten diese Vorlage mit verknüpfen. Also werde ich diese einfach "design_template" nennen und wir werden sparen. Nun, das ist der entscheidende Teil. Es fragt uns, ob wir unsere Links aktualisieren möchten. Wir wollen immer Ja sagen, wenn wir mit Vorlagen arbeiten. Wenn wir also hier drüben in unserem Dateifenster nachsehen, Wir haben jetzt einen neuen Ordner in unserem Site-Ordner, und das ist der Vorlagenordner. Daher hat Dreamweaver automatisch einen Vorlagenordner erstellt und unsere design_template darin gespeichert. Jetzt werden Sie feststellen, dass dies eine andere Erweiterung hat, diese hat nicht mehr die HTML-Erweiterung. Es hat eine DWT, die für Dreamweaver-Vorlage steht. Dies ist eine Funktion, die nur in Dreamweaver funktioniert. Wenn Sie Leute haben, die sich in Ihrem Workflow befinden die nicht mit Dreamweaver arbeiten, Dies könnte möglicherweise Probleme verursachen mit Bearbeitung Ihrer Seiten. Dies muss also ausschließlich in Dreamweaver erfolgen. Wenn wir hierher zurückgehen und wir öffnen diese design.HTML wieder, die zweite Möglichkeit, etwas als Vorlage zu speichern ist, zum Dateimenü zu gehen, um zu speichern unter, und wählen Sie aus dem Dateityp "Vorlagendatei" aus. Nun, die Sache dazu ist das, wenn wir auf diesen Speichern-Button klicken, es fragt uns nicht nach Links. Es wird nicht standardmäßig gesetzt entweder in den Ordner dieser Vorlage. Diese Vorlage wird also nicht wirklich mit der Website verknüpft. Es speichert es auf der Website, aber es ordnet es nicht als Vorlagendatei zu. Damit wir nicht verwirrt werden, Wir werden mit der rechten Maustaste auf dieses Design klicken.DWT, bearbeite das und lösche es. Und ja, wir wollen diesen Ordner wirklich löschen, und wir können es hier schließen und einfach auf OK klicken. Wenn Sie also mit Dreamweaver-Vorlagen arbeiten, Das erste, was Sie tun müssen, ist eine Vorlage zu speichern und verknüpfen Sie diese Vorlage mit der Website indem Dreamweaver es automatisch einfügt in den Vorlagenordner und die Designunterstreichungsvorlage als DWT-Datei. In dieser Lektion haben Sie also gelernt, wie man spart ein HTML-Dokument als Vorlage in Adobe Dreamweaver.

Mittelstufe Anbieter : Patti Scully-Lane 4 Lektionen · 26m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Urdu, Chinese

Kursbeschreibung

Die Funktion „Vorlage“ ist in Dreamweaver sehr hilfreich, da Sie damit eine „Hülle“ oder ein Layout erstellen können, das auf allen Seiten einheitlich ist. Sie können dann bearbeitbare Bereiche auf Ihren Seiten einrichten, so dass nur diese Bereiche von den Benutzern aktualisiert werden können. Vorlagen ermöglichen eine einfache globale Änderung des Inhalts. Wenn Sie Änderungen an der "Hülle" vornehmen müssen, werden alle Seiten, die auf dieser Vorlage basieren, aktualisiert.

Lernziele

Was Sie lernen werden

Erkennen Sie die Vorteile der Verwendung einer Vorlage in Dreamweaver
Speichern Sie ein HTML-Dokument als Vorlage
Fügen Sie bearbeitbare Bereiche zu einer Vorlage hinzu
Erstellen Sie eine neue Seite basierend auf einer Vorlage
Nehmen Sie Änderungen an einer Vorlage vor und aktualisieren Sie alle daraus erstellten Seiten

Wichtige Erkenntnisse

Die Vorlagenfunktion von Dreamweaver ermöglicht es Ihnen, ein konsistentes Layout oder Gerüst auf all Ihren Seiten zu erstellen.
Bearbeitbare Bereiche können auf einer Vorlage definiert werden, sodass Benutzer nur diese spezifischen Bereiche aktualisieren können.
Vorlagen ermöglichen einfache Änderungen am Inhalt global über Seiten hinweg.
Änderungen am Gerüst der Vorlage werden auf alle Seiten angewendet, die auf dieser Vorlage basieren.

Häufig gestellte Fragen

Was behandelt dieser Dreamweaver-Vorlagenkurs?

Er behandelt das Erkennen der Vorteile der Verwendung einer Vorlage, das Speichern eines HTML-Dokuments als Vorlage, das Hinzufügen bearbeitbarer Bereiche, das Erstellen einer neuen Seite basierend auf einer Vorlage sowie das Vornehmen von Änderungen an einer Vorlage und ihre Aktualisierung.

Was ist eine Vorlage in Dreamweaver?

Eine Vorlage ist ein Layout oder Gerüst, das über alle Ihre Seiten hinweg konsistent bleibt und bearbeitbare Bereiche hat, die es Benutzern ermöglichen, nur diese Bereiche zu aktualisieren.

Wie helfen Vorlagen beim Vornehmen von Änderungen über viele Seiten hinweg?

Vorlagen ermöglichen einfache Änderungen am Inhalt global. Wenn Sie das Gerüst ändern, werden alle Seiten aktualisiert, die auf dieser Vorlage basieren.

Welche Lektionen sind in diesem Kurs enthalten?

Die Lektionen sind: Erstellen Sie eine Vorlage aus einem Layout, fügen Sie bearbeitbare Bereiche in einer Vorlage hinzu, erstellen Sie eine neue Seite aus einer Vorlage und nehmen Sie Änderungen an einer Vorlage vor und aktualisieren Sie Seiten.

Welche Fähigkeiten bezieht sich dieser Kurs auf?

Er bezieht sich auf Adobe Dreamweaver, Template Engine, Template Toolkits, Vorlagen, Web-Template-Systeme und Windows-Vorlagenbibliotheken.