Dreamweaver MX 2004 von Grund auf(1)

Autor：Eve Cole Aktualisierungszeit：2009-05-31 21:03:03

Mit der Popularität des Internets geben sich viele Menschen nicht mehr mit dem bloßen Surfen im Internet zufrieden, sondern möchten intensiv daran teilhaben. Mittlerweile ist es zum Trend geworden, eine eigene Website zu haben. Obwohl es nicht schwer ist, eine einfache Webseite zu erstellen, ist es nicht so einfach, eine außergewöhnliche Website zu erstellen. Deshalb haben wir speziell für Sie eine Reihe von Tutorials zur neuesten Website-Design-Software Dreamweaver MX 2004 vorbereitet. Wir hoffen, dass dies der Fall ist hilfreich für Sie.

Normalerweise gibt es auf einer Website Dutzende oder sogar Hunderte von Seiten mit grundsätzlich ähnlichen Stilen. Es wäre sehr mühsam, die Webseitenstruktur und die Navigationsleiste sowie verschiedene Symbole jedes Mal unter derselben Spalte neu zu setzen. Wir können jedoch Dreamweaver MX 2004 verwenden Vorlagenfunktion zur Vereinfachung von Vorgängen. Tatsächlich besteht die Funktion einer Vorlage darin, das Layout und den Inhalt einer Webseite zu trennen. Nachdem das Layout entworfen wurde, kann es als Vorlage gespeichert werden. Auf diese Weise können Seiten mit demselben Layout erstellt werden kann die Arbeitseffizienz erheblich verbessern.

1. Erstellen Sie eine Vorlage

Das Erstellen einer Vorlage ist genau das Gleiche wie das Erstellen einer normalen Seite, außer dass Sie nicht alle Teile der Seite erstellen müssen. Sie müssen nur die öffentlichen Teile jeder Seite erstellen, z. B. die Navigationsleiste und die Titelleiste, und sie ausfüllen der mittlere Bereich mit dem spezifischen Inhalt der Seite.

Schritt 1: Führen Sie zunächst den Befehl „Datei→Neu“ in Dreamweaver MX 2004 aus, wählen Sie dann die Option „Vorlagenseite→HTML-Vorlage“ aus dem in Abbildung 1 gezeigten Fenster aus und klicken Sie auf die Schaltfläche „Erstellen“, um ein Vorlagendokument zu erstellen.

Schritt 2: Fügen Sie den Webseitenrahmen, die Navigationsleiste, den Flash-Titel und andere für alle Seiten gemeinsame Elemente in die Seitenentwurfsansicht ein (Abbildung 2) und führen Sie dann den Befehl „Datei→Speichern“ aus, um die Vorlage zu speichern.

Tipp: Sie können zuerst eine Webseite herunterladen, die Ihnen gefällt, sie dann in Dreamweaver MX 2004 öffnen, nur den Rahmen und andere Elemente behalten und sie dann über den Befehl „Datei→Als Vorlage speichern“ als Vorlage speichern, wodurch eine gespeichert werden kann viel Zeit beim Erstellen von Vorlagen.

Um Änderungen an Elementen in der Vorlage zu vermeiden, die durch Fehlbedienungen während der Bearbeitung verursacht werden, ist der Inhalt in der Vorlage standardmäßig nicht bearbeitbar. Erst nachdem ein bestimmter Bereich oder ein bestimmter Text auf bearbeitbar gesetzt wurde, kann er in dem von der erstellten Dokument geändert werden Vorlage. Wählen Sie zunächst mit der Maus einen Bereich aus (d. h. den Bereich mit unterschiedlichem Inhalt auf jeder Seite), führen Sie dann den Befehl „Ändern→Vorlagen→Neuer bearbeitbarer Bereich“ aus und legen Sie im Popup-Dialogfeld einen Namen für diesen Bereich fest , und Sie sind fertig.

Tipp: Nachdem Sie den Bearbeitungsbereich festgelegt haben, müssen Sie den Befehl „Datei→Speichern“ ausführen, um die Änderungen zu speichern.

2. Verwenden Sie Vorlagen

Nachdem Sie über die Vorlagen verfügen, müssen Sie diese beim Bearbeiten von Webseiten verwenden. Solange Sie den Befehl „Datei → Neu“ im Hauptfenster von Dreamweaver MX 2004 ausführen, wird das in Abbildung 1 gezeigte neue Fenster angezeigt. Anschließend können Sie die Registerkarte „Vorlagen“ aufrufen, um die gespeicherten Vorlagen anzuzeigen Wählen Sie rechts eine Vorschau im Vorschaubereich (Abbildung 3) aus, wählen Sie schließlich eine Vorlage aus, die Ihnen gefällt, und klicken Sie unten auf die Schaltfläche „Erstellen“, um diese Vorlage zu öffnen.

