淘宝、阿里巴巴自定义模板简易代码制作

1、首先是要有一个大致的规划，先用PS制作好模板的整体效果的图片，然后用PS自带的切片工具把这张图片切成若干部分，为的是后期能在这些被分切开的部分添加独立的链接

2、为了方便看步骤笔者只切成六个小部分，其中编号1的小图片不放链接，其他五个部分都要放单独的链接。切完后选择切片选择工具，全选六个切片后导出

3、需要注意的是存储导出的时候，选择的是存储为web网页格式 ，点确定

6、会有人问这一大堆的代码看不懂，毕竟不是学网页设计和编程的。别急，我们不需要全部懂，现在窦圆镗辫拆分模式下有一个很方便的功能，我们直接选取右边图片模式下的图片，全选，就可以惊喜的发现左舍膺雕沆边代码模式下会自动选取了一段代码！没错，这一段代码就是代表了右边图片的这些代码，我们只需要它们，其他的没有自动选取的部分不需要用到

9、一一对应位置上传完切片图片，模板就露出真正的面目啦！不过还没有完成操作哦，因为这只是一张图片，还没有属于各部分自己独立的链接。

11、每一个切片都添加完对应需要添加的网址，大功告成！

12、这就是属于自己的简单的代码模板制作，大家快去试一下吧！