Operation Manual
Table Of Contents
- Neue Funktionen
- Neue Funktionen in Dreamweaver CC
- Neue Funktionen in Dreamweaver 12.2 | Creative Cloud
- Neue Funktionen in Dreamweaver 12.1 | Creative Cloud
- Bedienfeld „CSS Designer“
- Webseitenvorschau und -prüfung auf mehreren Geräten
- Importieren von Edge Animate-Kompositionen
- Aufnehmen von Edge- und Webschriften in die Schriftenliste
- Verwenden von jQuery-Effekten in Dreamweaver
- Suchen von Dateien anhand von Dateinamen oder Inhalten | Mac OS
- Einfügen von HTML5-Audiodaten
- Einfügen von HTML5-Videos
- Verbesserte HTML5-Unterstützung für Formularelemente
- Neue Funktionen in CS6
- Änderungen an den Einfügeoptionen
- Arabischer und hebräischer Text
- Neue Funktionen in CS5.5
- Dreamweaver-Einführungstutorials
- Arbeitsbereich und Arbeitsabläufe
- Arbeitsablauf und Arbeitsbereich in Dreamweaver
- Code ausblenden
- Anpassen des Dreamweaver CS5-Arbeitsbereichs
- Bedienfelder für dynamischen Inhalt
- Erweiterungen für die CSS3-Unterstützung im Bedienfeld „CSS-Stile“ (CS5.5)
- Optimieren des Arbeitsbereichs für visuelle Entwicklung
- Festlegen von Codeeinstellungen
- Codeumgebung einrichten
- Verwenden des Bedienfelds „Einfügen“
- Verwenden von Symbolleisten, Inspektoren und Kontextmenüs
- Arbeiten im Dokumentfenster
- Vergrößern und Verkleinern der Ansicht
- Siteverwaltung
- Verbindungsaufbau zu einem Remote-Server
- Einrichten eines Testservers
- Einrichten einer lokalen Version Ihrer Site
- Optionen des Dialogfelds „Sites verwalten“
- Versionskontrolle und erweiterte Einstellungen
- Bearbeiten einer vorhandenen Remote-Website
- Importieren und Exportieren von Site-Einstellungen
- Dreamweaver-Sites
- Dateien vom Server abrufen/auf dem Server bereitstellen
- Verwalten von Contribute-Sites
- Site-Voreinstellungen für die Übertragung von Dateien festlegen
- Testen der Dreamweaver-Site
- CSS
- Bedienfeld „CSS Designer“
- Festlegen von CSS-Eigenschaften
- Erstellen von CSS-Regeln
- Fließende Rasterlayouts
- Gestalten von Seitenlayouts mit CSS
- Grundlegendes zu Cascading Stylesheets
- CSS3-Übergangseffekte
- Eigenschaft zur CSS-Regel hinzufügen
- CSS-Klassenstile anwenden, entfernen oder umbenennen
- Browserübergreifende Probleme bei der CSS-Wiedergabe überprüfen
- Inline-CSS einer CSS-Regel hinzufügen
- CSS-Eigenschaft deaktivieren/aktivieren
- CSS-Regeln bearbeiten
- CSS-Stylesheets bearbeiten
- Erweiterungen für die CSS3-Unterstützung im Bedienfeld „CSS-Stile“ (CS5.5)
- CSS-Code formatieren
- CSS in der Live-Ansicht prüfen
- Erstellen eines Links zu einem externen CSS-Stylesheet
- CSS-Regeln verschieben/exportieren
- Voreinstellungen für CSS-Stile festlegen
- CSS-Überschrifteneigenschaften für eine ganze Seite festlegen
- CSS-Hyperlinkeigenschaften für eine ganze Seite festlegen
- Bedienfeld „CSS-Stile“
- CSS-Stylesheets in einer Contribute-Site aktualisieren
- Mit Entwurfszeit-Stylesheets arbeiten
- Dreamweaver-Muster-Stylesheets verwenden
- Arbeiten mit div-Tags
- Layout und Entwurf
- Fließende Rasterlayouts
- Gestalten von Seitenlayouts mit CSS
- Spry-Framework
- Spry-Effekte hinzufügen
- Ändern der Seitenausrichtung für mobile Geräte (ab Version CS5.5)
- Farben
- Erstellen von Medienabfragen (ab Version CS 5.5)
- Dynamische Seiten entwerfen
- Daten mit Spry anzeigen
- Anzeigen von Datenbank-Datensätzen
- Inhalte in Tabellen darstellen
- CSS-Überschrifteneigenschaften für eine ganze Seite festlegen
- Eigenschaften für Titel und Kodierung einer Seite festlegen
- Grundlegendes zur Dokumentkodierung
- CSS-Stylesheets in einer Contribute-Site aktualisieren
- Mit Entwurfszeit-Stylesheets arbeiten
- Dreamweaver-Muster-Stylesheets verwenden
- Tracing-Bild für das Design einer Seite verwenden
- Frames verwenden
- Visuelle Hilfsmittel für das Layout
- Arbeiten mit Spry-Widgets (allgemeine Anweisungen)
- Arbeiten mit div-Tags
- Mit Head-Inhalt für Seiten arbeiten
- Arbeiten mit dem Spry-Akkordeon-Widget
- Arbeiten mit dem Spry-Widget „Reduzierbare Palette“
- Arbeiten mit Spry-Widget „Paletten mit Registerkarten“
- Arbeiten mit dem Spry-QuickInfo-Widget
- Arbeiten mit dem Spry-Widget „Überprüfung - Kontrollkästchen“
- Arbeiten mit dem Spry-Widget „Überprüfung - Bestätigung“
- Seiteninhalt und Elemente
- Arabischer und hebräischer Text
- Arbeiten mit dem Spry-Menüleisten-Widget
- Festlegen von Texteigenschaften im Eigenschafteninspektor
- Öffnen und Erstellen von Dokumenten
- Photoshop und Dreamweaver
- Hinzufügen und Ändern von Bildern
- Festlegen von Seiteneigenschaften
- Elemente und Bibliotheken
- Spry-Framework
- Audiomaterial hinzufügen
- Hinzufügen von Medienobjekten
- Hinzufügen von Videos
- Web-Widgets hinzufügen
- Aufgaben automatisieren
- Hyperlinks zu Word- oder Excel-Dokumenten erstellen
- Erstellen und Verwalten einer Liste mit Favoritenelementen
- Daten mit Spry anzeigen
- Inhalte in vorlagenbasierten Dokumenten bearbeiten
- Microsoft Office-Dokumente importieren (nur Windows)
- Tabellendaten importieren
- Benutzerdefinierte Tags in Dreamweaver importieren
- Datumsangaben einfügen
- SWF-Dateien einfügen
- Verwalten von Tag-Bibliotheken
- Schriftkombinationen ändern
- Eigenschaften für Titel und Kodierung einer Seite festlegen
- Rechtschreibprüfung für Webseiten durchführen
- HTML-Formatierung verwenden
- Horizontale Linien verwenden
- Verwenden des Bedienfelds „Einfügen“
- Dateiverwaltung
- Dateien ein- und auschecken
- Dateien und Ordner in Ihrer Dreamweaver-Site von Operationen ausschließen (Cloaking)
- Dateien auf Unterschiede vergleichen
- Dateien vom Server abrufen/auf dem Server bereitstellen
- Verwalten von Dateien und Ordnern
- Frühere Dateiversionen wiederherstellen (Contribute-Benutzer)
- Voreinstellungen für Downloadzeit und -größe festlegen
- Dateiinformationen in Design Notes speichern
- Dateien synchronisieren
- Dokumentkodierung
- Hyperlinks und Navigation
- Programmieren in Dreamweaver
- Mobilgeräte und Multiscreen
- Verpacken von Anwendungen für Mobilgeräte mit PhoneGap Build
- Erstellen von Webanwendungen für mobile Geräte (CS5.5, CS6)
- Ändern der Seitenausrichtung für mobile Geräte (ab Version CS5.5)
- Erstellen von Medienabfragen (ab Version CS 5.5)
- Verpacken von Webanwendungen
- Seitenvorschau mithilfe des Bedienfelds „Multi-Screen-Vorschau“
- Vorschau
- Vorlagen
- Dreamweaver-Vorlagen
- Vorlagen auf vorhandene Dokumente anwenden oder aus Dokumenten entfernen
- Erstellen von Dreamweaver-Vorlagen
- Verschachtelte Vorlagen erstellen
- Erstellen bearbeitbarer Bereiche in Vorlagen
- Erstellen wiederholender Bereiche in Vorlagen
- Bearbeitbare Tag-Attribute definieren
- Inhalte in vorlagenbasierten Dokumenten bearbeiten
- Vorlagen bearbeiten, aktualisieren oder löschen
- Vorlageninhalte exportieren und importieren
- Vorlagen und vorlagenbasierte Dokumente erkennen
- Voreinstellungen für Vorlagenbereiche
- Vorlagensyntax
- Verwenden optionaler Bereiche in Vorlagen
- Webanwendungen und Formulare
- Einrichten eines Testservers
- Hinzufügen benutzerdefinierter Serververhalten
- Einfügen von dynamischem Inhalt in Seiten
- Erstellen von ColdFusion-Formularen
- Erstellen von Datensatz-Löschseiten
- Anmeldeseiten erstellen
- Erstellen von Seiten, auf die nur autorisierte Benutzer zugreifen können
- Datensatz-Einfügeseiten erstellen
- Erstellen von Registrierungsseiten
- Seiten mit erweiterten Objekten für die Datenbankverarbeitung erstellen (ColdFusion, ASP)
- Erstellen von Such- und Ergebnisseiten
- Dynamischen Inhalt ändern
- Erstellen von Webformularen
- Datenbankverbindungen für ASP-Entwickler
- Datenbankverbindungen für ColdFusion-Entwickler
- Datenbankverbindungen für PHP-Entwickler
- Definieren von Quellen für dynamischen Inhalt
- Dynamische Seiten entwerfen
- Anzeigen von Datenbank-Datensätzen
- Bedienfelder für dynamischen Inhalt
- Überblick über Quellen für dynamischen Inhalt
- Optimieren des Arbeitsbereichs für visuelle Entwicklung
- Verpacken von Webanwendungen
- Verbindungsskripts entfernen
- Schützen von Ordnern in Anwendungen (ColdFusion)
- Computer für die Entwicklung von Anwendungen einrichten
- Fehlerbehebung bei Datenbankverbindungen
- Webanwendungen
- ColdFusion-Komponenten verwenden
- Produktübergreifende Arbeitsabläufe
- Dreamweaver-Business Catalyst-Integration
- Photoshop und Dreamweaver
- Hinzufügen und Ändern von Bildern
- AIR-Erweiterung für Dreamweaver
- Hyperlinks zu Word- oder Excel-Dokumenten erstellen
- Anwendungsübergreifende Integration
- Erweiterungen
- Microsoft Office-Dokumente importieren (nur Windows)
- Verwalten von Contribute-Sites
- CSS-Stylesheets in einer Contribute-Site aktualisieren
- Verwenden von Dreamweaver mit Adobe Online-Diensten
- Adobe Bridge und Dreamweaver
- ConnectNow und Dreamweaver
- Device Central und Dreamweaver
- Fireworks und Dreamweaver
- Flash und Dreamweaver
- JavaScript
- Eingabehilfen
- XML

