Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5

141

142

143

144

145

146

147

148

149

150

Table Of Contents

Rechtliche Hinweise
Contents
Chapter 1: Neue Funktionen
- Neue Funktionen
Chapter 2: Arbeitsbereich
- Arbeitsablauf und Arbeitsbereich in Dreamweaver
- Arbeiten im Dokumentfenster
- Symbolleisten, Inspektoren und Kontextmenüs verwenden
- Anpassen des Dreamweaver CS5-Arbeitsbereichs
- Tastaturbefehle
- Erweiterungen
  - Erweiterungen in Dreamweaver hinzufügen und verwalten
Chapter 3: Arbeiten mit Dreamweaver- Sites
- Dreamweaver-Sites
  - Was ist eine Dreamweaver-„Site“?
  - Struktur der lokalen und Remote-Ordner
- Lokale Version Ihrer Site einrichten
- Verbindung zu einem Remote-Server herstellen
- Testserver einrichten
  - Testserver einrichten
  - Web-URL für den Testserver
- Versionskontrolle und erweiterte Einstellungen
  - Kategorie „Versionskontrolle“
  - Kategorie „Erweiterte Einstellungen“
    - Lokale Info
    - „Cloaking“ und weitere Kategorien
- Optionen des Dialogfelds „Sites verwalten“
- Dreamweaver-Site-Einstellungen importieren und exportieren
  - Site-Einstellungen exportieren
  - Site-Einstellungen importieren
- Bereits vorhandene Remote-Website bearbeiten
- Site-Voreinstellungen für die Übertragung von Dateien festlegen
- Verwalten von Contribute-Sites
Chapter 4: Dateien erstellen und verwalten
- Dokumente öffnen und erstellen
- Verwalten von Dateien und Ordnern
- Dateien vom Server abrufen/auf dem Server bereitstellen
- Dateien ein- und auschecken
- Dateien synchronisieren
  - Dateien in der lokalen Site und der Remote-Site synchronisieren
- Dateien auf Unterschiede vergleichen
- Frühere Dateiversionen wiederherstellen (Contribute- Benutzer)
  - Frühere Dateiversionen wiederherstellen (Contribute-Benutzer)
- Dateien und Ordner in Ihrer Dreamweaver-Site von Operationen ausschließen (Cloaking)
- Dateiinformationen in Design Notes speichern
- Testen der Dreamweaver-Site
  - Richtlinien zum Testen von Sites
  - Berichte zum Testen von Sites verwenden
    - Berichte zum Testen einer Site generieren
    - Berichte verwenden und speichern
Chapter 5: Verwalten von Elementen und Bibliotheken
- Elemente und Bibliotheken
  - Elemente
  - Bibliothekselemente
- Elemente verwenden
- Erstellen und Verwalten einer Liste mit Favoritenelementen
- Verwenden von Bibliothekselementen
Chapter 6: Seiten mit CSS erstellen
- Grundlegendes zu Cascading Stylesheets
  - Cascading Stylesheets
  - CSS-Regeln
  - Cascading Styles
  - Textformatierung und CSS
  - CSS-Kurzschrifteigenschaften
- Bedienfeld „CSS-Stile“
  - Das Bedienfeld „CSS-Stile“ im Modus „Aktuell“
  - Bedienfeld „CSS-Stile“ im Modus „Alle“
  - Schaltflächen und Ansichten des Bedienfelds „CSS-Stile“
  - Bedienfeld „CSS-Stile“ öffnen
- Erweiterungen für die CSS3-Unterstützung im Bedienfeld „CSS-Stile“ (CS 5.5)
  - CSS3-Eigenschaften mithilfe des Popupbedienfelds anwenden
  - Mehrere Wertsätze angeben
  - Eigenschaften in der Kategorieansicht suchen
  - Kompatibilität mit Browsern sicherstellen
  - Vorschau der Änderungen in der Live-Ansicht
