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)烈的新衣。