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
Nach oben
Hinweis: Wenn Sie im Menü „Einheiten“ die Option „Relativ“ auswählen, werden alle Angaben gelöscht, die Sie im Feld „Wert“ eingegeben
haben. Wenn Sie eine Zahl angeben möchten, müssen Sie sie erneut eingeben. Wenn jedoch nur eine Zeile oder Spalte auf „Relativ“
gesetzt ist, muss kein Zahlenwert eingegeben werden, da dieser Zeile oder Spalte nach den anderen Zeilen und Spalten der gesamte
restliche Bereich zugewiesen wird. Um sicherzustellen, dass diese Einstellung browserübergreifend gilt, können Sie im Feld „Wert“ die
Zahl „1“ eingeben. Dieser Wert entspricht der Eingabe keines Werts.
Frame-Inhalte durch Hyperlinks steuern
Um über einen Hyperlink in einem bestimmten Frame ein Dokument in einem anderen Frame öffnen zu können, müssen Sie ein Ziel für den
Hyperlink festlegen. Das Attribut target eines Hyperlinks definiert, in welchem Frame oder Fenster der Inhalt geöffnet wird, auf den der Hyperlink
verweist.
Wenn sich die Navigationsleiste beispielsweise im linken Frame befindet und Sie festlegen möchten, dass der entsprechende Inhalt rechts im
Haupt-Frame angezeigt wird, müssen Sie bei allen Hyperlinks der Navigationsleiste den Namen des Haupt-Frames als Ziel angeben. Wenn ein
Besucher dann auf einen Navigationslink klickt, wird der jeweilige Inhalt im Haupt-Frame geöffnet.
1. Wählen Sie in der Entwurfsansicht einen Text oder ein Objekt aus.
2. Führen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) im Feld „Hyperlink“ einen der folgenden Schritte aus:
Klicken Sie auf das Ordnersymbol und wählen Sie die Datei aus, für die ein Hyperlink erstellt werden soll.
Ziehen Sie das Dateizeigersymbol in das Bedienfeld „Dateien“ und wählen Sie die zu verknüpfende Datei aus.
3. Wählen Sie im Eigenschafteninspektor im Menü „Ziel“ den Frame oder das Fenster aus, in dem das verknüpfte Dokument angezeigt werden
soll:
_blank öffnet das verknüpfte Dokument in einem neuen Browserfenster. Das aktuelle Fenster bleibt unverändert.
_parent öffnet das verknüpfte Dokument im übergeordneten Frameset des Frames, der den Hyperlink enthält, sodass es das gesamte
Frameset ersetzt.
_self öffnet das verknüpfte Dokument im aktuellen Frame. Dabei wird der derzeitige Inhalt des Frames ersetzt.
_top öffnet das verknüpfte Dokument im aktuellen Browserfenster. Dabei werden alle Frames ersetzt.
Darüber hinaus werden in diesem Menü Frame-Namen angezeigt. Wählen Sie einen benannten Frame aus, um das verknüpfte
Dokument in diesem Frame zu öffnen.
Hinweis: Frame-Namen werden nur angezeigt, wenn Sie ein Dokument innerhalb eines Framesets bearbeiten. Wenn Sie ein
Dokument im zugehörigen Dokumentfenster bearbeiten, werden im Popupmenü „Ziel“ jedoch keine Frame-Namen angezeigt. Wenn Sie
ein Dokument außerhalb des Framesets bearbeiten, können Sie im Textfeld „Ziel“ den Namen des Ziel-Frames eingeben.
Wenn Sie einen Hyperlink zu einer Seite außerhalb Ihrer Site bereitstellen, verwenden Sie stets target="_top" oder target="_blank",
um sicherzustellen, dass die Seite nicht als Teil Ihrer Site angezeigt wird.
Inhalte für Browser ohne Frame-Unterstützung erstellen
In Dreamweaver können Sie angeben, dass Inhalte in textbasierten Browsern und in älteren grafikfähigen Browsern angezeigt werden sollen, die
keine Frames unterstützen. Dieser Inhalt wird in der Frameset-Datei in die noframes-Tags eingeschlossen. Wenn die Frameset-Datei in einem
Browser geladen wird, der keine Frames unterstützt, wird nur der Inhalt innerhalb der noframes-Tags angezeigt.
Hinweis: Der Inhalt im noframes-Bereich sollte mehr beinhalten als nur einen Hinweis mit dem Inhalt „Sie benötigen einen aktuelleren Browser,
der Frames unterstützt.”. Einige Site-Besucher verwenden Systeme, in denen keine Frames angezeigt werden können.
1. Wählen Sie „Modifizieren“ > „Frameset“ > „NoFrames-Inhalt bearbeiten“ aus.
In Dreamweaver wird der Inhalt der Entwurfsansicht gelöscht. Oben in der Entwurfsansicht wird „NoFrames-Inhalt“ angezeigt.
2. Führen Sie einen der folgenden Schritte aus:
Geben Sie im Dokumentfenster wie bei anderen Dokumenten Inhalte ein oder fügen Sie diese ein.
Wählen Sie „Fenster“ > „Codeinspektor“ aus, setzen Sie die Einfügemarke zwischen die body-Tags, die innerhalb des noframes-Tags
angezeigt werden, und geben Sie dann den HTML-Code für den gewünschten Inhalt ein.
3. Wählen Sie erneut „Modifizieren“ > „Frameset“ > „NoFrames-Inhalt bearbeiten“ aus, um wieder zur normalen Ansicht des Frameset-
Dokuments zu wechseln.
Verwenden von JavaScript-Verhalten mit Frames
Einige JavaScript-Verhalten und navigationsbezogene Befehle eignen sich besonders gut zur Verwendung mit Frames:
Text vom Frame einstellen Inhalt und Formatierung eines Frames werden durch die angegebenen Inhalte ersetzt. Bei diesen Inhalten kann es
sich um beliebigen gültigen HTML-Code handeln. Mit dieser Aktion können Informationen in einem Frame dynamisch angezeigt werden.
Gehe zu URL Öffnet eine neue Seite im aktuellen Fenster oder im angegebenen Frame. Mit dieser Aktion kann der Inhalt von mindestens zwei
248










