淘寶美工：[3]如何給切片增加鏈接?

切片做好後，如何給切片增加鏈接呢！下面小編將“增加鏈接詳解”分享給要的朋友們！GO……

工具/原料

DW

一、將切好的圖片上傳至圖片空間

1.1、打開任意瀏覽器，點擊“淘寶網”鏈接；

1.2、在左上角點擊“親，請登錄”鏈接；

1.3、輸入登錄帳號及密碼；

1.4、進入賣家中心的——店鋪管理——圖片空間；

1.5、點擊“上傳圖片”按鈕；

1.6、將上次切片的圖片打開，並全選快捷鍵CTRL+A，點擊“打開按鈕”開始上傳圖片。

下面有兩種增加鏈接的方法，看看哪種適合你，其實PS中就可以增加鏈接的，本文就不再演示了。

二、用DW更換地址及鏈接

2.1、右擊用“Adobe Dreamweaver CS5”簡稱“DW”打開上次切片保存好的“html”文件；

2.2、點擊右側的一張圖片；

2.3、在下邊的“源文件”處更換圖片的地址；

2.4、打開你的“圖片空間”將相應的圖片地址鏈接複製下來；

2.5、然後粘貼在“DW源文件”對應的圖片地址空格里面；

2.6、在增加鏈接網址或者不填，目標為“-blank”表示在新窗口中打開；

2.7、等整張切片的圖片鏈接更換好後，點擊“店鋪管理”——“店鋪裝修”；

2.8、在你要增加的切片頁面中“添加模塊”；

2.9、選擇“添加——自定義內容區”；

2.10、打開這個添加的模塊，點擊“代碼”按鈕；

2.11、將“DW”更換圖片後的代碼複製“粘貼”再這裡，點擊“確定”按鈕；

2.12、圖片就這樣做好了；

2.13、不過這有個“自定義內容區”的標題好像不太好看對吧，點擊“編輯”按鈕；

2.14、顯示標題處：選擇不顯示，點擊“確定“按鈕；

2.15、你看圖片就沒有再顯示標題了呢！或者你可以將標題更改一下它的名稱也是可以的；

2.16、點擊“發佈”按鈕就成功了哦。

三、在淘寶後臺更換地址和鏈接

3.1、右擊用“記事本”打開上次切片保存好的“html”文件；

3.2、複製這些“代碼”；

3.3、進入賣家中心的“店鋪管理”——“店鋪裝修”；

3.4、在你要增加的切片頁面中“添加模塊”；

3.5、選擇“添加——自定義內容區”

3.6、打開這個添加的模塊，點擊“代碼”按鈕；

3.7、將“記事本”的代碼“粘貼”再這裡，再點擊下“代碼”按鈕；

3.8、在第一個圖片中雙擊“更換圖片的空間地址”及添加“鏈接網址”或者也可以不添加鏈接的網址；

3.9、複製圖片的空間地址；

3.10、將相應的“圖片空間地址”粘貼在“圖片地址”處，再添加“鏈接網址”或者也可以不添加鏈接的網址，點擊“確定”按鈕；

3.11、一張張的圖片地址更換好後，就這樣顯示了；

3.12、不過這有個“自定義內容區”的標題好像不太好看對吧，點擊“編輯”按鈕；

3.13、顯示標題處：選擇不顯示，點擊“確定“按鈕；

3.14、你看圖片就沒有再顯示標題了呢！或者你可以將標題更改一下它的名稱也是可以的；

3.15、點擊“發佈”按鈕就成功了哦。