Nach oben
Nach oben
weiterhin auf die korrekten Dateien beziehen.
Wenn Sie allerdings in eine Vorlagendatei einen neuen dokumentrelativen Hyperlink einfügen und den Pfad im Eigenschafteninspektor in das
Hyperlinktextfeld eingeben, können sich durch Schreibfehler leicht fehlerhafte Pfadangaben ergeben. Der korrekte Pfad in einer Vorlagendatei ist
der Pfad vom Vorlagenordner zum verknüpften Dokument und nicht der Pfad vom Ordner des auf der Vorlage basierenden Dokuments zum
verknüpften Dokument. Sie können sicherstellen, dass für Hyperlinks in Vorlagen die korrekten Pfade verwendet werden, indem Sie beim Erstellen
der Hyperlinks entweder das Ordnersymbol oder das Dateizeigersymbol im Eigenschafteninspektor verwenden.
Voreinstellung für Hyperlinkaktualisierungen in Dreamweaver 8.01
Vor Dreamweaver 8 (also in Dreamweaver MX 2004 und in früheren Versionen) hat Dreamweaver Hyperlinks zu Dateien im Vorlagenordner nicht
aktualisiert. (Wenn sich im Vorlagenordner z. B. eine Datei mit dem Namen „main.css“ befindet und die Vorlagendatei den Hyperlink
href="main.css" enthält, wird dieser Hyperlink beim Erstellen einer auf einer Vorlage basierenden Seite in Dreamweaver nicht aktualisiert.)
Manche Benutzer haben die Art und Weise, wie Dreamweaver Hyperlinks zu Dateien im Vorlagenordner behandelte, zu ihrem Vorteil genutzt,
denn sie verwendeten diese Inkonsistenz absichtlich dazu, Hyperlinks zu erstellen, die nicht aktualisiert werden sollten. Angenommen, Sie arbeiten
mit Dreamweaver MX 2004 und haben eine Site mit unterschiedlichen Ordnern für verschiedene Anwendungen – Dreamweaver Flash und
Photoshop. Jeder Produktordner enthält eine vorlagenbasierte index.html-Seite und, auf derselben Ebene, eine eigene Version der Datei main.css.
Wenn die Vorlagendatei den dokumentbezogenen Hyperlink href="main.css" (Hyperlink zu einer Version der Datei „main.css“ im Vorlagenordner)
enthält und Sie festlegen möchten, dass Ihre vorlagenbasierten index.html-Seiten diesen Hyperlink ebenfalls genau wie angegeben enthalten,
können Sie die vorlagenbasierten index.html-Seiten erstellen, ohne dass diese Hyperlinks in Dreamweaver aktualisiert werden. Wenn
Dreamweaver MX 2004 die vorlagenbasierten index.html-Seiten erstellt, verweisen die (nicht aktualisierten) href="main.css"-Hyperlinks auf die
„main.css“-Dateien, die sich in den Dreamweaver-, Flash- und Photoshop-Ordnern befinden, und nicht auf die „main.css“-Datei im Vorlagenordner.
In Dreamweaver 8 jedoch ist dieses Verhalten geändert worden, sodass beim Erstellen von Seiten, die auf Vorlagen basieren, alle
dokumentrelativen Hyperlinks aktualisiert werden, und zwar ungeachtet des offensichtlichen Speicherorts der verknüpften Dateien. In diesem
Szenario untersucht Dreamweaver den Hyperlink in der Vorlagendatei (href="main.css") und erstellt einen Hyperlink in der vorlagenbasierten
Seite, der relativ zum Speicherort des neuen Dokuments ist. Wenn Sie beispielsweise ein vorlagenbasiertes Dokument eine Ebene über dem
Vorlagenordner erstellen, schreibt Dreamweaver den Hyperlink im neuen Dokument in der Form href="Templates/main.css". Diese Aktualisierung
in Dreamweaver 8 machte Hyperlinks in Seiten von Designern unbrauchbar, die die zuvor in Dreamweaver übliche Praxis zu ihrem Vorteil nutzen
wollten (nämlich Hyperlinks zu Dateien im Vorlagenordner nicht zu aktualisieren).
Dreamweaver 8.01 wurde um eine Voreinstellung erweitert, die es Ihnen erlaubt, das Verhalten, relative Hyperlinks zu aktualisieren, an- und
abzuschalten. (Diese spezielle Voreinstellung gilt nur für Hyperlinks zu Dateien im Vorlagenordner und nicht generell für alle Hyperlinks.) Das
Standardverhalten ist, diese Hyperlinks nicht zu aktualisieren (wie in Dreamweaver MX 2004 und den Vorgängerversionen). Wenn Sie es jedoch
vorziehen, dass Dreamweaver beim Erstellen vorlagenbasierender Seiten diese Art von Hyperlinks aktualisiert, können Sie diese Voreinstellung
deaktivieren. (Dies würde jedoch nur Sinn ergeben, wenn Sie beispielsweise eine CSS-Seite (Cascading Stylesheets) wie „main.css“ im
Vorlagenordner gespeichert haben und ein vorlagenbasiertes Dokument den Hyperlink href="Templates/main.css" enthalten soll. Von dieser
Vorgehensweise wird jedoch abgeraten, da im Vorlagenordner nur Dreamweaver-Vorlagendateien (DWT-Dateien) abgelegt werden sollten.)
Damit in Dreamweaver dokumentrelative Pfade zu Dateien, die keine Vorlagen sind, im Ordner „Templates“ aktualisiert werden, wählen Sie im
Dialogfeld „Site-Definition“ (unter „Erweiterte Einstellungen“) die Kategorie „Vorlagen“ aus und deaktivieren Sie die Option „Relative
Dokumentpfade nicht umschreiben“.
Weitere Informationen finden Sie in der Dreamweaver-TechNote auf der Adobe-Website unter www.adobe.com/go/f55d8739_de.
Serverskripts in Vorlagen und vorlagenbasierten Dokumenten
Einige Serverskripts werden ganz am Anfang oder Ende des Dokuments eingefügt (vor dem Tag <html> bzw. hinter dem Tag </html>). Solche
Skripts erfordern eine besondere Behandlung in Vorlagen und in Dokumenten, die auf Vorlagen basieren. Wenn Sie Änderungen an Skriptcode
vornehmen, der sich vor dem Tag <html> oder hinter dem Tag </html> in einer Vorlage befindet, werden diese Änderungen normalerweise nicht in
Dokumente kopiert, die auf der Vorlage basieren. Dies kann zu Serverfehlern führen, wenn andere Serverskripts, die sich im Hauptteil der Vorlage
befinden, von den nicht kopierten Skripts abhängig sind. Daher erscheint eine Warnmeldung, wenn Sie Skripts ändern, die sich innerhalb einer
Vorlage vor dem Tag <html> oder hinter dem Tag </html> befinden.
Sie können das Problem vermeiden, indem Sie den folgenden Code in den head-Abschnitt der Vorlage einfügen:
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
Wenn sich dieser Code in einer Vorlage befindet, werden Änderungen an Skripts, die sich vor dem Tag <html> oder hinter dem Tag </html>
befinden, in die Dokumente kopiert, die auf der entsprechenden Vorlage basieren. Allerdings können diese Skripts in den Dokumenten, die auf der
Vorlage basieren, nicht mehr bearbeitet werden. Sie müssen sich also entscheiden, ob Sie diese Skripts in der Vorlage oder in den auf der
Vorlage basierenden Dokumenten bearbeiten möchten; beide Möglichkeiten gleichzeitig stehen nicht zur Verfügung.
Vorlagenparameter
Mit Vorlagenparametern können Werte angegeben werden, die den Inhalt von Dokumenten steuern, welche auf einer Vorlage basieren.
Verwenden Sie Vorlagenparameter für optionale Bereiche oder bearbeitbare Tag-Attribute oder legen Sie die Werte fest, die an ein angefügtes
Dokument übergeben werden sollen. Für jeden Parameter definieren Sie einen Namen, einen Datentyp und einen Standardwert. Jeder Parameter
496










