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

Wenn die Option „Überlappungen verhindern“ aktiv ist, können Sie ein AP-Element nur so weit verschieben, dass es sich nicht mit einem anderen
AP-Element überlappt.
1. Wählen Sie in der Entwurfsansicht, ein oder mehrere AP-Elemente aus.
2. Führen Sie einen der folgenden Schritte aus:
Um die AP-Elemente durch Ziehen zu verschieben, ziehen Sie den Auswahlgriff des zuletzt ausgewählten AP-Elements (dieses Element
ist schwarz markiert).
Um die Ebenen um je ein Pixel zu verschieben, drücken Sie eine der Pfeiltasten.
Um die AP-Elemente um das aktuelle Inkrement zur Ausrichtung am Raster zu verschieben, halten Sie die Umschalttaste gedrückt,
während Sie die Pfeiltasten drücken.
AP-Elemente ausrichten
Mit den Befehlen zum Ausrichten von AP-Elementen können Sie ein oder mehrere AP-Elemente an einem Rand des zuletzt ausgewählten AP-
Elements ausrichten.
Beim Ausrichten von AP-Elementen werden möglicherweise nicht ausgewählte, untergeordnete AP-Elemente mit verschoben, weil das ihnen
übergeordnete AP-Element ausgewählt und verschoben wird. Wenn Sie dies vermeiden möchten, verwenden Sie keine verschachtelten AP-
Elemente.
1. Wählen Sie das AP-Element in der Entwurfsansicht aus.
2. Wählen Sie „Modifizieren“ > „Anordnen“ und anschließend eine Ausrichtungsoption aus.
Wenn Sie beispielsweise den Befehl „Oben ausrichten“ wählen, werden alle AP-Elemente so verschoben, dass sich ihr oberer Rand in der
gleichen vertikalen Position befindet wie der obere Rand des zuletzt ausgewählten (schwarz markierten) AP-Elements.
AP-Elemente in Tabellen umwandeln
Einige Webdesigner nutzen AP-Elemente bei der Layouterstellung als Ersatz für Tabellen. Mit Dreamweaver kann ein Layout aus AP-Elementen
erstellt und anschließend auf Wunsch in Tabellen umgewandelt werden. Das Konvertieren von AP-Elementen in Tabellen ist beispielsweise
erforderlich, wenn Sie ältere Browser (vor Version 4.0) unterstützen möchten. Grundsätzlich wird jedoch nachdrücklich davon abgeraten, AP-
Elemente in Tabellen umzuwandeln. Diese Vorgehensweise kann dazu führen, dass Tabellen mit zahlreichen leeren Zellen erzeugt werden und
der Code unnötig aufgeblasen wird. Um ein Seitenlayout mit Tabellen zu erstellen, sollten Sie möglichst die dafür vorgesehenen Standard-
Layoutwerkzeuge von Dreamweaver verwenden.
Sie können zwischen AP-Elementen und Tabellen hin- und herwechseln, um das Layout anzupassen und die Seite zu optimieren. (Beachten Sie
jedoch, dass Dreamweaver eine Tabelle bei der Rückkonvertierung in AP-Elemente immer zu AP-Div-Tags wandelt – unabhängig davon, welche
AP-Elementtypen sich vor der Konvertierung in Tabellen auf der Seite befanden.) Es ist nicht möglich, nur bestimmte Tabellen bzw. AP-Elemente
auf einer Seite zu konvertieren. Die Umwandlung von AP-Elementen in Tabellen und von Tabellen in AP-Div-Tags kann nur für die gesamte Seite
erfolgen.
Hinweis: Bei Vorlagen oder Dokumenten, die auf Vorlagen basieren, ist das Konvertieren von AP-Elementen in Tabellen bzw. von Tabellen in
AP-Div-Tags nicht möglich. Erstellen Sie ein stattdessen Ihr Layout in einem vorlagenfreien Dokument und nehmen Sie die Konvertierung vor,
bevor Sie das Dokument als Vorlage speichern.
Zwischen AP-Elementen und Tabellen konvertieren
Sie können Ihr Layout mit AP-Elementen erstellen und diese anschließend in Tabellen konvertieren, damit das Layout in älteren Browsern
angezeigt werden kann.
Stellen Sie sicher, dass sich die AP-Elemente nicht überlappen, bevor Sie sie in Tabellen konvertieren. Achten Sie auch darauf, dass der
Standardmodus („Ansicht“ > „Tabellenmodus“ > „Standardmodus“) aktiviert ist.
AP-Elemente in eine Tabelle konvertieren
1. Wählen Sie „Modifizieren“ > „Konvertieren“ > „AP-Divs in Tabelle“ aus.
2. Legen Sie die folgenden Optionen fest und klicken Sie auf „OK“.
Höchste Genauigkeit Erstellt eine Tabellenzelle für jedes AP-Element. Außerdem werden nach Bedarf zusätzliche Zellen erstellt, um den
Abstand zwischen AP-Elementen beizubehalten.
Kleinste: Leere Zellen ausblenden Legt fest, dass die Ränder der AP-Elemente ausgerichtet werden sollen, wenn sie innerhalb der
angegebenen Pixelanzahl positioniert werden.
Wenn Sie diese Option auswählen, hat die resultierende Tabelle weniger leere Zeilen und Spalten, stimmt aber möglicherweise nicht genau
mit Ihrem Layout überein.
Durchsichtige GIFs verwenden Bewirkt, dass in die letzte Zeile der Tabelle transparente GIFs eingefügt werden. Dadurch wird
sichergestellt, dass die Tabelle in allen Browsern mit gleicher Spaltenbreite angezeigt wird.
Ist diese Option aktiviert, können Sie die resultierende Tabelle nicht durch Ziehen der Spalten bearbeiten. Ist diese Option deaktiviert, enthält
die resultierende Tabelle zwar keine transparenten GIFs, die Breite der Spalten wird aber in den verschiedenen Browsern möglicherweise
unterschiedlich angezeigt.
264










