
PSD to HTML/CSS: Design, Slice & Code!October 4, 2010 in Coding Tutorials, Photoshop Tutorials20Share0diggLearn how to design, slice and code your own Photoshop layout in Photoshop and Dreamweaver.DesignFollow this tutorial to design the layout for this lesson.Slice1. Open up the design in photoshop and remove the text (eg. Menu text, content text, sidebar text). We will be saving these sections of the layout:2. Grab the slice tool and slice the sections of the sections I have highlighted above. Next go into File > Save for Web & Devices. Once in the web & Devices new window double-click on each slic