1、1先用Photoshop做一个网页图片2Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分3使用切片工具，按照绘制的表格划分切片4以上步骤完成后，进行操作“文件”“储存为Web和设备所用格式”，在打开的窗口中。

2、ps中可以在保存时将保存的格式选择为“html和图像”1将图片处理完成后，点击ps顶部菜单栏上的“文件”按钮，在展开的菜单中点击“导出”按钮，然后再点击“存储为Web所用格式”按钮2在弹出的窗口中点击“存储。

3、1打开安装好的ps软件2打开一张图片3将图片切片4找到图片，将图片储存为5进入储存图片界面，设置好之后点击储存6选择格式，图像跟HTML。

4、5选择菜单文件存储为web格式，调出web格式窗口 6点击存储按钮，进入存储窗口 7存储窗口中格式选择Html和图像，所有切片然后保存 8自动生成网页代码文件和图像如图示图片文件夹images和html代码文件。

5、点击 文件存储为Web所用格式，选择自己所需要的点击保存，然后如下图选择即可。

6、在Photoshop里切好一小格一小格后，点菜单“文件存储为WEB所用格式”，也可以按Alt+Ctrl+Shift+S点“存储”，选择一个目录保存，在“保存类型”里选择“HTML和图像”存了后，就可以到这个目录用DW打开这个HTML文件。

7、在PHOTOSHOP点切片完成后，点文件==导出HTML。

8、12点击预设，发现没有html格式3再点击预设下的下拉列表框，发现还是没有html格式此时彻底没辙，因为所有的保存方式都尝试过了，但最终没有发现html存档方式由上述两个实例可以证明Photoshop不支持保存html。

9、1图片切片后，按住CTL+SHIFT+S保存为WEB格式 2文件名任取，格式选择html和图像3images就是存放切片的文件夹，内容不为空。

10、photoshop cs5 将图片储存为html格式的方法是1打开图片，复制图层，关闭背景图层，用“魔术橡皮擦工具”擦除背景2“文件存储为web所用格式存储”，“将优化结果存储为仅限HTML”，保存3打开“我的图片。

11、切片做好之后 点击文件存储为WEB所用格式 然后设置相关参数，比如切片的格式等 然后点击SAVE 选择保存类型为html and image。

12、制作网页的Photoshop方法 网页设计的方法有很多，比如直接写代码可视化软件设计如DreamWeaver用中间软件进行格式转换如Word生成HTML代码网页的PS设计等我们收集整理了关于Photoshop的网页，供大家参考首先用Photoshop。

13、切好图，保存的时候，选择存储为web所用格式，然后点存储，这时候不要急着存，选择存储html和图片，这样存的就是一个页面了，这个页面用dreamweaver打开里面就是相应的代码了，然后再给他们加想要的链接就好了，过程很简单的。

14、图片不会变成html代码的， 只是html引用了 那个图片。

15、文件－－存为Web使用的格式－－存储 保存类型选择下拉选择“HTML和图片”，写入文件名，OK。