Adobe Photoshop lar deg designe et dynamisk layout, mens Dreamweaver bringer den til liv i HTML-koding. Den eksporterende prosessen er ikke vanskelig, men det kan være litt metodisk , da det krever detaljert forberedelse før eksport. PhotoShop dokumenter , ofte referert til som PSD-filer , må bli redigert og satt opp som web- enheter og skiver bilder for overføring til DreamWeaver . Deretter filen må importeres til DreamWeaver for HTML-koding. Totalt prosessen , tar ca 10 til 15 minutter å fullføre , avhengig av fortrolighet din med Photoshop verktøy , funksjoner og komponenter . Du trenger
Adobe Photoshop PSD -fil
Adobe DreamWeaver
Vis flere instruksjoner
Photoshop PSD Kutting og Prep
en
Tilgang til Adobe PhotoShop -programmet ved klikke på ikonet på skrivebordet.
2
Klikk på "File "-menyen øverst på skjermen og velge "Open" handling å laste Photoshop PSD -filen i programmet .
3
Velg verktøylinjen kutting knappen , som viser et bilde av en kniv . (Dette er stykket verktøy som oppsettet må være skiver for HTML- koding formål. )
4
Trace over deler av oppsett for å skille elementene og skape individuelle deler av oppsettet .
5
Klikk på " File " fanen igjen , og velg " Lagre for Web og enheter " action i drop -down listen.
6
Klikk på " Lagre "-knappen i" Web and Devices "-vinduet for å lage en oppdatert versjon av PSD dokument som vil bli brukt for HTML-koding i Dreamweaver .
Importere til Dreamweaver
7
Åpne Adobe Dreamweaver programmet fra skrivebordet på datamaskinen skjermen .
8
Klikk på " HTML " under "Opprett ny "-delen som vises i " Nytt dokument Setup" vinduet.
9
Finn " Files "-fanen nederst i høyre hjørne av skjermen og klikker på " Desktop Items "-mappen kategorien for å vise sin kollaps meny og undermapper alternativer.
10
Klikk på "Bilder "-mappen som vil bli oppført under skrivebordet elementer , da dette er filen mappen som ble opprettet da du lagret Photoshop PSD -fil med skiver oppdateringer. Denne handlingen vil importere skiver Photoshop dokumentet i Dreamweaver design plattform .