- Voreinstellungen für CSS-Stile festlegen
- Neue CSS-Regeln erstellen
- CSS-Eigenschaften festlegen
  - CSS-Schrifteigenschaften definieren
  - Hintergrundeigenschaften für CSS-Stile definieren
  - Blockeigenschaften für CSS-Stile definieren
  - CSS-Boxeigenschaften definieren
  - Rahmeneigenschaften für CSS-Stile definieren
  - Listeneigenschaften für CSS-Stile definieren
  - Positionierungseigenschaften für CSS-Stile definieren
  - Erweiterungseigenschaften für CSS-Stile definieren
- CSS-Regeln bearbeiten
  - Regeln im Bedienfeld „CSS-Stile“ (Modus „Aktuell“) bearbeiten
  - Regeln im Bedienfeld „CSS-Stile“ (Modus „Alle“) bearbeiten
  - Namen von CSS-Selektoren ändern
- Eigenschaft zur CSS-Regel hinzufügen
- CSS-Klassenstile anwenden, entfernen oder umbenennen
  - CSS-Klassenstil anwenden
  - Klassenstil von einer Auswahl entfernen
  - Klassenstil umbenennen
- CSS-Regeln verschieben/exportieren
  - CSS-Regeln in ein neues Stylesheet verschieben/exportieren
  - CSS-Regeln in ein vorhandenes Stylesheet verschieben/exportieren
  - CSS-Regeln durch Ziehen mit der Maus umstellen oder verschieben
  - Mehrere Regeln zum Verschieben auswählen
- Inline-CSS einer CSS-Regel hinzufügen
- Link zu einem externen CSS-Stylesheet erstellen
- CSS-Stylesheets bearbeiten
- CSS-Code formatieren
  - Einstellungen für das Formatieren von CSS-Code festlegen
  - CSS-Code in einem CSS-Stylesheet manuell formatieren
  - Eingebetteten CSS-Code manuell formatieren
- CSS-Eigenschaft deaktivieren/aktivieren
- CSS in der Live-Ansicht prüfen
- Browserübergreifende Probleme bei der CSS- Wiedergabe überprüfen
  - Browserkompatibilitätsprüfung ausführen
  - Von einem gefundenen Problem betroffenes Element auswählen
  - Zum nächsten oder vorherigen identifizierten Problem im Code wechseln
  - Browser für die Kompatibilitätsprüfung durch Dreamweaver auswählen
  - Probleme aus der Browserkompatibilitätsprüfung ausschließen
  - Liste der ignorierten Probleme bearbeiten
  - Browserkompatibilitätsprüfungs-Bericht speichern
  - Browserkompatibilitätsprüfungs-Bericht in einem Browser anzeigen
  - Website „Adobe CSS Advisor“ aufrufen
- Mit Entwurfszeit-Stylesheets arbeiten
- Dreamweaver-Muster-Stylesheets verwenden
- CSS-Stylesheets in einer Contribute-Site aktualisieren
- Gestalten von Seitenlayouts mit CSS
  - CSS-Seitenlayout
  - Struktur des CSS-Seitenlayouts
  - Seiten mit einem CSS-Layout erstellen
    - Seiten mit einem CSS-Layout erstellen
    - Angepasste CSS-Layouts zur Auswahlliste hinzufügen
- Arbeiten mit Div-Tags
  - div-Tags einfügen und bearbeiten
  - CSS-Layout-Blöcke
  - AP-Elemente verwenden
Chapter 7: Seitenlayouts mit HTML gestalten
- Visuelle Hilfsmittel für das Layout
- Inhalte in Tabellen darstellen
- Frames verwenden
Chapter 8: Inhalt in Seiten einfügen
- Bedienfeld „Einfügen“ verwenden
  - Bedienfeld „Einfügen“ ein- und ausblenden
  - Schaltflächen einer bestimmten Kategorie anzeigen
  - Popupmenü für eine Schaltfläche anzeigen
  - Objekte einfügen
  - Dialogfeld zum Einfügen von Objekten überspringen und leeres Platzhalterobjekt einfügen
  - Voreinstellungen des Bedienfelds „Einfügen“ ändern
  - Objekte in der Kategorie „Favoriten“ des Bedienfelds „Einfügen“ hinzufügen, löschen oder verwalten
  - Objekte mithilfe von Schaltflächen in der Kategorie „Favoriten“ einfügen
  - Bedienfeld „Einfügen“ als horizontale Einfügeleiste anzeigen
  - Horizontale Einfügeleiste als Bedienfeldgruppe wiederherstellen
  - Kategorien der horizontalen Einfügeleiste als Registerkarten anzeigen
  - Kategorien der horizontalen Einfügeleiste als Menü anzeigen
