Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5

321

322

323

324

325

326

327

328

329

330

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

315

VERWENDEN VON DREAMWEAVER

Vorschau von Seiten

Last updated 10.4.2012

Vorschau von Seiten im Browser

Vorschau in einem Browser

Die Vorschau einer Seite im Browser ist jederzeit möglich, ohne dass die Seite dafür eigens auf einen Webserver

hochgeladen werden muss. Bei der Vorschau von Seiten sollten alle Browserfunktionen funktionieren, z. B. JavaScript-

Verhalten, dokumentbezogene und absolute Hyperlinks, ActiveX®-Steuerelemente und Netscape Navigator-Plug-Ins.

Dazu müssen die erforderlichen Plug-Ins oder ActiveX-Steuerelemente jedoch in den verwendeten Browsern

installiert sein.

Bevor Sie ein Dokument in der Vorschau anzeigen, müssen Sie es zunächst speichern. Andernfalls wird es im Browser

ohne die jüngsten Änderungen dargestellt.

1 Führen Sie einen der folgenden Schritte aus, um eine Seitenvorschau durchzuführen:

• Wählen Sie „Datei“ > „Vorschau in Browser“ und anschließend einen der aufgeführten Browser.

Note: Wenn keine Browser aufgeführt sind, wählen Sie „Bearbeiten“ > „Voreinstellungen“ oder „Dreamweaver“ >

„Voreinstellungen (Macintosh)“. Wählen Sie anschließend die Kategorie „Vorschau im Browser“ auf der linken Seite, um

einen Browser auszuwählen.

• Drücken Sie F12 (Windows) oder Wahl+F12 (Macintosh), um die Vorschau des aktuellen Dokuments im

Primärbrowser anzuzeigen.

• Drücken Sie Strg>+F12 (Windows) bzw. Befehl+F12 (Macintosh), um die Vorschau des aktuellen Dokuments im

Sekundärbrowser anzuzeigen.

2 Klicken Sie auf die Hyperlinks und testen Sie den Inhalt Ihrer Seite.

Note: In der Vorschau eines Dokuments in einem lokalen Browser wird Inhalt, der mit einem zum Site-Stammordner

relativen Pfad verknüpft ist, nur angezeigt, wenn Sie entweder einen Testserver angeben oder unter „Bearbeiten“ >

„Voreinstellungen“ > „Vorschau in Browser“ die Option „Vorschau mit temporärer Datei“ auswählen. Der Grund

hierfür ist, dass Browser im Gegensatz zu Servern Site-Stammordner nicht erkennen können.

Wenn Sie eine Vorschau des Inhalts anzeigen möchten, der durch stammrelative Pfade verknüpft ist, übertragen Sie

die Datei an einen Remote-Server und wählen Sie dann „Datei“ > „Vorschau in Browser“, um sie anzuzeigen.

3 Schließen Sie die Seite im Browser, wenn Sie den Test abschließen.