Erfahren Sie, wie Sie in der Entwurfsansicht und Codeansicht von Dreamweaver Vorlagen und vorlagenbasierte Dokumente erkennen.
Vorlagen in der Entwurfsansicht erkennen
In der Entwurfsansicht werden bearbeitbare Bereiche im Dokumentfenster durch rechteckige Rahmen angezeigt. Den Namen des Bereichs finden Sie im unteren Bereich des Dokumentfensters.
Sie können eine Vorlagendatei auf der Titelleiste im Dokumentfenster identifizieren. Die Dateierweiterung lautet „.dwt“.
Vorlagen in der Codeansicht erkennen
In der Code-Ansicht sind bearbeitbare Inhaltsbereiche im HTML mit den folgenden Kommentaren markiert:
<!-- TemplateBeginEditable> und <!-- TemplateEndEditable -->
Du kannst die Code-Farbeinstellungen verwenden, um dein eigenes Farbschema festzulegen, damit du Vorlagenbereiche beim Anzeigen eines Dokuments in der Code-Ansicht leicht unterscheiden kannst.
Alles zwischen diesen Kommentaren wird in Dokumenten bearbeitbar sein, die auf der Vorlage basieren.Der HTML-Quellcode für einen bearbeitbaren Bereich könnte so aussehen:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Adresse</font></td>
<td><font color="#FFFFFF">Telefonnummer</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Namen eingeben</td>
<td>Adresse eingeben</td>
<td>Telefon eingeben</td>
</tr>
<!-- TemplateEndEditable -->
</table>
Wenn du Vorlagencode in der Code-Ansicht bearbeitest, achte darauf, keine der vorlagenbezogenen Kommentar-Tags zu ändern, auf die Dreamweaver angewiesen ist.
Vorlagenbasierte Dokumente in der Entwurfsansicht erkennen
Bei einem auf einer Vorlage basierenden Dokument werden bearbeitbare Bereiche in der Entwurfsansicht des Dokumentfensters durch rechteckige Rahmen mit gepunkteten Linien angezeigt. Der Name des Bereichs wird am unteren Rand des Fensters angezeigt.
Nicht nur die bearbeitbaren Bereiche, sondern die gesamte Seite ist durch einen andersfarbigen Rahmen markiert. Auf einer Registerkarte rechts oben im Fenster ist der Name der Vorlage angegeben, auf der das Dokument basiert. Dieser hervorgehobene Rahmen soll Sie daran erinnern, dass das Dokument auf einer Vorlage basiert und dass Sie den Inhalt außerhalb der bearbeitbaren Bereiche nicht ändern können.
Vorlagenbasierte Dokumente in der Codeansicht erkennen
In der Code-Ansicht erscheinen bearbeitbare Bereiche eines Dokuments, das von einer Vorlage abgeleitet ist, in einer anderen Farbe als Code in den nicht bearbeitbaren Bereichen.Du kannst nur Änderungen am Code in den bearbeitbarenBereichen oder bearbeitbaren Parametern vornehmen, aber du kannst nicht in gesperrte Bereiche tippen.
Im HTML-Code sind bearbeitbare Inhalte mit den folgenden Dreamweaver-Kommentaren markiert:
<!‑‑ InstanceBeginEditable> und <!‑‑ InstanceEndEditable ‑‑>
Alles zwischen diesen Kommentaren ist in einem vorlagenbasierten Dokument bearbeitbar.Der HTML-Quellcode für einen bearbeitbaren Bereich könnte so aussehen:
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Adresse</font></td>
<td><font color="#FFFFFF">Telefonnummer</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Name eingeben</td>
<td>Adresse eingeben</td>
<td>Telefon eingeben</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
Die Standardfarbe für nicht bearbeitbare Texte ist grau. Du kannst eine andere Farbe für die bearbeitbaren und nicht bearbeitbaren Regionen im Dialogfeld Voreinstellungen auswählen.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
