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

Überblick über das Bedienfeld „AP-Elemente“
Im Bedienfeld „AP-Elemente“ („Fenster“ > „AP-Elemente“) können Sie die AP-Elemente in Ihrem Dokument verwalten. Über das Bedienfeld „AP-
Elemente“ können Sie Überlappungen verhindern, die Sichtbarkeit von AP-Elementen ändern, AP-Elemente verschachteln oder stapeln und ein
oder mehrere AP-Elemente auswählen.
Hinweis: Ein AP-Element (absolut positioniertes Element) in Dreamweaver ist ein HTML-Seitenelement – ein div-Tag oder ein beliebiges
anderes Tag –, dem eine absolute Position zugewiesen wurde. Relativ positionierte Elemente werden im Bedienfeld „AP-Elemente“ nicht
angezeigt.
AP-Elemente werden als Namensliste in der Reihenfolge ihres Z-Index-Werts angezeigt. In der Standardeinstellung ist das zuerst erstellte AP-
Element (mit dem Z-Indexwert 1) am unteren Listenende und das zuletzt erstellte AP-Element am Anfang der Liste aufgeführt. Sie können jedoch
den Z-Indexwert eines AP-Elements ändern, indem Sie es in der Stapelreihenfolge an eine andere Position verschieben. Wenn Sie beispielsweise
acht AP-Elemente erstellt haben und das vierte AP-Element an den Anfang der Liste verschieben möchten, können Sie diesem Element einen
höheren Z-Indexwert als den anderen Elementen zuweisen.
AP-Elemente auswählen
Wählen Sie ein oder mehrere AP-Elemente aus, um sie zu bearbeiten oder ihre Eigenschaften zu ändern.
AP-Elemente im Bedienfeld „AP-Elemente“ auswählen
Klicken Sie im Bedienfeld „AP-Elemente“ („Fenster“ > „AP-Elemente“) auf den Namen des AP-Elements.
AP-Elemente im Dokumentfenster auswählen
Führen Sie einen der folgenden Schritte aus:
Klicken Sie auf den Auswahlgriff eines AP-Elements.
Wenn der Auswahlgriff nicht angezeigt wird, klicken Sie in das AP-Element, damit er sichtbar wird.
Klicken Sie auf den Rand eines AP-Elements.
Halten Sie Strg+Umschalt (Windows) bzw. Befehl+Umschalt (Macintosh) gedrückt und klicken Sie in ein AP-Element.
Klicken Sie in ein AP-Element und drücken Sie Strg+A (Windows) oder Befehl+A (Macintosh), um dessen Inhalt auszuwählen. Drücken Sie
Strg+A bzw. Befehl+A erneut, um das AP-Element auszuwählen.
Klicken Sie in ein AP-Element und wählen Sie das Tag im Tag-Selektor aus.
Mehrere AP-Elemente auswählen
Führen Sie einen der folgenden Schritte aus:
Klicken Sie im Bedienfeld „AP-Elemente“ (Fenster > AP-Elemente) bei gedrückter Umschalttaste auf zwei oder mehr AP-Elementnamen.
Klicken Sie im Dokumentfenster bei gedrückter Umschalttaste in zwei oder mehr AP-Elemente oder klicken Sie auf die AP-Elementerahmen.
Stapelreihenfolge von AP-Elementen ändern
Die Stapelreihenfolge von AP-Elementen kann über den Eigenschafteninspektor oder über das Bedienfeld „AP-Elemente“ geändert werden. Das
AP-Element, das in der Liste des Bedienfelds „AP-Elemente“ ganz oben steht, befindet sich an der ersten Stelle der Stapelreihenfolge und wird
vor den anderen AP-Elementen angezeigt.
Im HTML-Code bestimmt die Stapelreihenfolge (der Z-Index) der AP-Elemente, in welcher Reihenfolge sie in einem Browser gezeichnet werden.
Je höher der Z-Indexwert eines AP-Elements ist, desto höher ist die Position des AP-Elements in der Stapelreihenfolge. (Ein Element mit dem Z-
Index 4 wird beispielsweise oberhalb eines Elements mit dem Z-Index 3 angezeigt. 1 ist dabei immer die niedrigste Zahl in der Stapelreihenfolge.)
Den Z-Index der einzelnen AP-Elemente können Sie im Bedienfeld „AP-Elemente“ oder im Eigenschafteninspektor ändern.
Stapelreihenfolge von AP-Elementen im Bedienfeld „AP-Elemente“ ändern
1. Öffnen Sie das Bedienfeld „AP-Elemente“ mit dem Menübefehl „Fenster“ > „AP-Elemente“.
2. Doppelklicken Sie auf die Z-Indexzahl neben dem AP-Element, dessen Z-Index Sie ändern möchten.
3. Geben Sie die Zahl ein und drücken Sie die Eingabetaste bzw. den Zeilenschalter.
Geben Sie eine höhere Zahl ein, um das AP-Element in der Stapelreihenfolge hochzusetzen.
Geben Sie eine niedrigere Zahl ein, um das AP-Element in der Stapelreihenfolge zurückzusetzen.
Stapelreihenfolge von AP-Elementen im Eigenschafteninspektor ändern
1. Öffnen Sie das Bedienfeld „AP-Elemente“ mit dem Menübefehl „Fenster“ > „AP-Elemente“, um die aktuelle Stapelreihenfolge anzuzeigen.
2. Wählen Sie im Bedienfeld „AP-Elemente“ oder im Dokumentfenster das AP-Element aus, dessen Z-Index Sie ändern möchten.
3. Geben Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) eine Zahl im Textfeld „Z-Index“ ein.
Geben Sie eine höhere Zahl ein, um das AP-Element in der Stapelreihenfolge hochzusetzen.
181