- Seiteneigenschaften festlegen
  - CSS-Eigenschaften für Seitenschrift, Hintergrundfarbe und Hintergrundbild festlegen
  - HTML-Seiteneigenschaften festlegen
- CSS-Hyperlinkeigenschaften für eine ganze Seite festlegen
- CSS-Überschrifteneigenschaften für eine ganze Seite festlegen
- Eigenschaften für Titel und Kodierung einer Seite festlegen
- Tracing-Bild für das Design einer Seite verwenden
- Dokumentkodierung
- Elemente im Dokumentfenster auswählen und anzeigen
  - Elemente auswählen
  - HTML-Code für ausgewählte Textstellen oder Objekte anzeigen
  - Markierungssymbole für unsichtbare Elemente ein- oder ausblenden
  - Voreinstellungen für unsichtbare Elemente festlegen
- Farben
  - Websichere Farben
  - Farbauswahl verwenden
- Ansicht vergrößern und verkleinern
  - Ansicht einer Seite vergrößern oder verkleinern
  - Seite nach dem Vergrößern oder Verkleinern der Ansicht bearbeiten
  - Seite nach dem Vergrößern oder Verkleinern der Ansicht schwenken
  - Dokumentfenster mit einer Auswahl füllen
  - Dokumentfenster mit einer ganzen Seite füllen
  - Dokumentfenster mit der gesamten Breite einer Seite füllen
- Voreinstellungen für Downloadzeit und -größe festlegen
- Arbeiten mit Text
  - Dokumenten Text hinzufügen
  - Sonderzeichen einfügen
  - Leerzeichen zwischen Zeichen einfügen
    - Geschützte Leerzeichen einfügen
    - Voreinstellung für geschützte Leerzeichen festlegen
  - Absatzabstände hinzufügen
    - Neue Absätze hinzufügen
    - Zeilenumbruch einfügen
  - Aufzählungslisten und nummerierte Listen erstellen
  - Text suchen und ersetzen
  - Abkürzungen und Akronyme definieren
  - Voreinstellungen für das Kopieren und Einfügen festlegen
- Texteigenschaften im Eigenschafteninspektor festlegen
  - Text formatieren (CSS und HTML)
  - CSS-Regeln im Eigenschafteninspektor bearbeiten
  - HTML-Formatierung im Eigenschafteninspektor festlegen
  - Klassen mit dem HTML-Eigenschafteninspektor umbenennen
- Rechtschreibprüfung für Webseiten durchführen
- Tabellendaten importieren
- Microsoft Office-Dokumente importieren (nur Windows)
- Hyperlinks zu Word- oder Excel-Dokumenten erstellen
- HTML-Formatierung verwenden
  - Absätze formatieren
  - Textfarbe ändern
    - Standardtextfarben für eine Seite definieren
    - Farbe des ausgewählten Textes ändern
  - Text ausrichten
    - Text auf einer Seite ausrichten
    - Seitenelemente zentrieren
  - Text einrücken
  - Schriftstile anwenden
- Horizontale Linien verwenden
  - Horizontale Linien erstellen
  - Horizontale Linien ändern
- Schriftkombinationen ändern
  - Schriftkombinationen ändern
  - Der Schriftliste eine neue Kombination hinzufügen
