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

HTML4 und HTML5
jQuery (ab CS5.5)
JavaScript (einschließlich Codehinweise für benutzerdefinierte Klassen)
JSP
PHP MySQL
Spry
Menü mit Codehinweisen anzeigen
Das Menü mit Codehinweisen wird bei der Eingabe in der Codeansicht automatisch angezeigt. Sie können das Menü jedoch auch anzeigen, wenn
Sie keine Eingabe vornehmen.
1. Setzen Sie die Einfügemarke in der Codeansicht („Fenster“ > „Code“) in ein Tag.
2. Drücken Sie Strg+Leertaste.
Code mithilfe von Codehinweisen in der Codeansicht einfügen
1. Geben Sie den Anfang eines Codeabschnitts ein. Wenn Sie beispielsweise ein Tag einfügen möchten, geben Sie eine öffnende spitze
Klammer (<) ein. Setzen Sie zum Einfügen eines Attributs die Einfügemarke direkt hinter einen Tag-Namen und drücken Sie die Leertaste.
Eine Liste mit Elementen (z. B. Tag-Namen oder Attributnamen) wird angezeigt.
Sie können die Liste jederzeit schließen, indem Sie die Esc-Taste drücken.
2. Durchlaufen Sie die Liste mit dem Rollbalken oder mit der Nach-oben- bzw. Nach-unten-Taste.
3. Wenn Sie ein Element aus der Liste einfügen möchten, doppelklicken Sie auf das Element oder wählen Sie es aus und drücken Sie dann
die Eingabetaste (Windows) bzw. Return (Macintosh).
Falls ein kürzlich erstellter CSS-Stil nicht in einer Codehinweisliste mit CSS-Stilen erscheint, wählen Sie aus der Liste der Codehinweise
die Option „Stil-Liste aktualisieren“. In der Entwurfsansicht wird nach dem Auswählen von „Stil-Liste aktualisieren“ manchmal ungültiger
Code angezeigt. Diesen ungültigen Code können Sie aus der Entwurfsansicht entfernen, indem Sie nach dem Eingeben des Stils die
Taste F5 zum Aktualisieren drücken.
4. Zum Einfügen eines schließenden Tags geben Sie </ (Schrägstrich) ein.
Hinweis: Dreamweaver ermittelt standardmäßig, an welcher Stelle ein schließendes Tag erforderlich ist und fügt dieses Tag automatisch
ein. Sie können dieses Standardverhalten ändern, sodass Dreamweaver ein schließendes Tag einfügt, nachdem Sie die schließende spitze
Klammer (>) des öffnenden Tags eingegeben haben. Darüber hinaus können Sie das Standardverhalten auch so festlegen, dass überhaupt
kein schließendes Tag eingefügt wird. Wählen Sie „Bearbeiten“ > „Voreinstellungen“ > „Codehinweise“ und anschließend eine der Optionen
unter „Schließende Tags“ aus.
Tags mithilfe von Codehinweisen bearbeiten
Wenn Sie ein Attribut durch ein anderes Attribut ersetzen möchten, löschen Sie das entsprechende Attribut und den zugehörigen Wert.
Fügen Sie dann entsprechend den zuvor beschriebenen Schritten ein neues Attribut mit dem zugehörigen Wert ein.
Wenn Sie einen Wert ändern möchten, löschen Sie den Wert und fügen Sie dann entsprechend der Beschreibung im vorherigen Abschnitt
einen Wert ein.
JavaScript-Codehinweise aktualisieren
Beim Bearbeiten von JavaScript-Dateien wird die Liste der verfügbaren Codehinweise in Dreamweaver automatisch aktualisiert. Beispiel: Sie
bearbeiten eine HTML-Datei und wechseln zu einer JavaScript-Datei, um eine Änderung vorzunehmen. Diese Änderung ist in der Liste der
Codehinweise aufgeführt, wenn Sie wieder zur HTML-Datei wechseln. Die automatische Aktualisierung wird jedoch nur durchgeführt, wenn Sie die
JavaScript-Dateien in Dreamweaver bearbeiten.
Wenn Sie die JavaScript-Dateien außerhalb von Dreamweaver bearbeiten, drücken Sie Strg+Punkt (.), um die JavaScript-Codehinweise zu
aktualisieren.
Codehinweise und Syntaxfehler
Die Funktion für Codehinweise wird möglicherweise nicht ordnungsgemäß ausgeführt, wenn Dreamweaver Syntaxfehler im Code erkennt.
Informationen zu Syntaxfehlern werden auf einer Statusleiste im oberen Bereich der Seite angezeigt. Auf der Statusleiste für Syntaxfehler wird die
erste Zeile des fehlerhaften Codes angezeigt. Nach der Korrektur des Syntaxfehlers werden alle weiteren Fehler angezeigt, die an späterer Stelle
im Code auftreten.
Die Nummern der Zeilen mit Syntaxfehlern sind zur besseren Erkennung zudem rot hervorgehoben. Die rote Markierung wird in der Codeansicht
der fehlerhaften Datei angezeigt.
In Dreamweaver werden neben den Syntaxfehlern der aktuellen Seite auch die Fehler auf den zugehörigen Seiten angezeigt. Beispiel: Sie
bearbeiten eine HTML-Seite mit einer integrierten JavaScript-Datei. Wenn die integrierte JavaScript-Datei einen Fehler enthält, wird auch für diese
Datei eine Fehlermeldung angezeigt. Sie können die zugehörige fehlerhafte Datei öffnen, indem Sie oben im Dokument auf den Namen der Datei
456










