Today we are going to look at converting a PSD design to HTML and CSS. We will use this tutorial on the web as a way to look at it.
Colored Boxes Tutorial
Here is an image of the design used in the tutorial, we will open this in PhotoShop and look at it. You can (should ) use your own design as well.
Part of what the Colored Boxes doesn’t cover too well is slicing the PSD. You can see some more about that here:
There are literally hundreds (thousands?) of tutorials on how to do this. Here are some more links to other tutorials that are mostly show how to turn a specific design into HTML/CSS. Some are long and complicated so I decided to use the simpler one above in class and link to these:
List of PSD to HTML tutorials
VIDEO tutorails, these are screencasts of the process