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

完成整個項目所需時間為三個月，其中各項規(guī)劃任務如下表所示：

• 站點的地圖

五、線框圖

（1）首頁布局

?

?

?

?

?

?

?

?

?

?

?

?

（2）單頁布局

?

?

?

?

?

?

?

?

?

?

?

?

?

?

六、設計的規(guī)范?

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

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

?

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

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

布局設計

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

②動態(tài)效果：會在圖片和一些特色小機關上賦予動態(tài)效果，如跳動，閃爍，放大縮小等。

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

七、網(wǎng)頁UI設計

我們將堅持以用戶體驗為中心設計原則，界面直觀、簡潔，操作方便快捷，瀏覽者將對界面上對應的功能一目了然。

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

使用一致的標記、標準縮寫和顏色，顯示信息含義明確。

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

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

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

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

• 主要頁面的詳細設計圖

九、網(wǎng)站測試

（1）測試準備

測試前對被測系統(tǒng)做好以下準備：系統(tǒng)的全面?zhèn)浞荩☉贸绦騻浞荨?shù)據(jù)備份等；記錄測試前系統(tǒng)狀態(tài)；制定應急措施，確保在測試中發(fā)生問題時系統(tǒng)可恢復。測試員應在測試開始前了解網(wǎng)頁的相關情況，對測試的預期結(jié)果應進行準備和預測。測試前要做好真實數(shù)據(jù)的準備工作，并進行系統(tǒng)的數(shù)據(jù)初始化。

（2）用戶界面測試

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

（3）功能測試

主要測試站點中的鏈接等。

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

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

（4）兼容性測試

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

十、網(wǎng)站推廣

• 微信公眾平臺、朋友圈、微博、QQ空間推廣

?

（2）論壇推廣

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

http://www.wxtxxndq.com

http://www.guanjunguanyu.cn

http://www.nuomasilin.cn/

http://www.anlancs.com/