- Datumsangaben einfügen
- Bilder hinzufügen und ändern
  - Bilder
  - Bilder einfügen
    - Bildeigenschaften festlegen
    - Eingabehilfen-Attribute für Bilder im Code bearbeiten
  - Bilder ausrichten
  - Größe von Bildern visuell ändern
  - Bild-Platzhalter einfügen
  - Bild-Platzhalter ersetzen
  - Eigenschaften für Bild-Platzhalter festlegen
  - Bilder in Dreamweaver bearbeiten
  - Rollover-Bilder erstellen
  - Mit externen Bildeditoren arbeiten
  - Bilder mit Verhalten versehen
- Hinzufügen von Videos
  - Videos in Webseiten einbetten (HTML5)
  - FLV-Dateien einfügen
    - FLV-Dateien einfügen
    - FLV-Komponenten bearbeiten oder löschen
- SWF-Dateien einfügen
  - FLA-, SWF- und FLV-Dateitypen
  - SWF-Dateien einfügen und in der Vorschau anzeigen
  - FlashPaper-Dokumente einfügen
- Web-Widgets hinzufügen
- Audiomaterial hinzufügen
  - Audiodateiformate
  - Hyperlinks zu einer Audiodatei
  - Audiodateien einbetten
- Hinzufügen von Medienobjekten
  - Medienobjekte einfügen und bearbeiten
  - Externen Editor für Multimedia-Dateien starten
  - Editor in Dreamweaver festlegen
  - Design Notes mit Medienobjekten verwenden
  - Shockwave-Filme einfügen
  - Videos hinzufügen, die keine FLV-Videos sind
  - Plug-Ins einfügen
  - Fehlersuche in Plug-Ins
  - ActiveX-Steuerelemente einfügen
    - ActiveX-Eigenschaften
  - Java-Applets einfügen
    - Java-Applet-Eigenschaften
  - Medien über Verhalten steuern
  - Medienobjekte über Parameter steuern
- Aufgaben automatisieren
  - Aufgabenautomatisierung
  - Bedienfeld „Verlauf“ verwenden
  - Schritte wiederholen
  - Schritte im Bedienfeld „Verlauf“ auf Objekte anwenden
    - Schritte auf ein anderes Objekt anwenden
    - Schritte auf mehrere Objekte anwenden
  - Schritte zwischen Dokumenten kopieren und einfügen
  - Befehle aus Schritten der Verlaufsliste erstellen und verwenden
  - Befehle aufzeichnen und speichern
Chapter 9: Hyperlinks und Navigation
- Allgemeines zu Hyperlinks und Navigation
  - Hyperlinks
  - Absolute, zum Dokument relative und zum Site-Stammordner relative Pfade
- Hyperlinks erstellen
- Sprungmenüs
- Navigationsleisten
  - Informationen zu Navigationsleisten
- Imagemaps
- Fehler in Hyperlinks beheben
  - Fehlerhafte, externe und verwaiste Hyperlinks suchen
  - Fehlerhafte Hyperlinks reparieren
    - Hyperlinks im Bedienfeld „Hyperlink-Prüfer“ reparieren
    - Hyperlinks im Eigenschafteninspektor reparieren
Chapter 10: Vorschau von Seiten
- Vorschau von Seiten
Chapter 11: Mit Seitencode arbeiten
- Allgemeine Informationen zum Programmieren in Dreamweaver
- Codeumgebung einrichten
- Festlegen von Codeeinstellungen
- Schreiben und Bearbeiten von Code
- Code ausblenden
- Code optimieren und debuggen
- Code in der Entwurfsansicht bearbeiten
- Mit Head-Inhalt für Seiten arbeiten
- Mit Server-Side Includes arbeiten
- Verwalten von Tag-Bibliotheken
- Benutzerdefinierte Tags in Dreamweaver importieren
Chapter 12: Hinzufügen von JavaScript- Verhalten
- Verwenden von JavaScript-Verhalten (allgemeine Anweisungen)
- Anwenden integrierter JavaScript-Verhalten
Chapter 13: Mit anderen Anwendungen arbeiten
- Anwendungsübergreifende Integration
  - Integration in Photoshop, Flash und Fireworks
