Operation Manual

Nach oben
Smart-Objekt
Wenn das Webbild (also das Bild auf der Dreamweaver-Seite) nicht mit der Photoshop-Originaldatei übereinstimmt, erkennt Dreamweaver, dass
die Originaldatei aktualisiert wurde, und zeigt einen der Smart-Objekt-Symbolpfeile in Rot an. Wenn Sie in der Entwurfsansicht das Webbild
auswählen und im Eigenschafteninspektor auf die Schaltfläche „Von Original aktualisieren“ klicken, wird das Bild automatisch aktualisiert, um die
von Ihnen an der Photoshop-Originaldatei vorgenommenen Änderungen zu reflektieren.
Wenn Sie den Smartobjekte-Workflow verwenden, brauchen Sie zum Aktualisieren eines Webbilds Photoshop nicht zu öffnen. Darüber hinaus
sind alle Aktualisierungen, die Sie an Smartobjekten in Dreamweaver vornehmen, nicht destruktiv. Das bedeutet, dass Sie Änderungen an der
Webversion des Bilds auf Ihrer Seite vornehmen können und die Photoshop-Originaldatei hierbei intakt bleibt.
Sie können ein Smartobjekt auch aktualisieren, ohne das Webbild in der Entwurfsansicht auszuwählen. Über das Elementebedienfeld lassen sich
alle Smartobjekte (auch Bilder, die sich im Dokumentfenster eventuell nicht auswählen lassen, z. B. CSS-Hintergrundbilder) aktualisieren.
Bildoptimierungseinstellungen
Für den Kopieren/Einfügen- und den Smartobjekte-Workflow können Sie im Dialogfeld „Bildoptimierung“ Optimierungseinstellungen festlegen. In
diesem Dialogfeld können Sie das Dateiformat und die Bildqualität festlegen. Wenn Sie ein Slice oder eine Ebene kopieren oder eine Photoshop-
Datei zum ersten Mal als Smartobjekt einfügen, zeigt Dreamweaver dieses Dialogfeld an, damit Sie das Webbild ganz leicht erstellen können.
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 Smartobjekts ü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 das Webbild in der Entwurfsansicht 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 Smartobjekte-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.
Ein Videotutorial über die Roundtrip-Bearbeitung mit Photoshop finden Sie unter Roundtrip editing with Photoshop.
Smartobjekte erstellen
Beim Einfügen eines Photoshop-Bilds (PSD-Datei) in eine Webseite wird in Dreamweaver ein Smartobjekt erstellt. Ein Smartobjekt 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 Ihrer Seite, an der das Bild eingefügt werden
soll.
2. Wählen Sie „Einfügen“ > „Bild“.
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.