三、網(wǎng)站建設(shè)日程表

完成整個(gè)項(xiàng)目所需時(shí)間為三個(gè)月，其中各項(xiàng)規(guī)劃任務(wù)如下表所示：

• 站點(diǎn)的地圖

五、線框圖

（1）首頁(yè)布局

?

?

?

?

?

?

?

?

?

?

?

?

（2）單頁(yè)布局

?

?

?

?

?

?

?

?

?

?

?

?

?

?

六、設(shè)計(jì)的規(guī)范?

（1）網(wǎng)站整體色為淺藍(lán)色，??突出主題，顏色沒有過多，過雜，用以避免給人一種雜亂的感覺。版面設(shè)計(jì)十分靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計(jì)。網(wǎng)頁(yè)布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位置的設(shè)計(jì)也是重要的一個(gè)部分，根據(jù)具體內(nèi)容決定大體結(jié)構(gòu)，相同的風(fēng)格調(diào)用CSS設(shè)計(jì)一個(gè)樣式，以保證隨時(shí)、準(zhǔn)確的調(diào)用。另外，為了網(wǎng)頁(yè)布局的協(xié)調(diào)，我加入適當(dāng)?shù)腇lash動(dòng)態(tài)圖片，用以達(dá)到更好的瀏覽效果。

（2）字體：為了美化頁(yè)面，提高視覺效果，使用纖細(xì)，清新的字體，且面包屑、主導(dǎo)航和頁(yè)面上各個(gè)標(biāo)題的字體都統(tǒng)一。

?

（3）圖像：采用貼合游戲氣息的背景，背景盡量少繁復(fù)

• 分辨率：所制作的網(wǎng)頁(yè)將自動(dòng)調(diào)整分辨率以適應(yīng)顯示器分辨率

布局設(shè)計(jì)

①空間的合理利用：在網(wǎng)頁(yè)的上端顯示檢索欄等信息，圖片都先以小圖標(biāo)形式展現(xiàn)，鼠標(biāo)挪動(dòng)致圖片位置將展現(xiàn)細(xì)節(jié)圖，劃過處可進(jìn)一步放大，即節(jié)約了空間，同時(shí)營(yíng)造出一種簡(jiǎn)潔現(xiàn)代的感覺。

②動(dòng)態(tài)效果：會(huì)在圖片和一些特色小機(jī)關(guān)上賦予動(dòng)態(tài)效果，如跳動(dòng)，閃爍，放大縮小等。

③其他附加效果：超鏈接下劃線的顯隱，目錄的跳轉(zhuǎn)，后期可能會(huì)加上音樂

七、網(wǎng)頁(yè)UI設(shè)計(jì)

我們將堅(jiān)持以用戶體驗(yàn)為中心設(shè)計(jì)原則，界面直觀、簡(jiǎn)潔，操作方便快捷，瀏覽者將對(duì)界面上對(duì)應(yīng)的功能一目了然。

保持頁(yè)面內(nèi)元素風(fēng)格，版式一致。

使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色，顯示信息含義明確。

顯示有意義的出錯(cuò)信息，而不是單純的程序錯(cuò)誤代碼。

減持高效地使用顯示器的顯示空間，保持語(yǔ)言的一致性與可選擇性。

我們將遵循瀏覽者從上而下，自左向右瀏覽、操作習(xí)慣，盡量多做“減法”運(yùn)算，將不常用的功能區(qū)塊隱藏，以保持界面的簡(jiǎn)潔。

在頁(yè)面顯眼位置應(yīng)該出現(xiàn)面包屑導(dǎo)航欄，讓用戶知道當(dāng)前所在頁(yè)面的位置，并明確導(dǎo)航結(jié)構(gòu)。并且為頁(yè)面導(dǎo)航加以設(shè)計(jì)規(guī)劃。

• 主要頁(yè)面的詳細(xì)設(shè)計(jì)圖

九、網(wǎng)站測(cè)試

（1）測(cè)試準(zhǔn)備

測(cè)試前對(duì)被測(cè)系統(tǒng)做好以下準(zhǔn)備：系統(tǒng)的全面?zhèn)浞?，包括?yīng)用程序備份、數(shù)據(jù)備份等；記錄測(cè)試前系統(tǒng)狀態(tài)；制定應(yīng)急措施，確保在測(cè)試中發(fā)生問題時(shí)系統(tǒng)可恢復(fù)。測(cè)試員應(yīng)在測(cè)試開始前了解網(wǎng)頁(yè)的相關(guān)情況，對(duì)測(cè)試的預(yù)期結(jié)果應(yīng)進(jìn)行準(zhǔn)備和預(yù)測(cè)。測(cè)試前要做好真實(shí)數(shù)據(jù)的準(zhǔn)備工作，并進(jìn)行系統(tǒng)的數(shù)據(jù)初始化。

（2）用戶界面測(cè)試

主要測(cè)試導(dǎo)航條、內(nèi)容、顏色、背景、圖像、返回等。

（3）功能測(cè)試

主要測(cè)試站點(diǎn)中的鏈接等。

鏈接測(cè)試：目的是檢查各個(gè)URL所聯(lián)接的頁(yè)面是否正確。

表單測(cè)試：目的是檢查每個(gè)表單與程序是否正確聯(lián)接，能夠正確地發(fā)送用戶請(qǐng)求。

（4）兼容性測(cè)試

主要檢驗(yàn)應(yīng)用能否在不同的客戶端使用。如蘋果（iOS系統(tǒng)的）用戶，經(jīng)常使用chrome，F(xiàn)irefox等瀏覽器的用戶是否都能正常使用。

十、網(wǎng)站推廣

• 微信公眾平臺(tái)、朋友圈、微博、QQ空間推廣

?

（2）論壇推廣

我們可以注冊(cè)幾十個(gè)論壇，每個(gè)論壇注冊(cè)若干個(gè)帳號(hào)，把簽名設(shè)為自己的網(wǎng)站及團(tuán)隊(duì)圖標(biāo)。發(fā)表熱門內(nèi)容，自己頂自己的帖子。目前我們應(yīng)用的論壇包括校內(nèi)的極速之星、外網(wǎng)的百度貼吧、天涯論壇、豆瓣等等網(wǎng)民較為聚集的地方。

http://www.wxtxxndq.com

http://www.guanjunguanyu.cn

http://www.nuomasilin.cn/

http://www.anlancs.com/