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
Hinweis: Die meisten Einzugsoptionen in diesem Dialogfeld gelten nur für Code, der von Dreamweaver erstellt wurde, nicht für Code, den
Sie eingeben. Wenn jede von Ihnen eingegebene neue Codezeile auf die Stufe der vorherigen Zeile eingerückt werden soll, wählen Sie
„Ansicht“ > „Codeansichtsoptionen“ > „Automatischer Einzug“. Weitere Informationen hierzu finden Sie unter Erscheinungsbild des Codes
festlegen.
mit (Textfeld und Popupmenü) zeigt an, wie viele Leerzeichen oder Tabulatoren Dreamweaver zum Einrücken des von ihm generierten
Codes verwenden soll. Wenn Sie beispielsweise im Textfeld den Wert „3“ eingeben und „Tabulatoren“ im Popupmenü wählen, wird der von
Dreamweaver generierte Code für jede Einrückungsstufe um drei Tabulatorzeichen eingerückt.
Tabulator-Schrittweite bestimmt, wie viele Zeichen ein Tabulatorzeichen in der Codeansicht umfasst. Ist die „Tabulatorgröße“ z. B. auf „4“
eingestellt, dann wird jeder Tabulator in der Codeansicht als ein vier Zeichen breiter Leerraum dargestellt. Ist darüber hinaus „Einzug mit“ auf
„3“ eingestellt, wird der von Dreamweaver generierte Code bei jeder Einrückungsstufe um drei Tabulatorzeichen eingerückt. In der
Codeansicht wird folglich ein zwölf Zeichen breiter Leerraum angezeigt.
Hinweis: Die Einrückung erfolgt in Dreamweaver entweder mit Leerstellen oder mit Tabulatoren. Aufeinanderfolgende Leerstellen werden
beim Einfügen von Code nicht in einen Tabulator umgewandelt.
Zeilenumbruch-Typ definiert den Typ des Remote-Servers (Windows, Macintosh oder UNIX), der als Host für die Remote-Site dient. Durch
die Wahl der korrekten Steuerzeichenfolge für den Zeilenumbruch wird gewährleistet, dass der HTML-Quellcode auf dem Remote-Server
richtig angezeigt wird. Diese Einstellung bietet sich auch an, wenn Sie mit einem externen Texteditor arbeiten, der nur bestimmte
Zeilenumbrüche erkennt. Wenn Sie Notepad als externen Editor verwenden, wählen Sie „CR LF (Windows)“, und wenn Sie SimpleText
verwenden, wählen Sie „CR (Macintosh)“.
Hinweis: Bei Servern, auf die Sie über FTP zugreifen, bezieht sich diese Option nur auf den binären Übertragungsmodus. Beim ASCII-
Übertragungsmodus von Dreamweaver wird diese Option ignoriert. Wenn Sie Dateien im ASCII-Modus herunterladen, fügt Dreamweaver die
Zeilenumbrüche ein, die dem Betriebssystem Ihres Computers entsprechen. Beim Hochladen von Dateien im ASCII-Modus werden alle
Zeilenumbrüche auf „CR LF“ eingestellt.
Standardschreibweise für Tag-Namen und Standardschreibweise für Attributnamen legt die Groß- und Kleinschreibung von Tag- und
Attributnamen fest. Diese Optionen gelten für Tags und Attribute, die Sie in die Entwurfsansicht einfügen oder dort bearbeiten, nicht jedoch
für Tags und Attribute, die Sie direkt in der Codeansicht eingeben. Die Optionen werden auch nicht beim Öffnen eines Dokuments auf die
darin bereits enthaltenen Tags und Attribute angewandt (es sei denn, Sie aktivieren mindestens eines der beiden Kontrollkästchen unter
„Schreibweise außer Kraft setzen von“).
Hinweis: Diese Voreinstellungen gelten ausschließlich für HTML-Seiten. Dreamweaver ignoriert sie bei XHTML-Seiten, weil Tags und
Attribute in Großbuchstaben in XHTML ungültig sind.
Schreibweise außer Kraft setzen: Tags und Attribute gibt an, ob die festgelegte Schreibweise grundsätzlich angewendet werden soll,
unter anderem auch beim Öffnen eines bereits vorhandenen HTML-Dokuments. Wenn Sie eines dieser Kontrollkästchen aktivieren und auf
„OK“ klicken, um das Dialogfeld zu schließen, werden alle Tags oder Attribute im aktuellen Dokument unmittelbar so geändert, dass sie der
Einstellung für die Schreibweise entsprechen. Auch die Tags oder Attribute in Dokumenten, die Sie zukünftig öffnen, werden angepasst (bis
Sie das Kontrollkästchen wieder deaktivieren). Die Tags oder Attribute, die Sie in der Codeansicht und im Quick Tag Editor eingeben oder
im Bedienfeld „Einfügen“ hinzufügen, werden ebenfalls an die gewählte Schreibweise angepasst. Wenn Tag-Namen beispielsweise immer in
Kleinbuchstaben umgewandelt werden sollen, legen Sie unter „Standardschreibweise für Tags“ die Option „Kleinbuchstaben“ fest und
aktivieren dann das Kontrollkästchen „Schreibweise außer Kraft setzen: Tags“. Wenn Sie anschließend ein Dokument öffnen, das Tag-
Namen in Großbuchstaben enthält, werden diese von Dreamweaver in Kleinbuchstaben konvertiert.
Hinweis: In älteren HTML-Versionen waren Tag- und Attributnamen in Klein- und auch in Großbuchstaben zulässig, bei XHTML sind für
Tag- und Attributnamen jedoch Kleinbuchstaben erforderlich. Der Trend im Web geht zu XHTML, daher ist es in der Regel am besten, Tag-
und Attributnamen in Kleinbuchstaben zu verwenden.
TD-Tag: Keinen Umbruch im TD-Tag einschließen behebt ein Wiedergabeproblem, das bei einigen älteren Browsern auftritt, wenn direkt
nach dem Tag <td> bzw. direkt vor dem Tag </td> ein Leerraum oder Zeilenumbruch steht. Wenn Sie diese Option aktivieren, fügt
Dreamweaver nach einem <td>-Tag bzw. vor einem </td>-Tag keine Zeilenumbrüche ein, selbst wenn dies gemäß den
Formatierungsangaben in der Tag-Bibliothek erforderlich wäre.
Erweiterte Formatierung dient zum Festlegen von Formatierungsoptionen für CSS-Code (Cascading Style Sheets) sowie für individuelle
Tags und Attribute im Tag-Bibliothek-Editor.
White Space Character (Leerraumzeichen) (nur in der japanischen Version) ermöglicht die Auswahl von oder Zenkaku-
Leerzeichen für HTML-Code. Der in dieser Option ausgewählte Leerraum wird beim Erstellen von Tabellen und wenn die Option „Mehrere
aufeinanderfolgende Leerzeichen zulassen“ in Seiten mit dem Kodierungstyp „Japanese“ aktiviert ist, für leere Tags verwendet.
Einstellungen für das Umschreiben von Code festlegen
Mit den Voreinstellungen für die Codeumschreibung können Sie festlegen, wie und ob Ihr Code in Dreamweaver verändert wird, wenn Dokumente
geöffnet werden, wenn Formularelemente kopiert und eingefügt werden und wenn Attributwerte und URLs mit Werkzeugen wie dem
Eigenschafteninspektor eingegeben werden. Diese Einstellungen haben keine Auswirkung auf das Bearbeiten von HTML oder Skripts in der
Codeansicht.
Wenn Sie die Umschreibungsoptionen deaktivieren, werden im Dokumentfenster ungültige Elemente des HTML-Codes angezeigt, die mit dieser
Option umgeschrieben worden wären.
1. Wählen Sie „Bearbeiten“ > „Voreinstellungen“ (Windows) bzw. „Dreamweaver“ > „Voreinstellungen“ (Macintosh).
74










