Operation Manual

Hinweis:
Nach oben
Hinweis:
Nach oben
Hinweis:
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.
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 „Bildoptimierung“ 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 Smartobjekt entsprechend den ausgewählten Optimierungseinstellungen und fügt eine webfähige Version des Bilds auf
der Seite ein. Mit dem Smartobjekt besteht eine Live-Verbindung zum ursprünglichen Bild und Sie werden informiert, wenn die beiden Bilder nicht
mehr synchron sind.
Wenn Sie zu einem späteren Zeitpunkt die Optimierungseinstellungen für ein Bild in Ihren Seiten ändern möchten, wählen Sie das Bild
aus und klicken im Eigenschafteninspektor auf die Schaltfläche „Bildeinstellungen bearbeiten“. Im Dialogfeld „Bildoptimierung“ können Sie dann die
gewünschten Änderungen an dem Bild vornehmen. Änderungen im Dialogfeld „Bildoptimierung“ werden angewendet, ohne dass negative
Auswirkungen auf die Originaldatei entstehen. Die ursprüngliche Photoshop-Datei wird in Dreamweaver niemals geändert. Stattdessen wird das
Webbild immer anhand der Originaldaten neu erstellt.
Ein Videotutorial über die Roundtrip-Bearbeitung mit Photoshop finden Sie unter Roundtrip editing with Photoshop.
Smartobjekte aktualisieren
Wenn Sie die Photoshop-Datei ändern, mit der das Smartobjekt verknüpft ist, werden Sie in Dreamweaver benachrichtigt, dass das webfähige Bild
nicht mehr mit dem Original synchron ist. Smartobjekte werden in Dreamweaver durch ein Symbol in der oberen linken Ecke des Bilds
gekennzeichnet. Wenn das webfähige Bild in Dreamweaver mit der ursprünglichen Photoshop-Datei synchron ist, sind beide Pfeile in diesem
Symbol grün. Wenn das webfähige Bild nicht mit der ursprünglichen Photoshop-Datei synchron ist, wird einer der Pfeile rot dargestellt.
Um ein Smartobjekt mit dem aktuellen Inhalt der ursprünglichen Photoshop-Datei zu aktualisieren, wählen Sie das Smartobjekt
im Dokumentfenster aus und klicken dann im Eigenschafteninspektor auf die Schaltfläche „Von Original aktualisieren“.
Für diese Aktualisierung in Dreamweaver muss Photoshop nicht installiert sein.
Mehrere Smartobjekte aktualisieren
Im Bedienfeld „Elemente“ können Sie mehrere Smartobjekte gleichzeitig aktualisieren. Darüber hinaus können Sie im Bedienfeld „Elemente“
Smartobjekte anzeigen, die im Dokumentfenster möglicherweise nicht ausgewählt werden können (z. B. CSS-Hintergrundbilder).
1. Klicken Sie im Bedienfeld „Dateien“ auf die Registerkarte „Elemente“, um die Elemente der Site anzuzeigen.
2. Achten Sie darauf, dass die Bildansicht ausgewählt ist. Klicken Sie andernfalls auf die Schaltfläche „Bilder“.
3. Wählen Sie im Bedienfeld „Elemente“ die einzelnen Bildelemente aus. Wenn Sie ein Smartobjekt auswählen, wird in der
oberen linken Ecke des Bilds das Smartobjekt-Symbol angezeigt. Bei normalen Bildern wird dieses Symbol nicht angezeigt.
4. Klicken Sie bei jedem Smartobjekt, das Sie aktualisieren möchten, mit der rechten Maustaste auf den entsprechenden
Dateinamen und wählen Sie „Von Original aktualisieren“ aus. Sie können beim Klicken auch die Strg-Taste gedrückt halten,
um mehrere Dateinamen auszuwählen und die entsprechenden Bilder gleichzeitig zu aktualisieren.
Für diese Aktualisierung in Dreamweaver muss Photoshop nicht installiert sein.
589