Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5

401

402

403

404

405

406

407

408

409

410

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

400

VERWENDEN VON DREAMWEAVER

Mit anderen Anwendungen arbeiten

Last updated 10.4.2012

Wenn Sie eine Aktualisierung eines bestimmten Slice bzw. einer bestimmten Ebene kopieren und einfügen, wendet

Dreamweaver die ursprünglichen Einstellungen an und erstellt das Webbild anhand dieser Einstellungen neu. Ebenso

verwendet Dreamweaver bei der Aktualisierung eines Smart-Objekts über den Eigenschafteninspektor dieselben

Einstellungen, die Sie beim erstmaligen Einfügen des Bilds verwendet haben. Sie können die Einstellungen eines Bilds

jederzeit ändern, indem Sie in der Entwurfsansicht das Webbild auswählen und dann im Eigenschafteninspektor auf

die Schaltfläche „Bildeinstellungen bearbeiten“ klicken.

Speichern von Photoshop-Dateien

Wenn Sie ein Webbild eingefügt haben und die Photoshop-Originaldatei nicht in Ihrer Dreamweaver-Site gespeichert

haben, erkennt Dreamweaver den Pfad zur Originaldatei als absoluten lokalen Dateipfad. (Dies gilt sowohl für den

Kopieren/Einfügen- als auch für den Smart-Objekte-Workflow.) Wenn beispielsweise der Pfad zu Ihrer

Dreamweaver-Site „C:\Sites\meineSite“ lautet und die Photoshop-Datei unter „C:\Bilder\Photoshop“ abgespeichert

ist, erkennt Dreamweaver die Originaldatei nicht als Teil der Site „meineSite“. Dies führt zu Problemen, wenn Sie die

Photoshop-Datei für andere Team-Mitglieder freigeben möchten, da Dreamweaver die Datei lediglich als auf einer

bestimmten lokalen Festplatte verfügbar erkennt.

Wenn Sie die Photoshop-Datei jedoch in Ihrer Site speichern, richtet Dreamweaver einen Site-relativen Pfad zur Datei

ein. Alle Benutzer, die Zugriff auf die Site haben, können den richtigen Pfad zur Datei aufbauen, vorausgesetzt, Sie

haben auch die Originaldatei für sie zum Herunterladen bereitgestellt.

Einen Videolehrgang zum Smart-Objekte-Workflow in Photoshop und Dreamweaver finden Sie unter

www.adobe.com/go/lrvid4043_dw_de.

Smart Objekte erstellen

Beim Einfügen eines Photoshop-Bilds (PSD-Datei) in eine Webseite wird in Dreamweaver ein Smart Objekt erstellt.

Ein Smart Objekt ist ein webfähiges Bild mit einer Live-Verbindung zum ursprünglichen Photoshop-Bild. Wenn Sie

das ursprüngliche Bild in Photoshop aktualisieren, haben Sie die Möglichkeit, das Bild mit einem Mausklick auch in

Dreamweaver zu aktualisieren.

1 Setzen Sie die Einfügemarke in Dreamweaver (Entwurfs- oder Codeansicht) an die Stelle auf der Seite, an der das

Bild eingefügt werden soll.

2 Wählen Sie „Einfügen“ > „Bild“ aus.

Sie können die PSD-Datei zudem aus dem Bedienfeld „Dateien“ auf die Seite ziehen, wenn die Photoshop-Dateien in

der Website gespeichert sind. In diesem Fall können Sie den nächsten Schritt überspringen.

3 Wählen Sie im Dialogfeld „Bildquelle auswählen“ die Photoshop-Bilddatei im PSD-Format aus, indem Sie auf die

Schaltfläche „Durchsuchen“ klicken und zu der Datei navigieren.

4 Passen Sie die Optimierungseinstellungen in dem angezeigten Dialogfeld „Bildvorschau“ nach Bedarf an und

klicken Sie auf „OK“.

5 Speichern Sie die webfähige Bilddatei in einem Verzeichnis im Stammordner der Website.

Dreamweaver erstellt das Smart Objekt entsprechend den ausgewählten Optimierungseinstellungen und fügt eine

webfähige Version des Bilds auf der Seite ein. Mit dem Smart Objekt besteht eine Live-Verbindung zum

ursprünglichen Bild und Sie werden informiert, wenn die beiden Bilder nicht mehr synchron sind.