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

Elemente und Bibliotheken
Nach oben
Nach oben
Elemente
Bibliothekselemente
Elemente
Mithilfe von Adobe® Dreamweaver® können Sie die auf der Site gespeicherten Elemente, z. B. Bilder, Filme, Farben, Skripts und Hyperlinks,
verwalten und in der Vorschau anzeigen. Sie können ein Element auch durch Ziehen direkt in einer Seite des aktuellen Dokuments einfügen.
Sie können Elemente aus unterschiedlichen Quellen verwenden. Beispielsweise können Sie Elemente in einer Anwendung wie Adobe®
Fireworks® oder Adobe® Flash® erstellen, von einem Mitarbeiter erhalten oder von einer Clipart-CD oder Grafikwebsite kopieren.
In Dreamweaver haben Sie außerdem Zugriff auf zwei spezielle Arten von Elementen: Bibliotheken und Vorlagen. Bei beiden handelt es sich um
verknüpfte Elemente: Wenn Sie Bibliothekselemente oder Vorlagen bearbeiten, werden in Dreamweaver alle Dokumente aktualisiert, in denen
diese Elemente verwendet werden. Bibliothekselemente sind im Allgemeinen kleine Designelemente, beispielsweise das Logo einer Site oder
Copyright-Hinweise. Mithilfe von Vorlagen können Sie größere Designbereiche verwalten.
Bibliothekselemente
Eine Bibliothek ist eine spezielle Dreamweaver-Datei mit einer Sammlung einzelner Elemente oder Elementkopien, die Sie auf Webseiten einfügen
können. Die Elemente in einer Bibliothek werden als Bibliothekselemente bezeichnet. Zu den Elementen, die in einer Bibliothek gespeichert
werden können, zählen u. a. Bilder, Tabellen, Audiodateien und mit Adobe Flash erstellte Dateien. Nach jeder Bearbeitung eines
Bibliothekselements können Sie automatisch alle Seiten aktualisieren, in denen das entsprechende Element verwendet wird.
Wenn Sie beispielsweise eine umfangreiche Site für ein Unternehmen erstellen, dessen Slogan auf allen Seiten angezeigt werden soll, können Sie
ein Bibliothekselement mit dem Slogan erstellen und auf jeder Seite verwenden. Wenn sich der Slogan ändert, können Sie das Bibliothekselement
ändern und automatisch alle Seiten aktualisieren, in denen das Element verwendet wird.
In Dreamweaver werden Bibliothekselemente im Ordner „Library“ im lokalen Stammordner jeder Site gespeichert. Jede Site verfügt über eine
eigene Bibliothek.
Ein Bibliothekselement können Sie aus jedem Element im body-Abschnitt eines Dokuments erstellen, z. B. aus Text, Tabellen, Formularen, Java-
Applets, Plug-Ins, ActiveX-Elementen, Navigationsleisten und Bildern.
Bei verknüpften Elementen wie Bildern ist in der Bibliothek nur ein Verweis auf das Element gespeichert. Die Originaldateien müssen an dem
angegebenen Ort verbleiben, damit die Bibliothekselemente ordnungsgemäß funktionieren.
Dennoch kann es sinnvoll sein, Bilder in einem Bibliothekselement zu speichern. So könnten Sie beispielsweise ein img-Tag in einem
Bibliothekselement speichern, wodurch Sie den alt-Text oder gar das src-Attribut des Bilds in der gesamten Site auf einfache Weise ändern
können. (Sie sollten jedoch mit diesem Verfahren nicht die Attribute für die Breite und Höhe eines Bildes ändern, soweit Sie nicht die tatsächliche
Größe des Bildes mithilfe eines Bildeditors kontrollieren können.)
Hinweis: Beachten Sie, dass bei einem Bibliothekselement mit Hyperlinks diese Hyperlinks auf der neuen Site möglicherweise nicht
funktionieren. Zudem werden Bilder in einem Bibliothekselement nicht auf die neue Site kopiert.
Bei Verwendung eines Bibliothekselements wird in Dreamweaver auf der Webseite eine Verknüpfung mit dem Bibliothekselement und nicht das
Element selbst eingefügt. In Dreamweaver wird demnach eine Kopie des HTML-Quellcodes dieses Elements in das Dokument eingefügt und ein
HTML-Kommentar mit einem Verweis auf das externe Originalelement hinzugefügt. Dieser externe Verweis ermöglicht die automatische
Aktualisierung.
Wenn Sie ein Bibliothekselement erstellen, das ein Element mit einem angefügten Dreamweaver-Verhalten enthält, werden durch Dreamweaver
das Element und der zugehörige Event-Handler (das Attribut, das angibt, welches Ereignis die Aktion auslöst, z. B. onClick, onLoad oder
onMouseOver, und welche Aktion beim Auftreten des Ereignisses aufgerufen werden soll) in die Datei des Bibliothekselements kopiert. Dabei
werden in Dreamweaver die zugehörigen JavaScript-Funktionen nicht in das Bibliothekselement kopiert. Stattdessen fügt Dreamweaver, wenn Sie
das Bibliothekselement in ein Dokument einfügen, automatisch die entsprechenden JavaScript-Funktionen in den head-Abschnitt dieses
Dokuments ein (soweit sie dort nicht bereits vorhanden sind).
Hinweis: JavaScript-Code, der ohne Verwendung der Dreamweaver-Verhalten erstellt wurde, kann in einem Bibliothekselement eingefügt
werden, wenn er über das Verhalten „JavaScript aufrufen“ ausgeführt wird. Wenn Sie kein Dreamweaver-Verhalten zum Ausführen des Codes
verwenden, wird dieser nicht als Bestandteil des Bibliothekselements beibehalten.
Für die Bearbeitung der Verhalten in Bibliothekselementen gelten besondere Anforderungen. Bibliothekselemente können keine Stylesheets
enthalten, da der Code für diese Objekte zum head-Abschnitt gehört.
Verwandte Hilfethemen
324










