首頁裝修的步驟

在設(shè)計(jì)師為我們設(shè)計(jì)好店鋪首頁以后，還需要把首頁裝修到我們的店鋪上去，才能達(dá)到向客戶展現(xiàn)的效果。以下，讓我們來了解一下首頁裝修的基本步驟吧。

1.布局劃分籌備工作

（1）我們可以將首頁劃分成：店招，海報(bào)，產(chǎn)品寶貝，頁尾，四個(gè)部分。并通過PHOTOSHOP的切片工具劃分切片。我們可以使用輔助線進(jìn)行精準(zhǔn)的劃分。然后，通過“存儲(chǔ)為web所用格式”存儲(chǔ)，我們就得到了四部分獨(dú)立起來的圖片。如下圖：

（2）我們整個(gè)首頁可分為主體部分和背景，主體部分的寬度根據(jù)店鋪性質(zhì)的不同而有著差異。一般來說，集市店的主體不可寬度為950像素，而天貓店則為990像素。在后續(xù)裝修中，我們都需要先將主體部分與背景劃分開來，將背景剪裁，留下主體部分，方便進(jìn)行裝修。

2. 店招切片，上傳與拼接技巧

（1）劃分好模塊以后，我們先從店招開始裝修。通過剪裁，我們得到了店招的主體部分，店招大略可以分為兩部分：店鋪招牌和導(dǎo)航欄部分。導(dǎo)航欄是主要添加加鏈接的地方。我們可以按照加鏈接的需求，對(duì)店招進(jìn)行切片。如下圖：

（2）完成切片后，我們通過“存儲(chǔ)為web所用格式”進(jìn)行存儲(chǔ)，將格式選擇為“HTML和圖像”，我們就能得到各模塊獨(dú)立的圖片與一個(gè)HTML網(wǎng)頁文件了。

（3）我們將切好的圖片通過上圖片空間，然后我們打開剛才的HTML文件，將店招圖片的地址按照順序替換成圖片空間的地址。將html代碼中的<table>至</table>復(fù)制到店鋪的店招上，并加上我們需要的鏈接。

（4）完成第三步后，我們就得到了主體部分的店招了，但我們的店招是全屏1920像素的，該怎么辦呢？我們通過背景拼接達(dá)到1920像素的全屏效果。在新旺鋪中，店招背景圖片的大小限制為200K以內(nèi)，而1920*150像素的店招，只要我們稍微調(diào)節(jié)下圖片的質(zhì)量，基本上不會(huì)超過這個(gè)范圍，所以我們可以把整個(gè)店招的圖片直接當(dāng)作背景。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺(tái),是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來源： 淘寶網(wǎng)店首頁裝修的步驟（上）