Essential Web Designers Guide on PSD to HTML/CSS
Coding a Layout with XHTML and CSS
This is a tutorial done by erracticwisdom. They do a good job explaining the tutorial, but its forwarded more towards users with a little more experience.
Simple and Clean Portfolio Layout Coding
This is a great tutorial done by hv-designs describing how to code a simple portfolio layout.
Photoshop PSD to HTML – Video Tutorials
If you prefer sitting back and just watch others do the tricks the tutorials presented in this section will suit your needs. Learning how to slice website designs into pieces and convering to HTML is much easier when all the step and tricks are shown on video!
ScreenCast: Converting a Design from PSD to XHTML
Great tutorial provided by NETTUTS. There is an original written tutorial, but this screencast does a great job of explaining all the steps in designing a simple, but beautiful layout. If you prefer to work at your own pace though, the written tutorial comes in handy.
ScreenCast: Converting a Photoshop Mockup
In this 3 Part screencast tutorial you learn how to take your design from Photoshop to your browse in no time.
Convert PSD to HTML – Deviantart
This Tutorial is available on Deviantart. It’s great because it allows you to download the tutorial and view it whenever you like. It will come in handy if your ever in an area without internet access and want to pull up the guide where you are.
How to Convert a PSD to XHTML
Keeping with the theme of screencast this is a great 4 Part tutorial worth a try.
This tutorial consists of the follwing parts.
- Slicing the PSD and Creating the XHTML
- CSS
- Implementing a Bit of Javascript
- Kicking IE6’s Butt
Slice and Dice That PSD!
Recently posted on NETTUTS, this tutorial goes all out with a screencast and written code. The tutorial also utilizes a wonderfully simple design by Joefrey of ThemeForest.
PSD HTML Slicing Tutorial
Here you find two really great and detailed video tutorials.
