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

2025-05-22 14:49:46

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

工具/原料

DW

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

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

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

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

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

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

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

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

二、用DW更换地址及链接

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

13、3.13、显示标题处:选择不显示,点击“确定“按钮;

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

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

淘宝美工:[3]如何给切片增加链接
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