Adobe Photoshop kan du designa en dynamisk layout , medan Dreamweaver ger den liv i HTML-kodning . Den exporterande process är inte svårt , men det kan vara lite metodisk , eftersom det kräver noggranna förberedelser före export . Photoshop -dokument, som ofta kallas PSD-filer , måste redigeras och ställa upp som webb -enheter och skivade bilder för överföring till Dreamweaver . Då filen måste importeras i Dreamweaver för HTML-kodning . Sammantaget processen tar ungefär 10 till 15 minuter att slutföra beroende på din förtrogenhet med Photoshop verktyg , funktioner och komponenter . Saker du behöver
Adobe Photoshop PSD -fil
Adobe Dreamweaver
Visa fler instruktioner
Photoshop PSD skivning och Prep
1
Tillträde Adobe PhotoShop tillämpningen av klicka på ikonen på skrivbordet .
2
Klicka på " Arkiv " -menyn på fliken längst upp på skärmen och välj " Öppna " för att läsa in Photoshop PSD-fil till programmet .
3
Välj verktygsfält skivning knappen , som visar en bild av en förskärare . ( Detta är segmentverktyget som layouten ska skivas för HTML kodning ändamål . )
4
Trace över de delar av layouter för att separera elementen och skapa enskilda delar av layouten .
5
Klicka på " File " fliken igen , och välj " Spara för webb och enheter " action i listrutan .
6
Klicka på " Spara " -knappen i " Web and Devices " fönstret för att skapa en uppdaterad version av PSD-dokument som kommer att användas för HTML-kodning i Dreamweaver .
Importera till Dreamweaver
7
Öppna Adobe Dreamweaver programmet från datorns skrivbord skärm .
8
Klicka på " HTML " under alternativet " Skapa nytt " avsnitt som visas i " Nytt dokument Setup " fönster .
9
Leta reda på " Files "-fliken i det nedre högra hörnet av skärmen och klicka på " Desktop " mappen på fliken för att visa sin kollaps meny och alternativen undermapp .
10
Klicka på " Bilder " -mappen som kommer att visas under de objekt på skrivbordet , eftersom detta är den fil mapp som skapades när du sparade Photoshop PSD-fil med skivade uppdateringarna . Denna åtgärd kommer att importera den skivade Photoshop-dokument i Dreamweaver designen plattformen .
