JPEG to CSS in very simple steps

My cousin was struggling with a design given to him in JPEG by the client. He had to develop site in CSS and div. It had to be compatible for all devices and independent of resolution. Suggested him the following steps

• Create slices of the images in Adobe image ready
• Goto File => output settings => HTML
• Set the values required click on next
• Reach Slice output
• Select generate css and click on ok
• Now go to save optimized as option under File
• Choose save as type to HTML & images
• Click on save
• The html page is created as desired

We created all the pages and finished off a site in such a less time. Good going!!!