2009 17 okt 2009

Från Photoshop-fil till HTML / CSS till WordPress-serien

Screen shot 2009-10-17 at 4.59.04 PM Jag saknar att ha tid att läsa mina dagliga bloggar som jag brukade, men kom över denna fantastiska serie från en av mina favoriter: Chris Coyier, vars en plats CSS-tricks har hjälpt mig oerhört.

I serien han tar dig från design processen att göra en webbsida layout, för att skivning och kodning process - där CSS gör designen kommer till liv. Nästa han tar dig genom processen att integrera denna kod i ett CMS (Content Management System) som WordPress. Detta sätt allt (inlägg, feeds, uppdateringar) är dynamiska och platsen bred. Jag hoppas att du prenumerera på hans RSS-flöde, kolla in hans andra bloggar och njuta av serien.

Jag kommenterade att jag hoppades det var en 4: ai serien att visa oss processen i prepping och kodning fotogalleriet, kontaktformulär, kundvagn och Twitter-feed. Vi har alla att titta in för att se!

Del 1 börjar från absoluta grunden i Photoshop, med bara en förutsättning få resurser från klienten. Vi designar hemsidan och hud för webbplatsen.

Screen shot 2009-10-17 at 4.47.42 PM

Del 2 visar hur man skär upp designen från Photoshop till XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Del 3 visar hur man konverterar den till en WordPress-mall.

Screen shot 2009-10-17 at 4.45.57 PM

Dela