In der geöffneten Vorlage werden die Bereiche, die nicht bearbeitet werden können, hervorgehoben, einige Stellen sind jedoch gesperrt, aber nicht hervorgehoben. Dies liegt hauptsächlich daran, dass das Bild nur die Hintergrundfarbe verdeckt. In diesem Fall können Sie den Befehl „Bearbeiten→Einstellungen“ ausführen, das Element „Hervorhebung“ in der Liste „Kategorie“ des Popup-Fensters auswählen und dann die Option „Anzeigen“ neben „Gesperrte Bereiche“ im Popup-Fenster auswählen Markieren Sie den rechten Bereich (Abbildung 4) und stellen Sie die Hervorhebungsfarbe auf Blau ein, damit Sie den gesperrten Bereich in der Vorlage deutlich erkennen können.

Tipp: Wenn Sie den Hervorhebungseffekt immer noch nicht sehen können, können Sie auch der Reihe nach den Befehl „Ansicht→Visuelle Hilfsmittel→Unsichtbare Elemente“ auswählen.

Abschließend müssen wir nur noch den Inhalt der Webseite im bearbeitbaren Bereich hinzufügen, z. B. einige Textbeschreibungen hinzufügen oder entsprechende Bilder einfügen, und die Seite schließlich über den Befehl „Datei → Speichern“ speichern.

3. Vorlagen ändern und ersetzen

Wenn Sie nach dem Erstellen mehrerer Seiten über eine Vorlage die Seite ändern oder Spalten hinzufügen müssen, ist es sehr mühsam, alle Seiten manuell zu ändern. Daher können wir dieses Problem mit der Vorlagenänderungsfunktion von Dreamweaver MX 2004 lösen. Nachdem wir beispielsweise die Vorlage geändert haben, führen Sie den Befehl „Datei→Speichern“ aus, um die Vorlage zu speichern. Zu diesem Zeitpunkt wird eine Eingabeaufforderung angezeigt, in der Sie gefragt werden, ob alle Seiten aktualisiert werden sollen, die die Vorlage verwenden (Abbildung 5). Auf der aktualisierten Seite werden die Gesamtzahl, die aktualisierte Zeit und andere Informationen angezeigt.

Darüber hinaus bietet Dreamweaver MX 2004 auch eine Funktion zum Ändern von Vorlagen für Webseiten. Sie müssen nur verschiedene Vorlagen erstellen und dann tragen, was Sie möchten. Vorlagen können jedoch nicht einfach ersetzt werden. Voraussetzung für das Ersetzen von Vorlagen ist, dass die zu ersetzende Seite über eine Vorlage erstellt werden muss und die Anzahl und der Name der bearbeitbaren Bereiche auf der Seite mit der Anzahl und dem Namen der bearbeitbaren Bereiche von übereinstimmen müssen die zu ersetzende Vorlage konsistent. Beispielsweise gibt es auf einer Webseite drei bearbeitbare Bereiche mit den Namen t1, t2 und t3. Es gibt auch eine Vorlage, unabhängig von der Struktur dieser Vorlage, solange sie auch drei bearbeitbare Bereiche hat und die Namen t1, t2 und t3 sind, können Sie damit die ursprüngliche Webseite durch eine neue Vorlage ersetzen , und die 3 bearbeitbaren Bereiche auf der Seite können Der Inhalt des Bearbeitungsbereichs bleibt dementsprechend unverändert. Die spezifische Methode zum Ersetzen von Vorlagen ist ebenfalls sehr einfach. Führen Sie einfach den Befehl „Windows→Vorlagen“ aus, um das Vorlagenfenster zu öffnen. Wählen Sie nun die entsprechende Vorlage im oberen Bereich aus und klicken Sie dann auf „Auf Seite anwenden“. Schaltfläche, damit der Vorgang zum Ersetzen der Vorlage schnell abgeschlossen werden kann.

Tipp: Nutzen Sie diese Funktion, um Sommer- und Winterversionen der Website-Homepage zu erstellen, was den Wechsel der Vorlage sehr komfortabel macht.

Tatsächlich gibt es viele verwandte Inhalte zu Vorlagen, aber aus Platzgründen kann ich nur eine teilweise Einführung auswählen. Ich hoffe, dass jeder aus einem Beispiel Schlussfolgerungen ziehen und die Feinheiten von Vorlagen vollständig verstehen kann.