- Fireworks und Dreamweaver verwenden
- Photoshop und Dreamweaver verwenden
- Flash und Dreamweaver verwenden
  - Bearbeiten einer SWF-Datei aus Dreamweaver in Flash
- Mit Adobe Bridge arbeiten und Dreamweaver verwenden
- Mit Device Central arbeiten und Dreamweaver verwenden
- Mit ConnectNow arbeiten und Dreamweaver verwenden
  - Arbeiten mit ConnectNow
- AIR-Erweiterung für Dreamweaver
Chapter 14: Vorlagen erstellen und verwalten
- Dreamweaver-Vorlagen
- Vorlagen und vorlagenbasierte Dokumente erkennen
- Erstellen von Dreamweaver-Vorlagen
- Erstellen bearbeitbarer Bereiche in Vorlagen
- Erstellen wiederholender Bereiche in Vorlagen
- Verwenden optionaler Bereiche in Vorlagen
- Definieren bearbeitbare Tag-Attribute in Vorlagen
  - Bearbeitbare Tag-Attribute in Vorlagen festlegen
  - Bearbeitbare Tag-Attribute als nicht bearbeitbar markieren
- Verschachtelte Vorlagen erstellen
- Vorlagen bearbeiten, aktualisieren oder löschen
- Vorlageninhalte exportieren und importieren
- Vorlagen auf vorhandene Dokumente anwenden oder aus Dokumenten entfernen
  - Vorlagen auf vorhandene Dokumente anwenden
  - Dokument von einer Vorlage lösen
- Inhalte in vorlagenbasierten Dokumenten bearbeiten
- Vorlagensyntax
- Voreinstellungen für Vorlagenbereiche
  - Code-Farbeinstellungen für Vorlagen anpassen
  - Markierungseinstellungen für Vorlagenbereiche festlegen
    - Markierungsfarben für Vorlagen ändern
    - Markierungsfarben im Dokumentfenster anzeigen
Chapter 15: Spry-Seiten visuell erstellen
- Spry-Framework
- Arbeiten mit Spry-Widgets (allgemeine Anweisungen)
- Arbeiten mit dem Spry-Akkordeon-Widget
- Arbeiten mit dem Spry-Menüleisten-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 - Optionsschaltergruppe“
- Arbeiten mit dem Spry-Widget „Überprüfung - Textfeld“
- Arbeiten mit dem Spry-Widget „Überprüfung - Textbereich“
- Arbeiten mit dem Spry-Widget „Überprüfung - Auswahl“
- Arbeiten mit dem Spry-Widget „Überprüfung - Kontrollkästchen“
- Arbeiten mit dem Spry-Widget „Überprüfung - Kennwort“
- Arbeiten mit dem Spry-Widget „Überprüfung - Bestätigung“
- Daten mit Spry anzeigen
- Spry-Effekte hinzufügen
Chapter 16: Webseiten für mehrere Bildschirme und Geräte entwerfen
- Erstellen von Medienabfragen (ab Version CS 5.5)
- Ändern der Seitenausrichtung für mobile Geräte (ab Version CS5.5)
- Erstellen von Webanwendungen für mobile Geräte (CS5.5)
  - Erstellen von Webanwendungen für mobile Geräte (CS5.5)
- Verpacken von Webanwendungen
  - Verpacken von Webanwendungen als native mobile Anwendungen (CS 5.5)
- Seitenvorschau mithilfe des Bedienfelds „Multi-Screen- Vorschau“
Chapter 17: Adobe Online-Dienste verwenden
- Verwenden von Dreamweaver mit Adobe Online- Diensten
  - BrowserLab
  - Business Catalyst InContext Editing
Chapter 18: XML-Daten mit XSLT anzeigen
- XML und XSLT
- XSL-Transformationen auf dem Server ausführen
- XSL-Transformationen auf dem Client ausführen
- Fehlende Zeichenentitäten für XSLT
  - Fehlende Zeichenentitäten angeben
    - Fehlende Entitätsdefinitionen angeben
    - Entitätsdefinitionen in die XSL-Dateien einfügen, die Dreamweaver standardmäßig erstellt
