Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5

221

222

223

224

225

226

227

228

229

230

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

222

VERWENDEN VON DREAMWEAVER

Seitenlayouts mit HTML gestalten

Last updated 10.4.2012

2 Führen Sie einen der folgenden Schritte aus:

• Geben Sie im Dokumentfenster wie bei anderen Dokumenten Inhalte ein oder fügen Sie diese ein.

• Wählen Sie „Fenster“ > „Codeinspektor“ aus, setzen Sie die Einfügemarke zwischen die body-Tags, die innerhalb

des

noframes-Tags angezeigt werden, und geben Sie dann den HTML-Code für den gewünschten Inhalt ein.

3 Wählen Sie erneut „Modifizieren“ > „Frameset“ > „NoFrames-Inhalt bearbeiten“ aus, um wieder zur normalen

Ansicht des Frameset-Dokuments zu wechseln.

Verwenden von JavaScript-Verhalten mit Frames

Einige JavaScript-Verhalten und navigationsbezogene Befehle eignen sich besonders gut zur Verwendung mit Frames:

Text vom Frame einstellen Inhalt und Formatierung eines Frames werden durch die angegebenen Inhalte ersetzt. Bei

diesen Inhalten kann es sich um beliebigen gültigen HTML-Code handeln. Mit dieser Aktion können Informationen

in einem Frame dynamisch angezeigt werden.

Gehe zu URL Öffnet eine neue Seite im aktuellen Fenster oder im angegebenen Frame. Mit dieser Aktion kann der

Inhalt von mindestens zwei Frames mit einem Mausklick geändert werden.

Sprungmenü einfügen Legt eine Menüliste mit Hyperlinks fest, über die Dateien in einem Browserfenster geöffnet

werden. Sie können zudem ein bestimmtes Fenster oder einen bestimmten Frame als Ziel angeben. Das Dokument

wird dann in diesem Fenster oder Frame geöffnet.

Weitere Informationen finden Sie unter “Hinzufügen von JavaScript-Verhalten” on page 375.