经营网店的店主都知道，淘宝旺铺装修重点还是在促销区和顶部的店招，淘宝学堂今天给大家带来如何对设计好的图片进行切图，使用Dreamweaver软件把切好的东西变成HTML，并使用于网店。旺铺装修，自己动手DIY，PS切图及HTML代码制作。

接下来我们就来看看如何使用PS切图和HTML代码处理：

打开我们设计好的旺铺促销区，使用“合并拷贝”命令，对齐参考线，我们把促销区切割成一个个小的图片，以便使用在网络店铺。

PS中有个存储WEB格式，是专门用来存储网络图片的，非常使用，请参考下面几步掌握，如何输出GIF和JPG两种网络格式，使用非常形象只管，对应调整参数您就可以看到设置后代文件效果和文档大小，希望大家一定掌握熟练，多使用就明白了。

后期使用Dreamweaver把设计好的旺铺制作为HTML，我们新建一个空白的HTML文件。

Dreamweaver中插入跟PS中一样宽度的表格，然后把我们处理好的图片分别一个个插入。

最后Dreamweaver把我们处理好的促销区的小缩略图插入表格，这样就完成了HTML的制作。

HTML的制作完成后，上传到购买好的特定空照片空间后，然后我们切换到代码区域，把代码拷贝到淘宝的编辑器里就大功告成了。