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

Attribute anzugeben. Sie können Attribute aber auch nach dem Einfügen eines Frames festlegen. Wenn Sie Eingabehilfen-Attribute für einen
Frame bearbeiten möchten, verwenden Sie den Tag-Inspektor zum direkten Bearbeiten des HTML-Codes.
Frame-Eigenschaften anzeigen oder festlegen
1. Führen Sie einen der folgenden Schritte aus, um einen Frame auszuwählen:
Klicken Sie bei gedrückter Alt-Taste (Windows) bzw. bei gedrückter Umschalt- und Wahltaste (Macintosh) in der Entwurfsansicht des
Dokumentfensters auf einen Frame.
Klicken Sie im Bedienfeld „Frames“ („Fenster“ > „Frames“) auf einen Frame.
2. Klicken Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) auf den Erweiterungspfeil in der rechten unteren Ecke, um alle Frame-
Eigenschaften anzuzeigen.
3. Legen Sie im Eigenschafteninspektor die Optionen für Frames fest.
Frame-Name Der Name, mit dem im Attribut target eines Hyperlinks oder in einem Skript auf den entsprechenden Frame verwiesen wird.
Ein Frame-Name muss ein einzelnes Wort sein. Unterstriche (_) sind zulässig, Bindestriche (-), Punkte (.) und Leerzeichen dürfen dagegen
nicht verwendet werden. Frame-Namen müssen mit einem Buchstaben (nicht mit einer Zahl) beginnen. Bei Frame-Namen wird zwischen
Groß- und Kleinschreibung unterschieden. Verwenden Sie als Frame-Namen keine Begriffe, die für JavaScript reserviert sind (z. B. top oder
navigator).
Damit ein Hyperlink den Inhalt eines anderen Frames ändert, müssen Sie zunächst dem Ziel-Frame einen Namen zuweisen. Um später
leichter Frame-übergreifende Hyperlinks erstellen zu können, sollten Sie alle Frames gleich bei der Erstellung benennen.
Quelle Gibt das Quelldokument an, das im Frame angezeigt werden soll. Klicken Sie auf das Symbol des gewünschten Ordners und wählen
Sie eine Datei aus.
Scrollen Legt fest, ob im Frame Bildlaufleisten angezeigt werden. Wenn Sie hier „Standard“ auswählen, wird kein Wert für das
entsprechende Attribut festgelegt, sodass in jedem Browser jeweils der entsprechende Standardwert verwendet werden kann. Bei den
meisten Browsern ist die Standardeinstellung „Automatisch“, d. h., Rollbalken werden nur angezeigt, wenn in einem Browserfenster nicht
genug Platz ist, um den gesamten Inhalt des aktuellen Frames anzuzeigen.
Keine Größenänderung Verhindert, dass Site-Besucher die Größe eines Frames durch Ziehen der Rahmenlinien im Browser ändern
können.
Hinweis: In Dreamweaver können Sie die Größe des Frames weiterhin ändern. Die Option bezieht sich nur auf die Darstellung der Frames
im Browser.
Rahmen Legt fest, ob ein Frame im Browser mit oder ohne Rahmen angezeigt wird. Die für den Frame gewählte Rahmenoption setzt die
Rahmeneinstellungen des Framesets außer Kraft.
Folgende Rahmenoptionen stehen zur Verfügung: „Ja“ (Rahmen einblenden), „Nein“ (Rahmen ausblenden) und „Standard“. In den meisten
Browsern werden Rahmen in der Standardeinstellung angezeigt, sofern für das übergeordnete Frameset nicht „Nein“ ausgewählt wurde. Ein
Rahmen wird nur ausgeblendet, wenn für alle an den Rahmen angrenzenden Frames unter „Rahmen“ die Option „Nein“ ausgewählt ist oder
wenn für die Eigenschaft „Rahmen“ des übergeordneten Framesets die Option „Nein“ und für alle an den Rahmen angrenzenden Frames
die Option „Standard“ festgelegt ist.
Rahmenfarbe Legt die Farbe für alle Rahmenlinien des Frames fest. Diese Farbe gilt für alle Rahmenlinien, die an den Frame angrenzen,
und überschreibt die für das Frameset festgelegte Rahmenfarbe.
Randbreite Legt die Breite des linken und des rechten Rands (den Abstand zwischen dem Frame-Rahmen und dem Inhalt) in Pixel fest.
Randhöhe Legt die Höhe des oberen und des unteren Rands (den Abstand zwischen dem Frame-Rahmen und dem Inhalt) in Pixel fest.
Hinweis: Das Festlegen der Randbreite und -höhe eines Rahmens entspricht nicht dem Festlegen der Ränder unter „Modifizieren“ >
„Seiteneigenschaften“.
Die Hintergrundfarbe eines Frames können Sie ändern, indem Sie die Hintergrundfarbe des Dokuments im Frame in den
Seiteneigenschaften festlegen.
Eingabehilfen-Werte für Frames festlegen
1. Wählen Sie im Bedienfeld „Frames“ („Fenster“ > „Frames“) einen Frame aus, indem Sie die Einfügemarke in den entsprechenden Frame
setzen.
2. Wählen Sie „Modifizieren“ > „Tag bearbeiten <frameset>“ aus.
3. Wählen Sie links in der Kategorieliste die Option „Stylesheet/Eingabehilfe“ aus, geben Sie die gewünschten Werte ein und klicken Sie auf
„OK“.
Eingabehilfen-Werte für Frames bearbeiten
1. Wenn gerade die Entwurfsansicht aktiviert ist, wählen Sie für das Dokument die Codeansicht oder die Code- und Entwurfsansicht aus.
2. Wählen Sie im Bedienfeld „Frames“ („Fenster“ > „Frames“) einen Frame aus, indem Sie die Einfügemarke in den entsprechenden Frame
setzen. In Dreamweaver wird das Tag des Frames im Code markiert.
3. Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Macintosh) in den Code und wählen Sie anschließend
„Tag bearbeiten“ aus.
246










