These instructions don't work. I have Adobe Photoshop CS4 Extended, and that's what I searched for to find this page, but the instructions are probably ripped off from someone else without testing. I wonder if they might be for some other product.-

I read over this and had to do some extra research to understand it. This isn't however a difficult thing to learn.

First you must understand the Slice tool. What it does? The Slice tool might be replaced with the crop tool, just right click the icon to select a new tool. When you are ready, set you guides as if you were drawing the tables of a HTML file. Then use the Slice tool to draw boxes within the guides. These boxes will become actual cells in a table. When you are happy with your boxes use the above mentioned method to save for web: ("Ctrl" + "Alt" + "Shift" + "S" or goto File >> Save for Web)

Next you will adjust your image qualities and other properties and hit save. That will bring up a new window. At the bottom (in CS4) There is a menu labled "Save as type" Select "HTML and images" Then BAM!! it saves an HTML file with all your images at web quality and filesize with a seperate image directory.

Hope that sheds light on this issue =)

Kevin - Your tip - "Save as type: HTML and Images (*.Html)" was like the holy grail.  I have been trying to figure out how to save a working HTML file using Photoshop for a couple of months - with no success.  Yours was the tip that made everything work.

Thanks a million.

I don't get how to put it on my website. I use Piczo. How do I view the HTML code of the picture? Or just how do I get it on my site? I tried making an HTML code to view it by right-clicking and then checking the properties but it didn't work. The code  used: <img src="file:///C:/Users/Ruixin%20WANG.RuixinWANG-PC/Pictures/101/images/layout1_06.Gif"> Did I do it right? 

hallo there,

I have one question for you,please help.

I make a rollover in photoshop cs and I want to create to frontpage 2003 but doesnt work. How to resolve the problem please send your answer to my e-mail address.

Regards,

I have designed everything in Photoshop and have done all my slices, but my main problem is that when I create no-image or table slices I can't add text in Dreamweaver when trying to edite the HTML file. Is there anyone who can help? Basically after designing my layout in Photoshop and save the HTML file and the GIF slices, I want to be able to edit the HTML file in Dreamweaver, I.E have slices that are reserved for text.

Replying to (G)Noris Mdluli u need to select the cell where u want the text to go (or html/php code) in dream weaver, cut the graphic make it a div choose the image u cut as the background image give the size of the div u want (same as image) then u can type your text in there with the same picture as a background to the div tag (cell)Still stuck goto youtube and type in how to export from photo shop to dream weaver

-reply by Santa CLAWS