Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5

271

272

273

274

275

276

277

278

279

280

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

265

VERWENDEN VON DREAMWEAVER

Inhalt in Seiten einfügen

Last updated 10.4.2012

Ein Tutorial zum Erstellen von Rollovers finden Sie unter www.adobe.com/go/vid0159_de.

1 Setzen Sie die Einfügemarke im Dokumentfenster an die Stelle, an der Sie das Rollover einfügen möchten.

2 Fügen Sie das Rollover mit einer der folgenden Methoden ein:

• Klicken Sie in der Kategorie „Allgemein“ des Bedienfelds „Einfügen“ auf die Schaltfläche „Bilder“ und wählen Sie

das Symbol „Rollover-Bild“ aus. Wenn das Symbol „Rollover-Bild“ im Bedienfeld „Einfügen“ angezeigt wird,

können Sie es direkt in das Dokumentfenster ziehen.

• Wählen Sie „Einfügen“ > „Grafikobjekte“ > „Rollover-Bild“.

3 Legen Sie die Optionen fest und klicken Sie auf „OK“.

Bildname Der Name des Rollover-Bildes.

Originalbild Das Bild, das beim Laden der Seite angezeigt werden soll. Geben Sie den Pfad in das Textfeld ein oder

klicken Sie auf „Durchsuchen“ und wählen Sie das Bild aus.

Rollover-Bild Das Bild, das angezeigt werden soll, wenn der Zeiger über das Originalbild bewegt wird. Geben Sie den

Pfad ein oder klicken Sie auf „Durchsuchen“, um das Bild auszuwählen.

Rollover-Bild vorausladen Lädt die Bilder vorab in den Cache des Browsers, sodass es nicht zu Verzögerungen

kommt, wenn der Zeiger über das Bild bewegt wird.

Alternativtext Optional: Eine Beschreibung des Bildes für Benutzer, die einen reinen Textbrowser verwenden.

Wenn angeklickt, gehe zu URL Die Datei, die geöffnet werden soll, wenn ein Benutzer auf das Rollover-Bild klickt.

Geben Sie den Pfad ein oder klicken Sie auf „Durchsuchen“ und wählen Sie die Datei aus.

Note: Wenn Sie keinen Hyperlink für das Bild festlegen, fügt Dreamweaver einen Null-Hyperlink (#) in den HTML-

Quellcode ein, mit dem das Rollover-Verhalten verknüpft wird. Wenn Sie den Null-Hyperlink entfernen, funktioniert das

Rollover-Bild nicht mehr.

4 Wählen Sie „Datei“ > „Vorschau in Browser“ oder drücken Sie F12.

5 Bewegen Sie den Zeiger im Browser über das Originalbild, um das Rollover-Bild anzuzeigen.

Note: Die Wirkung eines Rollover-Bildes ist in der Entwurfsansicht nicht sichtbar.