Konvertere et design fra PSD til HTML

For flere uker siden viste jeg deg hvordan du tar en PSD-design og konverterer den til HTML og CSS. Gitt populariteten til den aktuelle opplæringen, har jeg bestemt meg for å lage en andre serie. Jeg er imidlertid ikke mye av en designer. I stedet spurte jeg Collis om han ville tillate meg å bruke det designet han brukte til en nylig opplæringsveiledning for Web Design Week.

Akkurat som forrige gang, tar jeg deg gjennom prosessen steg for steg - selv gjennom de kjedelige delene. Nyt!

PSD

Den 100% HTML og CSS

Takk igjen til Collis for å la meg bruke hans design for denne ukens screencast. Hvis denne skjermbildet hjalp deg, vennligst gjør oss en tjeneste og abonner på RSS-feed, og / eller legg igjen en kommentar. Ser deg neste uke! :)

Ekstra ressurser

Hvis du er ny for å konvertere PSD til HTML, anbefaler vi en rekke innledende kurs for å få deg raskere med det grunnleggende:

• PSD til HTML: Den Responsive Portfolio Build - av Craig Campbell
• PSD til HTML for designere av Adi Purdila

Hvis du er interessert i å få litt hjelp med din PSD-konverteringskonvertering, har Envato Studio en flott samling PSD til HTML-tjenester som du kanskje vil utforske.