说到店铺装修，肯定不是每位卖家都懂！最少对于新手来说，不懂得店铺装修的大有人在，是吧？其实，店铺装修也不是件很困难的事情，对于中小卖家来说，店铺装修过程中用到最多一般是切片和代码，今天开淘小编就来跟大家说说怎样使用切片和代码。

　　需要用到切片和代码的一般有两个软件，一个是photoshop，另一个是dreamwear ，下面教程的展示是CS6版本的。
　　一、首先说一下photoshop的使用吧！

　　1）先切图，用最简便的方式在图片上面拉出参考线，如下图

　　2）选择切片工具

　　3）选择基于参考线切片

　　4）选择基于参考线切片之后效果如下：

　　上面那个大图被切成了2个，太多了，现在需要给合并起来，用组合切片工具来实现。

　　5）选择切片选择工具：

　　选择第一个切片的时候会出现黄色的边框，然后按着Shift选择第二个切片，同时出现黄框，之后右键出现组合切片，完成组合。

　　完成组合之后效果如下：

　　现在上面的大图就变成了一个切片。

　　现在切片都切好并且按着自己的方式已经组合完毕，就可以导出图片和代码文件了。选择文件，储存为web格式：

　　选择所有切片，并且格式设置为jpg，若需要透明图片的话可以选择png格式，质量80即可。

　　之后选择存储。

　　设置如下图所示：

　　文件名尽量设置一个可以识别的，有意义的名字，格式选择html和图像，切片选择所有切片，之后点击保存即可。

　　保存之后出现上述文件。

　　images里面的图片就是咱们刚才切的图。

　　到这里photoshop已经用完了，下面就开始使用dreamwear来编辑代码。

　　二、dreamwear来编辑代码

　　先登录淘宝账号进入卖家中心点击图片空间上传图片

　　

　　选择适合自己的图片上传方式上传图片。

　　

　　点击立即上传即可。上传之后就是使用dreamwear代码了。

　　打开之前生成的html文件

　　打开设计视图。

　　选择其中的图片，在下面属性里面看到如图效果（如果没有出现属性，可以在视图里面找到属性点击即可）

　　之后进入淘宝图片空间找到对应图片，点击链接

　　现在已经给图片地址复制下来了。然后进入dreamwear给地址粘贴到属性下面地址当中，如图所示：

　　这个就给图片换好了，其他图片也是一样的步骤。如果需要给图片加链接，在属性里面那个链接的地方添加需要添加的链接即可。这些都添加完成之后在dreamwear　　中点击代码模式，给里面的代码全部复制下来。

　　之后进入淘宝后台店铺装修页面，在自定义模块里面点击源码方式，给刚才复制的代码粘贴上面即可。

　　到此就完成了基本的装修。
　　更多店铺装修知识分享和免费模板，请登陆装修网（http://zx./）！