淘宝美工:[3]如何给切片增加链接
切片做好后,如何给切片增加链接呢!下面小编将“增加链接详解”分享给要的朋友们!GO……
工具/原料
DW
一、将切好的图片上传至图片空间
1、打开任意浏览器,点击“淘宝网”链接;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/edd84743040148fe476464df8fd149299b8802be.jpg)
2、在左上角点击“亲,请登录”链接;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/3852f6e5eceeadbcdc097ec4cd18dfdae53b7bbe.jpg)
3、输入登录帐号及密码;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/03605157935653bb94065d4f1d0b3121046171be.jpg)
4、进入卖家中心的——店铺管理——图片空间;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/04201aa355e983ae9cf1609e68efe078153169be.jpg)
5、点击“上传图片”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/def72c6c576699cf7f7516d7a885e036e3915ebe.jpg)
6、将上次切片的图片打开,并全选快捷键CTRL+A,点击“打开按钮”开始上传图片。
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/e3d059e833e03972b825825eb5863048604356be.jpg)
7、下面有两种增加链接的方法,看看哪种适合你,其实PS中就可以增加链接的,本文就不再演示了。
二、用DW更换地址及链接
1、1、右击用“Adobe Dreamweaver CS5”简称“DW”打开上次切片保存好的“html”文件;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb7b8166bb092b74ee1d324ebe.jpg)
2、点击右侧的一张图片;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/4a594f2c8cf1d8a7b015713046e34b2c57ee47be.jpg)
3、在下边的“源文件”处更换图片的地址;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/874f6275e5f4fcf54e2b037a21d7726b0de2bdbe.jpg)
4、打开你的“图片空间”将相应的图片地址链接复制下来;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/64a62a0f64781423179f4f8aaac2bbd6e0d0b2be.jpg)
5、然后粘贴在“DW源文件”对应的图片地址空格里面;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/6ca98461862541937cce89b0df1bd10ff326abbe.jpg)
6、在增加链接网址或者不填,目标为“-blank”表示在新窗口中打开;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/d04eec260d9a310eaebfd09e31b842406bfea2be.jpg)
7、等整张切片的图片链接更换好后,点击“店铺管理”——“店铺装修”;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/bbf95c406afec3144ee3ac5acac1b727ad539cbe.jpg)
8、在你要增加的切片页面中“添加模块”;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/b666b2530688912c63ece55c1b4800fc76f797be.jpg)
9、选择“添加——自定义内容区”;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/91091efc77f7980e93067ac5d4db3620b83a91be.jpg)
10、打开这个添加的模块,点击“代码”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/423041db3620b93a1caf1971ad0f8835dc8a8abe.jpg)
11、将“DW”更换图片后的代码复制“粘贴”再这里,点击“确定”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/274e9635dd8a59de9221b1b5b370d5413b8c84be.jpg)
12、图片就这样做好了;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/d400248ca608a50f4ada693810cec7f88b77ffbe.jpg)
13、不过这有个“自定义内容区”的标题好像不太好看对吧,点击“编辑”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/c6b994775ddd884c006c16936cef28066a01f6be.jpg)
14、显示标题处:选择不显示,点击“确定“按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/3201a8f39187031c76e696486a86242fa972ecbe.jpg)
15、你看图片就没有再显示标题了呢!或者你可以将标题更改一下它的名称也是可以的;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/359bee5e4a237971043baf6c93196120a6cde3be.jpg)
16、点击“发布”按钮就成功了哦。
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/bab5c45872dade496928b2e226042e6816e9d5be.jpg)
三、在淘宝后台更换地址和链接
1、右击用“记事本”打开上次切片保存好的“html”文件;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/a965c6e9ccd2bb66447ebcf49b2a04e23fa2c6be.jpg)
2、复制这些“代码”;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/a151a233ec3834bb39c89beb8714c27bd3823dbf.jpg)
3、进入卖家中心的“店铺管理”——“店铺装修”;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/b6f0f0f97fbd4c7c1f9405f5b8bad341027d30bf.jpg)
4、在你要增加的切片页面中“添加模块”;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/c8373cbc7dc5cf671e78ecf28e96b814f5d026bf.jpg)
5、选择“添加——自定义内容区”
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/b442d6d246fe474efca40a0bb0ef354f51b81fbf.jpg)
6、打开这个添加的模块,点击“代码”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8db126dc386189c2cf7deb216bf.jpg)
7、将“记事本”的代码“粘贴”再这里,再点击下“代码”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb2963ef798d01b1edef5dc13bf.jpg)
8、在第一个图片中双击“更换图片的空间地址”及添加“链接网址”或者也可以不添加链接的网址;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/cf6d451b1edef4dcef1e2aab45ecd3d968750cbf.jpg)
9、复制图片的空间地址;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/cfadcdd96975f2c4b9be60f78f0148fe1f4206bf.jpg)
10、10、将相应的“图片空间地址”粘贴在“图片地址”处,再添加“链接网址”或者也可以不添加链接的网址,点击“确定”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/054056fe1e425d6b5ff6709d11883913e9e500bf.jpg)
11、一张张的图片地址更换好后,就这样显示了;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/e9a4f2eeadbcbe2f24577fac54dae43b3a8678bf.jpg)
12、不过这有个“自定义内容区”的标题好像不太好看对吧,点击“编辑”按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/3ac71c214f579356389cc194effb960b302170bf.jpg)
13、显示标题处:选择不显示,点击“确定“按钮;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/54a89daee8d7592a95c8d9cc9f31dfb6336c67bf.jpg)
14、你看图片就没有再显示标题了呢!或者你可以将标题更改一下它的名称也是可以的;
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/988e1c532f6323856011db25cce833e038725dbf.jpg)
15、点击“发布”按钮就成功了哦。
![淘宝美工:[3]如何给切片增加链接](https://exp-picture.cdn.bcebos.com/baab2086304861435df371858febf6a75e0f53bf.jpg)