ps切片后直接记事本生成源码，到底是这样还是去dw里去做，两者的区别在哪?

记事本的话 没有网页的预览 而且要熟记网页的代码 当你做一个代码的时候需要知道这个代码对网页所造成的影像 但是用DW的话 有预览图 还可以直接在预览里面编辑 简单的多

1、打开PS软件

2、打开原本准备好的一张，可以把直接拉到PS中，也可以用菜单栏上的文件工具来打开文件。

3、把缩放到合适的大小，然后选择左手边工具栏上的一把像小刀一样的工具，然后右击，出同三个选择，选择“切片工具”

4、然后鼠标变成小到，在您想切片的地方开始占，然后往左拉或者往下拉，就出会现一个四方形的区域块，这就是您要切除的范围，直到拉到您觉得合适地方为止，小编切了几个案例，分别用了一些颜色来区分开给大家看得更清楚。每一个片块代码一个区域，都会在上面有蓝色数字标识的。

5、保存时，选择文件》存储为WEB和设备所用格式，这是一种专门为网页制作人设置的格式。

6、选择存储。

7、格式类型可根据您的需求来，如果选择HTML类型就会有一个自动生成的网页模式给您看。小编选择了“HTML和图像”

8、根据之前保存的路径，找到该文件夹，然后打开就能看到一张张，就是根据您刚才切片的规格分开存放的

扩展：

切片工具作用：用切片工具把大的分割成自然连接的小图，然后保存为WEB所用格式，就会自动生成一个文件夹，里面按次序存着分割好的，上传后重新组合成一张大图。

1、把images传到空间去。
2、直接打开HTML ，在空白的地方（不是图的上面）单击鼠标右键，源代码，然后全部选中后复制！
3、再在淘宝上添加一个自定义页面，切换到代码模式，然后把代码粘贴进来，然后再切换为可视模式，这个时候你的全部变成了X。
4、鼠标双击，然后就出现一个窗口，上面是链接栏（复制上传到空间的地址粘贴），下面是指向链接栏（复制指向地址粘贴，就是点击这个需要转向到什么地方的链接）。
5、把所有的换完就可以保存了！

---