Wie Photoshop -Dokumente in Dreamweaver exportieren

Mitglieder-Login

InformationenPhotoshop

Wie man ein HDR in Photoshop CS3 Ma… . High Dynamic Range HDR ist die Abkürzung für Ein HDR-Bild ist ein Komposit aus mehreren Aufnahmen
Wie man ein Foto-Karte mit Photosho… Sie könnten die Photoshop -Software, als Teil der Adobe Creative Suite verkauft , als eine Möglichke
Wie man einen Nike Swoosh in Photos… Der Nike Swoosh ist eines der bekanntesten Markenzeichen der Welt. Sofort erkennbar von fast jederma
So erstellen Sie eine 24 X 36 Poste… Am Fotolabors Shops bieten großformatige Drucke , so dass es für jedermann möglich , ihre eigenen Bi

Software

HOME

* Computer Wissen >> Software >> Photoshop >> .

Wie Photoshop -Dokumente in Dreamweaver exportieren

Adobe Photoshop können Sie ein dynamisches Layout entwerfen , während Dreamweaver bringt sie zum Leben in HTML -Codierung. Der ausführende Prozess ist nicht schwierig, aber es kann ein wenig methodisch, wie es detaillierte Vorbereitung erfordert vor Export. Photoshop-Dokumente , die gemeinhin als PSD-Dateien bezeichnet , muss bearbeitet werden und als Web-Geräte und in Scheiben geschnitten , um Bilder für die Übertragung DreamWeaver gesetzt . Dann muss die Datei in Dreamweaver für HTML-Codierung importiert werden. Insgesamt ist der Prozess dauert etwa 10 bis 15 Minuten je nach Vertrautheit mit Photoshop-Werkzeugen , Funktionen und Komponenten abzuschließen. Things You
Adobe PhotoShop PSD-Datei
Adobe Dreamweaver
brauchen anzeigen Weitere Anweisungen
Photoshop PSD Slicing und Prep
1

Besuchen Sie das Adobe PhotoShop Antrag Klicken auf das Desktop-Symbol .
2

Klicken Sie auf das Menü "Datei" Reiter am oberen Rand des Bildschirms und wählen Sie " öffnen" , um die Aktion PhotoShop PSD-Datei in die Anwendung laden .

3

Wählen Sie die Symbolleiste Slicing -Taste, die ein Bild von einem Tranchiermesser zeigt . (Dies ist die Slice-Werkzeug , wie das Layout für HTML-Programmierung Zwecke geschnitten werden müssen. )
4

Trace über die Abschnitte der Layouts , um die Elemente zu trennen und für die einzelnen Stücke des Layouts.

5

Klicken Sie auf die Registerkarte "Datei" erneut , und wählen Sie " Speichern für Web und Geräte speichern "-Aktion in der Dropdown- Liste.
6

Klicken Sie auf " Speichern " -Button in der " Web and Devices "-Fenster , um eine aktualisierte Version des PSD -Dokument, das für die HTML-Programmierung in Dreamweaver verwendet werden zu erstellen.
Import in Dreamweaver
7

Öffnen Sie das Adobe Dreamweaver Anwendung von Ihrem Computer-Desktop -Bildschirm.
8

Klicken Sie auf " HTML "-Option unter dem "Neues "-Abschnitt , der in der " New Document Setup" angezeigt wird Fenster .
9

Suchen Sie die Registerkarte "Dateien" in der unteren rechten Ecke des Bildschirms und klicken Sie auf "Desktop Items" -Ordner Registerkarte zu seinem Zusammenbruch Menü und Unterordner Optionen anzuzeigen.

10

Klicken Sie auf den Ordner "Images" , die unter den Desktop-Elemente aufgeführt werden , denn dies ist die Datei , die Ordner erstellt, wenn Sie die Photoshop- PSD -Datei gespeichert mit den in Scheiben geschnittenen Updates wurde . Diese Aktion wird die in Scheiben geschnittene Photoshop-Dokument in die Dreamweaver -Design-Plattform zu importieren.