Konvertere PSD til xHTML

[staygold]

Hei!

Jeg har akkurat startet et lite enkeltmannsforetak innenfor grafisk design. Jeg har stor interesse for websider og webdesign og ønsker å kunne levere dette til kunder i nær fremtid. Jeg har lest en del om xhtml og css. Html føler jeg at jeg behersker til en liten viss grad, og så fort jeg får gått litt dypere inn i css kommer nok dette også etterhvert Problemet er bare at alle bøker jeg kommer over tar utgangspunkt i at man kun bruker html og css for å designe siden. Jeg har prøvd å finne bøker og sider på nett som forklarer og/eller lærer bort dette, men havner som regel på en eller annen tutorial side som gjør alt arbeidet for deg uten å forklare hvorfor eller hvordan.

Tenkte kanskje at det var noen her inne som kunne styre meg i riktig retning. Kanskje i form av en god bok som tar for seg dette? Inntil videre har jeg bestillt meg "Web Development and Design Foundations with XHTML, 5th Edition" og håper på litt ålreit lesning der

Takk på forhånd for alle svar !

Edit.

Jeg kan jo legge til at jeg har fiklet litt med joomla di siste månedene, men synes også dette virker gresk i forhold til det å designe en personlig side i ps, for så å få den som joomla theme.

 

[Stein Ove Helset]

Hei,
tror du skal se langt etter noe som konverterer PSD til Xhtml.
W3Schools Online Web Tutorials, her kan du lese om (x)html og css. Skal du drive med noen form for utvikling er det viktig at du kan dette godt.

Før du begynne å tukle noe med joomla hadde jeg ville lært meg html og css ganske godt først. Og muligens ville jeg heller valgt å begynne med Wordpress, det er mye enklere å komme i gang med. Når du kan html og css kan du begynne å utvikle themes til WP.

Joomla er forsåvidt veldig bra, men det er litt avansert og ikke fullt så enkelt å komme i gang med.

 

[staygold]

Takk for svar

Håper du ikke misforstod. Jeg leter ikke etter noe som konverterer psd til html. Men snarere lesestoff om hvordan man selv gjør denne prosessen. Jeg er ikke ute etter noe hurtigløsning

Jeg har allerede lest ut et par bøker jeg syntes var veldig gode som handlet om html og css. Mange flotte eksempler og oppgaver. Men det kan nok da tenkes at jeg rett og slett ikke har fått nok kunnskap. Og at jeg kommer til å forstå sammenhengen mellom design i ps og css/html bedre når jeg får det litt mere under fingrene.

 

[Stein Ove Helset]

Okei, skjønner
Jeg begynte å lure litt

Uansett, for å konvertere psd til html må du enkelt og greit klippe ut det vil ha av psden og lime det inn i et bilde. For eksempel logo, rammer, knapper og lignende du trenger.
Så lager du til et element, f.eks:
<div class="header">
<img src="images/logo.png" alt="Logo" />
</div>

Så definerer du i css bredde, høyde, bakgrunn bak logo og lignende. Mye av det som er i PSDen må du lage til i html/css.

 

[agrimsrud]

En vanlig "feil" mange gjør er å lage et utkast i PS og så forsøke å eksportere/konvertere selve utkastet til HTML/CSS. Da står en gjerne igjen med mye unødvendig bildebruk som gjør nettsiden unødvendig tung å laste inn.

Mitt tips er først å lage et utkast i PS, for deretter å lage det samme fra bunnen i HTML/CSS. Så går du inn i PS og henter ut grafikkelementer når du kommer over elementer på nettsiden som krever det (bakgrunnsbilder, logoer, dotter og dingser). Det vil nok være vanskelig i starten om du ønsker å beregne pixel-perfekt, men det kommer med litt trening!

 

[Stein Ove Helset]

Jepp, det var litt bedre forklart enn det jeg gjor. (Y)

 

[Pong]

Layers som du finner i PS kan du også bruke på nettet. For å kunne konvertere på en fornuftig måte er det derfor greit å forstå hvordan css fungerer og hva du "kan" med det.

Ellers synes jeg selv at en design er mer verdt enn konverteringen av en PSD til HTML/CSS. Konverteringsjobben krever lite inspirasjon og (så å si) ingen kjennskap til kultur og samfunn - og det er dermed en lett jobb å kjøpe inn fra lavkostland.

 

[zapotek]

En vanlig "feil" mange gjør er å lage et utkast i PS og så forsøke å eksportere/konvertere selve utkastet til HTML/CSS. Da står en gjerne igjen med mye unødvendig bildebruk som gjør nettsiden unødvendig tung å laste inn.

Mitt tips er først å lage et utkast i PS, for deretter å lage det samme fra bunnen i HTML/CSS. Så går du inn i PS og henter ut grafikkelementer når du kommer over elementer på nettsiden som krever det (bakgrunnsbilder, logoer, dotter og dingser). Det vil nok være vanskelig i starten om du ønsker å beregne pixel-perfekt, men det kommer med litt trening!

110% enig.

 

[staygold]

Takk for mange gode svar! Prosessen virker jo veldig slik jeg hadde sett for meg. Her gjelder det vel å bare lære mere html/css og eksprimentere seg frem

 

[staygold]

Ellers synes jeg selv at en design er mer verdt enn konverteringen av en PSD til HTML/CSS. Konverteringsjobben krever lite inspirasjon og (så å si) ingen kjennskap til kultur og samfunn - og det er dermed en lett jobb å kjøpe inn fra lavkostland.

Noen som kan anbefale noen?

 

[hansson]

Til trådstarter - hvis du skal gjøre det selv er dette god lesning: How to Create a Wordpress Theme from Scratch | Nettuts+

 

[staygold]

Takk for det! Skal kikke gjennom det litt senere! Sitter forresten å venter spent på boka jeg har bestilt "Web Development and Design Foundations with XHTML". Noen som har lest denne?

 

[hansson]

Er det noe jeg ikke leser bøker om er det webutvikling osv. Ting endrer seg så kjapt at det ofte er utdatert informasjon du får tilgang til. Dessuten finnes den beste informasjonen på akkurat dette fagfeltet gratis og på nett. Hvordan sjekker du om det du leser i boka faktisk er gangbare løsninger i 2011? Da må du google det, og da finner du svar du kan sammenligne, og kommentarer som melder fra hvis noe er ukurant, osv.

 

[staygold]

Ja, er alltid det som er litt av problemet med slike bøker. Jeg har hvertfall plukket opp den nyeste utgaven, så får jeg heller gjøre som du sier. Å oppdatere meg på google