Operation Manual

Arbeiten mit Photoshop und Dreamweaver
Nach oben
Hinweis:
Nach oben
Photoshop-Integration
Workflow für Smartobjekte und für Photoshop/Dreamweaver
Smartobjekte erstellen
Smartobjekte aktualisieren
Mehrere Smartobjekte aktualisieren
Größe von Smartobjekten ändern
Ursprüngliche Photoshop-Datei eines Smartobjekts bearbeiten
Smartobjekt-Statuswerte
Photoshop-Auswahl kopieren und einfügen
Eingefügte Bilder bearbeiten
Optionen des Dialogfelds „Bildoptimierung“ einstellen
Photoshop-Integration
In Dreamweaver können Sie Photoshop-Bilddateien im PSD-Format in Webseiten einfügen und Dreamweaver wandelt sie dann in webfähige
Bilder (im GIF-, JPEG- und PNG-Format) um. Bei diesem Vorgang fügt Dreamweaver das Bild als Smartobjekt ein und behält eine Live-
Verbindung mit der ursprünglichen PSD-Datei bei.
In Dreamweaver können Sie zudem ein Photoshop-Bild mit mehreren Ebenen oder Segmenten ganz oder teilweise in eine Webseite einfügen.
Beim Kopieren und Einfügen von Bildern aus Photoshop wird jedoch die Live-Verbindung mit der ursprünglichen Datei nicht beibehalten. Um ein
Bild zu aktualisieren, nehmen Sie die gewünschten Änderungen in Photoshop vor und kopieren und fügen Sie das Bild dann erneut ein.
Wenn Sie diese Integrationsfunktion häufig verwenden, empfiehlt es sich, die Photoshop-Dateien in der Dreamweaver-Site zu
speichern, um leichter auf sie zugreifen zu können. In diesem Fall sollten Sie für die entsprechenden Dateien unbedingt das Cloaking aktivieren,
um die Bereitstellung der ursprünglichen Elemente sowie unnötige Übertragungen der Bilder zwischen der lokalen Site und dem Remote-Server
zu vermeiden.
Ein Tutorial über die Photoshop-Integration in Dreamweaver, finden Sie unter Integrating Dreamweaver with Photoshop.
Workflow für Smartobjekte und für Photoshop/Dreamweaver
Es gibt zwei Haupt-Workflows für das Arbeiten mit Photoshop-Dateien in Dreamweaver: den Kopieren/Einfügen-Workflow und den Smartobjekte-
Workflow.
Kopieren/Einfügen-Workflow
Mit dem Kopieren/Einfügen-Workflow können Sie Slices und Ebenen in einer Photoshop-Datei auswählen und diese dann in Dreamweaver als
webfertige Bilder einfügen. Wenn Sie den Inhalt zu einem späteren Zeitpunkt aktualisieren möchten, müssen Sie allerdings die Photoshop-
Originaldatei öffnen, Ihre Änderungen vornehmen, das Slice bzw. die Ebene erneut in die Zwischenablage kopieren und dann das aktualisierte
Slice bzw. die aktualisierte Ebene in Dreamweaver einfügen. Dieser Workflow wird nur empfohlen, wenn Sie einen Teil einer Photoshop-Datei
(beispielsweise einen Teil einer Design-Komposition) als Bild auf einer Webseite einfügen möchten.
Smartobjekte-Workflow
Wenn Sie mit vollständigen Photoshop-Dateien arbeiten, wird der Smartobjekte-Workflow empfohlen. In Dreamweaver ist ein Smartobjekt ein auf
einer Webseite platziertes Bildelement, das weiterhin mit der Photoshop-Originaldatei (PSD) verknüpft ist. In der Entwurfsansicht von
Dreamweaver ist ein Smartobjekt in der linken oberen Ecke des Bilds mit einem Symbol gekennzeichnet.
345