淘宝美工：[3]如何给切片增加链接

切片做好后，如何给切片增加链接呢！下面小编将“增加链接详解”分享给要的朋友们！GO……

工具/原料

DW

一、将切好的图片上传至图片空间

1、1.1、打开任意浏览器，点击“淘宝网”链接；

2、1.2、在左上角点击“亲，请登录”链接；

3、1.3、输入登录帐号及密码；

4、1.4、进入卖家中心的——店铺管理——图片空间；

5、1.5、点击“上传图片”按钮；

6、1.6、将上次切片的图片打开，并全选快捷键CTRL+A，点击“打开按钮”开始上传图片。

7、下面有两种增加链接的方法，看看哪种适合你，其实PS中就可以增加链接的，本文就不再演示了。

二、用DW更换地址及链接

1、2.1、右击用“Adobe Dreamweaver CS5”简称“DW”打开上次切片保存好的“html”文件；

2、2.2、点击右侧的一张图片；

3、2.3、在下边的“源文件”处更换图片的地址；

4、2.4、打开你的“图片空间”将相应的图片地址链接复制下来；

5、2.5、然后粘贴在“DW源文件”对应的图片地址空格里面；

6、2.6、在增加链接网址或者不填，目标为“-blank”表示在新窗口中打开；

7、2.7、等整张切片的图片链接更换好后，点击“店铺管理”——“店铺装修”；

8、2.8、在你要增加的切片页面中“添加模块”；

9、2.9、选择“添加——自定义内容区”；

10、2.10、打开这个添加的模块，点击“代码”按钮；

11、2.11、将“DW”更换图片后的代码复制“粘贴”再这里，点击“确定”按钮；

12、2.12、图片就这样做好了；

13、2.13、不过这有个“自定义内容区”的标题好像不太好看对吧，点击“编辑”按钮；

14、2.14、显示标题处：选择不显示，点击“确定“按钮；

15、2.15、你看图片就没有再显示标题了呢！或者你可以将标题更改一下它的名称也是可以的；

16、2.16、点击“发布”按钮就成功了哦。

三、在淘宝后台更换地址和链接

1、3.1、右击用“记事本”打开上次切片保存好的“html”文件；

2、3.2、复制这些“代码”；

3、3.3、进入卖家中心的“店铺管理”——“店铺装修”；

4、3.4、在你要增加的切片页面中“添加模块”；

5、3.5、选择“添加——自定义内容区”

6、3.6、打开这个添加的模块，点击“代码”按钮；

7、3.7、将“记事本”的代码“粘贴”再这里，再点击下“代码”按钮；

8、3.8、在第一个图片中双击“更换图片的空间地址”及添加“链接网址”或者也可以不添加链接的网址；

9、3.9、复制图片的空间地址；

10、3.10、将相应的“图片空间地址”粘贴在“图片地址”处，再添加“链接网址”或者也可以不添加链接的网址，点击“确定”按钮；

11、3.11、一张张的图片地址更换好后，就这样显示了；

12、3.12、不过这有个“自定义内容区”的标题好像不太好看对吧，点击“编辑”按钮；

13、3.13、显示标题处：选择不显示，点击“确定“按钮；

14、3.14、你看图片就没有再显示标题了呢！或者你可以将标题更改一下它的名称也是可以的；

15、3.15、点击“发布”按钮就成功了哦。