4.產(chǎn)品寶貝的切片與加鏈接技巧
完成了全屏海報后,表示我們的裝修已經(jīng)攻克了最困難的問題了。接下來的部分,我們只需要將產(chǎn)品寶貝模塊進行切片上傳以及加鏈接就可以了。以下,讓我們來了解下產(chǎn)品寶貝的切片技巧吧。
在開始之前,我們同樣要先將我們之前切好的產(chǎn)品寶貝主體部分提取出來。在產(chǎn)品寶貝模塊中,我們的寶貝擺放可能會分成幾個甚至十幾個不同的小區(qū)塊。例如,熱銷區(qū),新品區(qū),T恤區(qū),連衣裙區(qū)等等。我們可以先將這些小區(qū)塊分別切出來,然后再按需求,對小區(qū)塊進行切片,效果如下:
在切片的時候,我們一般會將標(biāo)題獨特切出,然后再針對寶貝的不同排布位置,進行切片操作,在切片時,我們可以運用參考先輔助進行。而切片的基本原則是,切片盡量簡單,避免過于復(fù)雜的切片。
切片完成后,我們將切好的圖片上傳到圖片空間上,然后我們打開剛才的HTML文件,將店招圖片的地址按照順序替換成圖片空間的地址。將html代碼中的<table>至</table>部分復(fù)制到新建的“自定義模塊”中,并加上相應(yīng)的寶貝鏈接。在每一個小區(qū)塊上傳的過程中,我們可以在圖片空間新建不同的文件夾存放圖片,方便日后的圖片管理。而每個小區(qū)塊代碼,可以用獨立的自定義模塊,以方面日后修改管理。
5.頁尾的制作
首頁的制作已經(jīng)進入尾聲了,只要進行頁尾的最后制作,我們整個首頁就會完成。頁尾的制作跟之前寶貝的切片差別不大,我們只需要把我們需要加鏈接的模塊,按位置切片,將完成的切片上傳到圖片空間上,并將代碼上傳到預(yù)設(shè)好的頁尾模塊中去,加上我們呢的鏈接就可以了。這里需要注意的是,我們在放置代碼的時候,一定要記得放置在頁尾模塊中,否則其他頁面將顯示不了店鋪的頁尾。而頁面模塊的標(biāo)示很明顯,如下圖:
經(jīng)過以上的介紹,相信大家對首頁的裝修已經(jīng)有了一定的了解。我們只需要通過:布局劃分籌備,全屏店招制作,全屏海報制作,寶貝的切片和頁尾的制作。我們就能完成一個完成自定義的個性首頁。
其實首頁裝修并非我們中那么深奧復(fù)雜,只需要我們有一定的Photoshop基礎(chǔ),以及足夠的耐心與細(xì)心。我們就能將首頁按照我們的想法裝修得美輪美奐,為我們的店鋪換上適合自己,風(fēng)格強烈的新衣。