王尘宇

如何用photoshop输出html网页

1使用工具栏上的“切片工具”2然后在图象上划出一块一块的区域。3使用基于参考线的切片，按ctrl+R调出标尺栏4把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图5将参考线；排好，然后点一下工具栏上的切片工具图表，然后点上面选项栏里的“基于参考线的切片”。

于是在原来的参考线上就变成了一块一块的切片了。

6接下来就可以输出了:①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。②接下来就会弹出一个“将优化结果存储为”的窗口，如图7在“保存类型”处有个下拉列框可以选择，因为我们要存储为网页的格式，所以选择“HTML和图象(* html)”，再选择“保存”就可以输出一个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。8如果我们需要输出“div+css的网页”我们还可以这么做：在“设置”处的下拉列框，选择“其他”9就会弹出一个“输出设置”的窗口10在第2个下拉列框处选择“切片”11选择“生成CSS”12单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。

ps如何切图成HTML页面希望给一个详细流程操作

1、在AdobePhotoshopCC中打开设计好的PS图片文件 2、按键盘快捷键Ctrl+R调出参考线功能 3、在标尺上按住鼠标左键拉出辅助线到相应位置 4、选择切片工具，或键盘快捷键C，激活切片功能；点击基于参考线的切片，软件自动将辅助线条之间分割成若干切片（注：放大检查辅助线位置会更精准） 5、选择菜单【文件】>存储为web格式，调出web格式窗口 6、点击【存储】按钮，进入存储窗口 7、存储窗口中格式选择Html和图像，所有切片；然后保存 8、自动生成网页代码文件和图像；如图示：图片文件夹images和html代码文件。

Ps切片功能怎么导出HTML然后做成代码啊

切完图以后，点文件-存储为web设备所用格式，然后导出一个image和html两个东西，image文件是所有切的图，html是以网页形式的展现形式，点开html然后在浏览器的抬头上，有个“查看”--“查看源文件”（源文件就是代码集）复制，这个代码就是你要的代码。还有一个问题，比如你要做网页你要先把所有切片图上传到服务器，得到路径，把本地路径改成服务器路径就行了。

如果你不懂，最好用dreamweaver来傻瓜操作吧。

我是新手，怎样在ps中把psd文件变成html文件呢？

在Photoshop里不能将文件保存为.html格式，因为软件内没有封装该格式保存类型。 下面就用两个实例来证明推论的正确性。

实例一：用存储为方式来保存为网页文件。

1.打开任意图片，点击文件-存储为。 2.点击格式下拉列表，发现没有.html格式，只能放弃保存.html格式操作。 实例二：用存储为 Web 所有格式来保存为网页文件。 1. 2.点击预设，发现没有.html格式。

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

ps里面的用切片工具切好图后,怎样保存为HTML格式?

文件——储存为WEB所用格式不要用这个东西偷懒，因为虽然能导出为HTML，但是添加和修改起来有点麻烦。最好是自己布局。

当然，如果只是简单的页面，或者内容比较少，可以直接导出HTML。

PS CS4怎么导出HTML的格式啊~？？？？

PS CS4是专门进行图形图像处理的，不能导出HTML，但你可以转换到ImageRead导出来。当然，在PS中设计好页面，切片后在DW中“组合”也是一种好办法。