23. november 2010 - 12:03Der er
9 kommentarer og 2 løsninger
Hvordan laver jeg webdesign i Photoshop?
Hej Jeg har hørt, at man kan designe websider i Photoshop. Hvordan designer man ens hjemmesider i Photoshop? Skal man klippe ens webdesign ud i mindre billeder eller hvad gør man?
Der skal vel også tilføjes noget html og css til ens webdesign, hvordan gør man det? Skal man eksportere ens webdesign fra Photoshop til dreamweaver eller hvad gør man?
Det kan gøres på flere forskellige måder. Jeg gør gerne sodan her:
Jeg designer hele "hjemmesiden" som et billed i den opløsning det nu skal optimeres til
Herefter gemmer jeg til web og enheder (et valg du får nor du skal gemme dit "Billede"
Sørg for at vælge HTML og billeder nor du har klikket gem,
Herefter laver photoshop en "hjemmeside"med nødvendig grafik og alt.
Denne hjemmeside åbnes derefter i en editor og optimeres/ændres/omkodes så den bliver hurtigere og mere effektiv. Det er dette sidste arbejde der er udfordringen
Jeg er godt klar over, at hvis jeg bare skal designe en banner, så laver jeg den i Photoshop og også bagefter indsætter den i min html/css kode.
Så som jeg ikke helt forstår er, hvordan jeg laver hele mit webdesign i Photoshop, så det kan eksporteres til Dreamweaver. Her tænker jeg på, hvordan laver man søgefelter, formularer og navigationsbar? Da det kun er billeder i Photoshop, hvordan får jeg det laver sådan, at man kan skrive noget i et søgefelt?
Hmmm Det mener jeg ikke du kan, jeg har selv kun lavet det grafiske outlook af siderne som photoshop så generere med HTML og grafik der er skåret op så det passer, men alt dynamikken g indhold laver jeg efterfølgende i en html editor. Jeg bruger så at sige kun photoshop til den indledningsvise grafiske skabelon til siderne
Jeg har lavet en youtube video der handler om det du skriver. Jeg ved ikke om du vil se den! Men den kan hjælpe dig på vej, part 2 er ikke uploadet endnu men den behøver du hellere ikke!
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.