Code Your PSD Into HTML And CSS Tutorial
by cobblucas
Feel free to download the initial PSD provided for this tutorial and continue along with the steps as I show you how to slice your file and create the HTML and CSS to make a W3 compliant website. You will also have to download the free font Tiza to complete this project. In this tutorial, I will show you how to use the slice tool in Photoshop to cut your PSD file into smaller jpg and gif images for use on the web. I will also show you how to optimize each image for the smallest page size possible online. Once the PSD is cut, we’ll work on creating the html and css files necessary to make the site live online.