Chapter 19: Erstellen dynamischer Sites vorbereiten
- Webanwendungen
- Computer für die Entwicklung von Anwendungen einrichten
- Datenbankverbindungen für ColdFusion-Entwickler
- Datenbankverbindungen für ASP-Entwickler
- Datenbankverbindungen für PHP-Entwickler
- Fehlerbehebung bei Datenbankverbindungen
- Verbindungsskripts entfernen
  - Befehl „Verbindungsskripts entfernen“ verwenden
Chapter 20: Dynamische Seiten erstellen
- Optimieren des Arbeitsbereichs für visuelle Entwicklung
- Dynamische Seiten entwerfen
  - Dynamische Seiten in Dreamweaver entwerfen
- Überblick über Quellen für dynamischen Inhalt
- Bedienfelder für dynamischen Inhalt
- Definieren von Quellen für dynamischen Inhalt
- Einfügen von dynamischem Inhalt in Seiten
- Dynamischen Inhalt ändern
- Anzeigen von Datenbank-Datensätzen
- Live-Daten anzeigen
  - Live-Daten für Seiten in der Live-Ansicht bereitstellen
  - Fehlerbehebung der Anzeige von Live-Daten in der Live-Ansicht
- Hinzufügen benutzerdefinierter Serververhalten
Chapter 21: Visuelles Entwickeln von Anwendungen
- Master- und Detailseiten entwickeln
- Erstellen von Such- und Ergebnisseiten
- Datensatz-Einfügeseiten erstellen
- Erstellen von Datensatz-Aktualisierungsseiten
- Erstellen von Datensatz-Löschseiten
- Seiten mit erweiterten Objekten für die Datenbankverarbeitung erstellen (ColdFusion, ASP)
- Erstellen von Registrierungsseiten
- Anmeldeseiten erstellen
- Erstellen von Seiten, auf die nur autorisierte Benutzer zugreifen können
- Schützen von Ordnern in Anwendungen (ColdFusion)
  - Ordner und Sites auf dem Server schützen (ColdFusion)
- ColdFusion-Komponenten verwenden
Chapter 22: Formulare erstellen
- Verwenden von Formularen zum Sammeln von Benutzerinformationen
- Erstellen von Webformularen
- Erstellen von ColdFusion-Formularen
Chapter 23: Eingabehilfen
- Dreamweaver-Eingabehilfen

143

VERWENDEN VON DREAMWEAVER

Seiten mit CSS erstellen

Last updated 10.4.2012

Bedienfeld „CSS-Stile“ öffnen

Sie können im Bedienfeld „CSS-Stile“ sowohl CSS-Stile anzeigen, erstellen, bearbeiten und entfernen als auch externe

Stylesheets mit Dokumenten verbinden.

❖ Führen Sie einen der folgenden Schritte aus:

• Wählen Sie „Fenster“ > „CSS-Stile“ aus.

• Drücken Sie Umschalt+F11.

• Klicken Sie im Eigenschafteninspektor für Bilder auf die Schaltfläche „CSS“.

Erweiterungen für die CSS3-Unterstützung im

Bedienfeld „CSS-Stile“ (CS 5.5)

Im CSS-Bedienfeld wurde ein Popupbedienfeld für die folgenden Eigenschaften eingefügt:

• text-shadow

• box-shadow

• border-radius

• border-image

Mit den Optionen im Popupbedienfeld wird sichergestellt, dass Sie die Eigenschaften korrekt anwenden, auch wenn

Sie mit der zugehörigen W3C-Syntax nicht vertraut sind.

Popupbedienfeld mit Optionen für die CSS3-Eigenschaft „border-image“

CSS3-Eigenschaften mithilfe des Popupbedienfelds anwenden

❖ Klicken Sie auf das Symbol mit dem Pluszeichen („+“) für die entsprechenden Eigenschaften. Verwenden Sie die

Optionen im Popupbedienfeld, um die Eigenschaft anzuwenden.