4.產(chǎn)品寶貝的切片與加鏈接技巧

完成了全屏海報(bào)后，表示我們的裝修已經(jīng)攻克了最困難的問(wèn)題了。接下來(lái)的部分，我們只需要將產(chǎn)品寶貝模塊進(jìn)行切片上傳以及加鏈接就可以了。以下，讓我們來(lái)了解下產(chǎn)品寶貝的切片技巧吧。

在開(kāi)始之前，我們同樣要先將我們之前切好的產(chǎn)品寶貝主體部分提取出來(lái)。在產(chǎn)品寶貝模塊中，我們的寶貝擺放可能會(huì)分成幾個(gè)甚至十幾個(gè)不同的小區(qū)塊。例如，熱銷(xiāo)區(qū)，新品區(qū)，T恤區(qū)，連衣裙區(qū)等等。我們可以先將這些小區(qū)塊分別切出來(lái)，然后再按需求，對(duì)小區(qū)塊進(jìn)行切片，效果如下：

在切片的時(shí)候，我們一般會(huì)將標(biāo)題獨(dú)特切出，然后再針對(duì)寶貝的不同排布位置，進(jìn)行切片操作，在切片時(shí)，我們可以運(yùn)用參考先輔助進(jìn)行。而切片的基本原則是，切片盡量簡(jiǎn)單，避免過(guò)于復(fù)雜的切片。

切片完成后，我們將切好的圖片上傳到圖片空間上，然后我們打開(kāi)剛才的HTML文件，將店招圖片的地址按照順序替換成圖片空間的地址。將html代碼中的<table>至</table>部分復(fù)制到新建的“自定義模塊”中，并加上相應(yīng)的寶貝鏈接。在每一個(gè)小區(qū)塊上傳的過(guò)程中，我們可以在圖片空間新建不同的文件夾存放圖片，方便日后的圖片管理。而每個(gè)小區(qū)塊代碼,可以用獨(dú)立的自定義模塊，以方面日后修改管理。

5.頁(yè)尾的制作

首頁(yè)的制作已經(jīng)進(jìn)入尾聲了，只要進(jìn)行頁(yè)尾的最后制作，我們整個(gè)首頁(yè)就會(huì)完成。頁(yè)尾的制作跟之前寶貝的切片差別不大，我們只需要把我們需要加鏈接的模塊，按位置切片，將完成的切片上傳到圖片空間上，并將代碼上傳到預(yù)設(shè)好的頁(yè)尾模塊中去，加上我們呢的鏈接就可以了。這里需要注意的是，我們?cè)诜胖么a的時(shí)候，一定要記得放置在頁(yè)尾模塊中，否則其他頁(yè)面將顯示不了店鋪的頁(yè)尾。而頁(yè)面模塊的標(biāo)示很明顯，如下圖：

經(jīng)過(guò)以上的介紹，相信大家對(duì)首頁(yè)的裝修已經(jīng)有了一定的了解。我們只需要通過(guò)：布局劃分籌備，全屏店招制作，全屏海報(bào)制作，寶貝的切片和頁(yè)尾的制作。我們就能完成一個(gè)完成自定義的個(gè)性首頁(yè)。

其實(shí)首頁(yè)裝修并非我們中那么深?yuàn)W復(fù)雜，只需要我們有一定的Photoshop基礎(chǔ)，以及足夠的耐心與細(xì)心。我們就能將首頁(yè)按照我們的想法裝修得美輪美奐，為我們的店鋪換上適合自己，風(fēng)格強(qiáng)烈的新衣。