Wie Place Photoshop Smart Objects in Adobe Dreamweaver CS6

Die Fähigkeit, mit Photoshop-Dateien in Adobe Dreamweaver CS6 zu arbeiten ist für die meisten Designer, die als Teil des Workflows auf Photoshop ab. Wenn Sie auf einer Seite von Photoshop-Dateien zu platzieren, erstellt Dreamweaver ein Smart-Objekt, ein Bild, das eine Verbindung zum ursprünglichen Photoshop-Datei, aus der unterhält sie erstellt wurde.

Das Bild zeigt ein Symbol, das Sie, ob die ursprüngliche Datei wissen lässt, wurde aktualisiert, und Sie können mit einem Klick die Änderungen in der Originaldatei auf das Bild anwenden.

Um eine Photoshop-Datei auf Ihrer Seite zu platzieren, gehen Sie folgendermaßen vor:

  1. Klicken Sie auf, wo Sie das neue Bild eingefügt werden soll und klicken Sie dann auf die Schaltfläche Bild in der Kategorie Allgemein kann die Insert-Panel.

  2. Wenn die Bildquelle auswählen Dialogfeld angezeigt wird, durchsuchen und wählen Sie eine Photoshop PSD-Datei und klicken Sie auf Auswählen / OK, um das Bild zu wählen.

    Die Bildoptimierung erscheint das Dialogfeld. In diesem Dialogfeld können Sie Ihr Bild in der Web-freundlichen GIF, JPEG oder PNG-Format speichern.

    bild0.jpg
  3. In der Preset-Dropdown-Liste, wählen Sie die JPEG-Hoch für maximale Kompatibilität Option.

  4. Klicken Sie auf OK, um das Bild zu speichern.

  5. Wenn das Speichern von Web Image Dialogfeld angezeigt wird, navigieren Sie zu Ihrer Website Root-Ordner und klicken Sie auf OK / Speichern, um das Bild in dem entsprechenden Ordner zu speichern (wie Ihren Standardordner für Bilder).

  6. Wenn die Image-Tag Hilfen-Attribute Dialogfeld angezeigt wird, geben in einer kurzen, kurze Beschreibung für das Bild (wie Mann auf dem Fahrrad).

    Das neue Bild wird platziert und ein kleines Symbol erscheint in der linken oberen Ecke. Das Smart-Objekt-Anzeige zeigt zwei grüne Pfeile, was darauf hinweist, dass das Bild auf dem neuesten Stand ist.

Wählen Sie das Bild, das Sie im vorherigen Schritt Liste gesetzt und suchen Sie das Original-Textfeld im Eigenschafteninspektor - Dieses Feld zeigt den Standort der ursprünglichen Photoshop-Datei. Um das Bild zu bearbeiten, können Sie einfach auf Bearbeiten in Photoshop-Taste in der Mitte des Eigenschafteninspektor die Quelldatei in Photoshop zu öffnen.

Menü