Adobe Photoshop giver dig mulighed for at designe en dynamisk layout, mens Dreamweaver bringer det til livet i HTML kodning . Den eksporterende proces er ikke svært, men det kan være en smule metodisk , da det kræver grundig forberedelse forud for eksport. PhotoShop dokumenter , der almindeligvis omtales som PSD-filer , skal redigeres og oprettes som web enheder og skiver billeder til overførsel til DreamWeaver . Så filen skal importeres til DreamWeaver for HTML kodning. Samlet processen tager cirka 10 til 15 minutter at fuldføre afhængigt af din fortrolighed med PhotoShop værktøjer , funktioner og komponenter. Ting du skal
Adobe PhotoShop PSD-fil
Adobe DreamWeaver
Vis Flere Instruktioner
PhotoShop PSD udskæring og Prep
1
Access Adobe PhotoShop begæring af klikke på dens ikon på skrivebordet .
2
Klik på " Filer" -fanen øverst på skærmen, og vælg "Åbn" indsats for at indlæse PhotoShop PSD fil i programmet.
3
Vælg værktøjslinjen udskæring knap, som viser et billede af en forskærerkniv . (Dette er Udsnitsværktøjet som layout skal skiver for HTML kodning formål. )
4
Trace over dele af layouts at adskille elementer og skabe individuelle stykker af layoutet.
5
Klik på " File "-fanen igen , og vælg " Gem til web og enheder " handling i drop- down listen.
6
Klik på " Gem "knappen i " Web og enheder " vinduet for at skabe en opdateret version af PSD dokument, der vil blive anvendt til HTML kodning i Dreamweaver.
Import til Dreamweaver
7
Åbn Adobe Dreamweaver program fra din computers skrivebord skærm.
8
Klik på " HTML " under "Opret ny " sektion, der vises i " Nyt dokument Setup" vinduet.
9
Find " filer " fanen i nederste højre hjørne af skærmen, og klik på " Desktop post" mappe fane for at se dens sammenbrud menu og undermappe muligheder.
< br > 10
Klik på " Billeder" mappe, som vil blive opført under de stationære punkter , da dette er den mappe placering, der blev oprettet, da du gemte Photoshop PSD -fil med de skivede opdateringer. Denne handling vil importere skåret Photoshop dokumentet i Dreamweaver design platform .
