How to Convert a Slick PSD Design to XHTML/CSS
Converting a Adobe PSD to a static HTML/CSS page can be quite the hassle, so today I will demonstrate how to go about the process. We are going to take the PSD template below and convert it to a fully XHTML/CSS layout that works in all major browsers (IE6+). The page is essentially broken down to five major sections, each one having its own container wrapping custom content. We will approach this conversion by first writing valid XHTML code then add CSS to make the page resemble the PSD. Lets begin by looking at the PSD and what we want to take from it.
Click on the image to download the psd files for this tutorial.
This entry was posted on Thursday, September 16th, 2010 at 07:06 and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
10 Responses »
Leave a Response
We do love friendly, well-constructed and respective comments. We do not love bitchy, stupid and disrespectful comments. Find something wrong in this post?, feel free to send us a note and we will fix the issue asap.