教你如何使用PS制作淘寶網(wǎng)店自定義區(qū)的切片分塊鏈接(4)

　　很多賣家對(duì)網(wǎng)頁制作軟件并不熟悉，相對(duì)于dremaweaver軟件來說，懂PS軟件的要多一些，那么，對(duì)于我們從未接觸過網(wǎng)頁制作的一些賣家來說，如何去使用PS來制作自定義區(qū)的廣告圖片切片分塊鏈接呢，那么，優(yōu)優(yōu)老爸將自己所掌握的東西毫無保留的介紹給大家，希望各位都能制作出漂亮的自定義區(qū)，在此祝愿大家生意興隆，全家安康!

　　言歸正傳，Let's GO!

　　一、先要在PS中創(chuàng)建寬度為730像素,高度不限，分辨率為72，顏色為RGB模式的新文檔。

　　二、根據(jù)自己的設(shè)計(jì)風(fēng)格和內(nèi)容，設(shè)計(jì)好相關(guān)的圖片及版式

　　三、點(diǎn)擊工具欄中的切片工具在圖像中根據(jù)自己的需要切成完成的片(越簡(jiǎn)單越好)，方法就是像創(chuàng)建選區(qū)一樣使用切片工具在圖像中框選，本圖我是切了三個(gè)片。(圖片中三個(gè)顏色左上角的01 02 03就是切片名稱)

　　四、為切片創(chuàng)建超級(jí)鏈接(為了方便客戶直接點(diǎn)擊而進(jìn)入產(chǎn)品介紹界面)

　　1、打開產(chǎn)品的頁面，復(fù)制地址。

　　2、回到PS中，使用切片選擇工具雙擊要建立的超級(jí)鏈接的切片。會(huì)彈出切片選項(xiàng)面板

　　3、在URL地址中粘貼剛才復(fù)制的商品頁面地址，并在“目標(biāo)”一欄中輸入_banck 表示“從新窗口中打開頁面”

　　OK，利用相同的辦法，把其它切片也添加相對(duì)應(yīng)的超級(jí)鏈接。

　　五、保存文件。

　　方法：文件菜單----存儲(chǔ)為web所用的格式，--再在彈出的窗口中選擇存儲(chǔ)---注意在格式中選擇“HTML和圖像”格式，如圖所示

　　六、上傳圖片：我們需要將剛才保存的圖片上傳到QQ相冊(cè)里，具體方法如下

　　1、打開QQ空間相冊(cè)點(diǎn)擊上傳(這個(gè)相信大家都知道)，找到保存的圖片：注：當(dāng)我們保存為html和圖像格式后

　　你在保存的地方會(huì)多出兩個(gè)文件，一個(gè)是網(wǎng)頁圖標(biāo)的件，還有一個(gè)是images文件夾，那個(gè)images文件夾里的就是要上傳的圖片，將里面的圖片全部上傳到QQ相冊(cè)里。

　　完成后，打開剛才保存的 html格式的文件，點(diǎn)擊“查看”菜單--選擇“查看源文件”

　　選中“body”到"body"之間的文字符號(hào)，右擊選擇“復(fù)制”

　　七、打開我的拍拍中“店鋪管理”---選擇“自定義區(qū)域”并點(diǎn)擊右側(cè)左上角的“代碼”

　　將剛才復(fù)制的代碼，粘貼到第一行或最后一行(注：如粘貼到第一行，則該圖片會(huì)在最上面顯示，如粘貼到結(jié)尾，則在最下面顯示)

　　再次點(diǎn)擊“代碼”切換至圖像編輯狀態(tài)。

　　此時(shí)，加入的圖片是不能顯示的。圖片顯示紅叉，如圖所示

　　好，最后，打開QQ空間相冊(cè)，打開剛保存的圖片右擊選擇屬性，把URL地址復(fù)制一下。

　　切換到店鋪?zhàn)远x區(qū)域，右擊不能顯示的圖片，選擇屬性，然后選擇地址，把剛才QQ相冊(cè)里的圖片地址粘貼一下，圖片就可以顯示啦，您試一下，看可以了嗎。?

　　打完收功，保存即可。各位試一下吧，如果不行，可以到論壇提問:http://bbs.16xx8.com !謝謝。