Operation Manual
Wählen Sie genau einen bearbeitbaren Bereich in einer Dreamweaver-Vorlage (DWT-Datei) aus.
Wählen Sie weitere Seiteninhalte aus, die bearbeitbar sein sollen (beispielsweise ein Textblock).
2. Wählen Sie „Einfügen“ > „InContext Editing“ > „Bearbeitbaren Bereich erstellen“ aus.
3. Je nach Ihrer Auswahl stehen Ihnen verschiedene Optionen zur Verfügung.
Bei Auswahl eines div-, th- oder td-Tags wandelt Dreamweaver das Tag automatisch und ohne weitere Schritte in einen bearbeitbaren
Bereich um.
Wenn Sie einen neuen, leeren bearbeitbaren Bereich einfügen, führen Sie einen der folgenden Schritte aus:
Wählen Sie die Option „Neuen bearbeitbaren Bereich an aktueller Einfügemarke einfügen“ aus und klicken Sie auf „OK“.
Dreamweaver fügt in den Code ein div-Tag mit dem Attribut ice:editable für das öffnende Tag ein.
Wählen Sie die Option „Übergeordnetes Tag in einen bearbeitbaren Bereich umwandeln“ aus, wenn Dreamweaver das
übergeordnete Tag der Auswahl in das Containerelement für den Bereich umwandeln soll. Nur bestimmte HTML-Tags können
umgewandelt werden: div, th und td.
Hinweis: Die zweite Option steht nur zur Verfügung, wenn der übergeordnete Knoten exakt den Umwandlungskriterien entspricht.
Es muss sich beispielsweise um eines der aufgeführten Tags handeln, die umgewandelt werden können. Darüber hinaus darf das
Tag keinen der Fehler hervorrufen, die unter InContext Editing-Fehlermeldungen aufgeführt sind.
Wenn Sie einen bearbeitbaren Bereich der Dreamweaver-Vorlage ausgewählt haben, klicken Sie im Dialogfeld „Bearbeitbaren Bereich
erstellen“ auf „OK“. Der bearbeitbare Bereich der Vorlage wird in Dreamweaver in ein div-Tag eingeschlossen, das als Container für den
neuen bearbeitbaren InContext Editing-Bereich dient.
Wenn Sie andere Inhalte markiert haben, die zur Bearbeitung eingerichtet werden sollen, führen Sie einen der folgenden Schritte aus:
Wählen Sie die Option „Aktuelle Auswahl in einen DIV-Tag einschließen und dann umwandeln“ aus, wenn der markierte Inhalt in div-
Tags eingeschlossen und in einen bearbeitbaren Bereich umgewandelt werden soll. Das div-Tag, in das Dreamweaver den Inhalt
einschließt, dient als Container für den bearbeitbaren Bereich.
Hinweis: Durch Einfügen von div-Tags in Seiten ändern sich unter Umständen die Seitendarstellung und die Effekte der CSS-
Regeln. Wenn beispielsweise mit einer CSS-Regel festgelegt wird, dass div-Tags mit einem roten Rahmen angezeigt werden, wird
die aktuelle Auswahl mit einem roten Rahmen angezeigt, wenn sie in ein div-Tag eingeschlossen und umgewandelt wird. Wenn Sie
dies vermeiden möchten, können Sie die CSS-Regeln, die sich auf die aktuelle Auswahl auswirken, neu definieren oder die
Umwandlung aufheben („Bearbeiten“ > „Rückgängig“) und dann ein unterstütztes Tag auswählen und umwandeln, das in
Dreamweaver nicht in ein div-Tag eingeschlossen werden muss.
Wählen Sie die Option „Übergeordnetes Tag in einen bearbeitbaren Bereich umwandeln“ aus, wenn Dreamweaver das
übergeordnete Tag der Auswahl in das Containerelement für den bearbeitbaren Bereich umwandeln soll. Nur bestimmte HTML-Tags
können umgewandelt werden: div, th und td.
4. Klicken Sie in der Entwurfsansicht auf die blaue Registerkarte des bearbeitbaren Bereichs, um ihn auszuwählen, falls dies nocht nicht
geschehen ist.
Hinweis: Beachten Sie bei Verwendung einer Dreamweaver-Vorlage unbedingt, dass Sie den bearbeitbaren InContext Editing-Bereich
(den Containerbereich) und nicht den bearbeitbaren Bereich der Dreamweaver-Vorlage auswählen müssen.
5. Aktivieren oder deaktivieren Sie die gewünschten Optionen im Eigenschafteninspektor des bearbeitbaren Bereichs. Die ausgewählten
Optionen stehen dann Benutzern zur Verfügung, wenn sie den Inhalt des bearbeitbaren Bereichs in einem Browser bearbeiten. Wenn Sie
beispielsweise das Kontrollkästchen „Fett“ aktivieren, können Benutzer für den Text Fettdruck festlegen. Wenn Sie das Kontrollkästchen
„Nummerierte Liste und Aufzählungsliste“ aktivieren, können Benutzer nummerierte Listen und Aufzählungslisten erstellen. Wenn Sie das
Kontrollkästchen „Hyperlink“ aktivieren, können Benutzer Hyperlinks erstellen usw. Zeigen Sie mit dem Mauszeiger auf das jeweilige Symbol
oberhalb der Kontrollkästchen, damit eine QuickInfo zur entsprechenden aktivierbaren Option angezeigt wird.
6. Speichern Sie die Seite.
Wenn dies das erste Mal ist, dass Sie einer Seite InContext Editing-Funktionalität hinzufügen, informiert Sie Dreamweaver darüber, dass
Ihrer Site Unterstützungsdateien für InContext Editing hinzugefügt werden: „ice.conf.js“, „ice.js“ und „ide.html“. Stellen Sie sicher, diese
Dateien zusammen mit der Seite auf den Server hochzuladen, sonst steht die InContext Editing-Funktionalität im Webbrowser nicht zur
Verfügung.
Wiederholenden InContext Editing-Bereich erstellen
Ein wiederholender InContext Editing-Bereich ist ein Paar von HTML-Tags mit dem Attribut ice:repeating im öffnenden Tag. Der wiederholende
InContext Editing-Bereich definiert einen Bereich auf der Webseite, den Benutzer beim Bearbeiten im Browser wiederholt einfügen und mit
Inhalten füllen können. Wenn beispielsweise eine Überschrift und ein darauf folgender Textabschnitt vorhanden sind, können Sie diese Elemente
in einen wiederholenden Bereich umwandeln, den Benutzer dann auf der Seite duplizieren können.
675