銳馳家具網(wǎng)站項(xiàng)目規(guī)劃與設(shè)計(jì)目錄一、項(xiàng)目背景 五、線(xiàn)框圖1、主頁(yè)布局LLogo圖片導(dǎo)航登錄注冊(cè)及其他Banner動(dòng)畫(huà)主展示板塊版權(quán)及其他版權(quán)及其他版權(quán)設(shè)計(jì)2、子頁(yè)布局LLogo圖片導(dǎo)航登錄注冊(cè)及其他Banner動(dòng)畫(huà)主展示板塊版權(quán)及其他版權(quán)及其他版權(quán)設(shè)計(jì)六、設(shè)計(jì)規(guī)范及網(wǎng)頁(yè)UI設(shè)計(jì)家具網(wǎng)網(wǎng)站這個(gè)網(wǎng)站是運(yùn)用了HTML靜態(tài)網(wǎng)頁(yè)技術(shù)，和Dreamweaver軟件相結(jié)合實(shí)現(xiàn)的。頁(yè)面間通過(guò)網(wǎng)頁(yè)鏈接，實(shí)現(xiàn)具體所要查找的食品，可以方便用戶(hù)的需要做出選擇，給人們帶來(lái)了極大地方便。1、設(shè)計(jì)愿望當(dāng)用戶(hù)點(diǎn)擊希望去的界面時(shí)，就會(huì)自動(dòng)的鏈接到用戶(hù)希望的那個(gè)網(wǎng)頁(yè)。展現(xiàn)給用戶(hù)相應(yīng)的界面，在每個(gè)界面都會(huì)有這幾個(gè)選項(xiàng)卡，用戶(hù)可以在其中自由的切換。2、確定網(wǎng)站主題建立一個(gè)網(wǎng)站好比寫(xiě)一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來(lái)瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。3、確定網(wǎng)站形象網(wǎng)站形象的設(shè)計(jì)可以從網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體宣傳語(yǔ)等這些方面著手。圖6-1Logo設(shè)計(jì)網(wǎng)站色彩，網(wǎng)站給人的第一印象來(lái)自于視覺(jué)的沖擊，不同的色彩搭配會(huì)產(chǎn)生不同的效果，并可能影響到訪(fǎng)問(wèn)者的情緒?！皹?biāo)準(zhǔn)色彩”指的是能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給人們一種以整體統(tǒng)一的感覺(jué)。我個(gè)人網(wǎng)站的色彩是以橙色為主，黑色的字體和淺色的圖像給人一種舒服的感覺(jué)，仿佛生活在虛幻的世界里。網(wǎng)站字體，和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)題、主菜單的一些特有字體。為了體現(xiàn)網(wǎng)站所特有的風(fēng)格，可以根據(jù)自已的網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。我的個(gè)人網(wǎng)站的標(biāo)準(zhǔn)字體是華文彩體。給人一種沉穩(wěn)而不失俏皮的感覺(jué)。網(wǎng)站視頻，一種強(qiáng)烈的視覺(jué)盛宴，讓人們更好的了解家具網(wǎng)站，深入其境表格布局的過(guò)程：設(shè)計(jì)出框架為800*1000的布局表格，再在表格中添加適當(dāng)?shù)膯卧矜溄釉O(shè)計(jì)制作的過(guò)程：主頁(yè)與五個(gè)子頁(yè)進(jìn)行連接圖片處理的過(guò)程：?jiǎn)卧裨O(shè)定好，圖片大小和單元格同等大小然后添加導(dǎo)航按鈕的設(shè)置等等4、確定網(wǎng)站風(fēng)格風(fēng)格是抽象的，指網(wǎng)站的整體形象給瀏覽者留下的綜合感受。這個(gè)“整體形象”包括網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體、網(wǎng)站的標(biāo)語(yǔ)等許多因素。網(wǎng)站是可以平易近人的、生動(dòng)活潑的，也可以是嚴(yán)肅專(zhuān)業(yè)的。但不管是在色彩、技術(shù)、文字、布局、還是交互方式上，只要能由此讓瀏覽者明確的看出這是你的網(wǎng)站所獨(dú)有的，這就形成了一種風(fēng)格。風(fēng)格是有人性的，它通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式等可以綜合概括出一個(gè)網(wǎng)站的自己的個(gè)性；我的網(wǎng)站風(fēng)格是以舒服為主，給人一種舒舒服服的感覺(jué)。5、確定網(wǎng)站內(nèi)容銳馳家具建立公司網(wǎng)站主要是運(yùn)用電子商務(wù)，一是為了用網(wǎng)絡(luò)這一手段對(duì)公司進(jìn)行宣傳，提高公司的整體形象，二是為了進(jìn)一步開(kāi)拓業(yè)務(wù)市場(chǎng)，是不同地域的客戶(hù)能通過(guò)本網(wǎng)站非常簡(jiǎn)單、方便地選購(gòu)公司的不同商品。網(wǎng)站整體設(shè)計(jì)注重實(shí)用性與觀賞性的結(jié)合，側(cè)重實(shí)用性，突出新穎、簡(jiǎn)單的特點(diǎn)。一個(gè)功能基本完善的公司網(wǎng)站應(yīng)是完全控件式的頁(yè)面布局，使得信息的錄入工作更簡(jiǎn)便。對(duì)新聞，產(chǎn)品的錄入、修改、刪除等操作，都將立即在主頁(yè)的對(duì)應(yīng)欄目顯示出來(lái)，實(shí)現(xiàn)“即時(shí)發(fā)布、即時(shí)見(jiàn)效”。所以至少應(yīng)該具有以下的幾個(gè)網(wǎng)站功能模塊：企業(yè)信息管理企業(yè)信息主要包括公司簡(jiǎn)介、組織結(jié)構(gòu)、公司文化、榮譽(yù)、精神理念?？蛻?hù)可以瀏覽這些信息，管理員則可以通過(guò)后臺(tái)管理系統(tǒng)，及時(shí)的更新企業(yè)信息。企業(yè)產(chǎn)品管理產(chǎn)品類(lèi)別設(shè)置、增加新產(chǎn)品、產(chǎn)品管理、修改產(chǎn)品、產(chǎn)品訂單管理等?？蛻?hù)可以通過(guò)產(chǎn)品展示了解產(chǎn)品信息，并對(duì)有意向的產(chǎn)品填寫(xiě)訂單。管理員則可以通過(guò)后臺(tái)管理系統(tǒng)，及時(shí)發(fā)布新產(chǎn)品，查詢(xún)、修改、刪除原有產(chǎn)品信息；查看、審核客戶(hù)訂單及時(shí)反饋信息。企業(yè)新聞管理公司新聞管理、公司新聞增加、業(yè)內(nèi)資訊管理與增加,可以通過(guò)企業(yè)新聞了解最新或最近公司里所發(fā)生的一些大事。管理員在后臺(tái)可以發(fā)布信息，修改新聞、刪除新聞、查詢(xún)新聞等?？梢园l(fā)布新聞圖片。營(yíng)銷(xiāo)網(wǎng)絡(luò)、客服中心、誠(chéng)邀加盟等營(yíng)銷(xiāo)網(wǎng)絡(luò)、客服中心、誠(chéng)邀加盟這幾個(gè)模塊主要用于宣傳公司企業(yè)文化、樹(shù)立形象一級(jí)方便客戶(hù)與公司聯(lián)系這幾方面。七、主要頁(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ā)生問(wèn)題時(shí)系統(tǒng)可恢復(fù)。測(cè)試員應(yīng)在測(cè)試開(kāi)始前了解網(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、用戶(hù)界面測(cè)試主要測(cè)試導(dǎo)航條、內(nèi)容、顏色、背景、圖像、返回等。3、功能測(cè)試主要測(cè)試站點(diǎn)中的鏈接等。鏈接測(cè)試：目的是檢查各個(gè)URL所聯(lián)接的頁(yè)面是否正確。表單測(cè)試：目的是檢查每個(gè)表單與程序是否正確聯(lián)接，能夠正確地發(fā)送用戶(hù)請(qǐng)求。4、兼容性測(cè)試主要檢驗(yàn)應(yīng)用能否在不同的客戶(hù)端使用。如蘋(píng)果（iOS系統(tǒng)的）用戶(hù)，經(jīng)常使用chrome，F(xiàn)irefox等瀏覽器的用戶(hù)是否都能正常使用。九、網(wǎng)站推廣與維護(hù)1.網(wǎng)站推廣（1）微信公眾平臺(tái)、朋友圈、微博、QQ空間推廣（2）論壇推廣我們可以注冊(cè)幾十個(gè)論壇，每個(gè)論壇注冊(cè)若干個(gè)帳號(hào)，把簽名設(shè)為自己的網(wǎng)站及團(tuán)隊(duì)圖標(biāo)。發(fā)表熱門(mén)內(nèi)容，自己頂自己的帖子。目前我們應(yīng)用的論壇包括校內(nèi)的極速之星、外網(wǎng)的百度貼吧、天涯論壇、豆瓣等等網(wǎng)民較為聚集的地方。（3）電子郵件推廣我們會(huì)像宜家一樣讓用戶(hù)進(jìn)行自愿注冊(cè)會(huì)員，瀏覽者自愿留下他的郵箱地址，定期或不定期的發(fā)布一些電子刊物、會(huì)員通訊、專(zhuān)業(yè)服務(wù)商的電子郵件廣告等?？梢詼p少?gòu)V告對(duì)用戶(hù)的滋擾、增加潛在吸引人群定位的準(zhǔn)確度、增強(qiáng)與客戶(hù)的關(guān)系、提高品牌忠誠(chéng)度等。2、網(wǎng)站維護(hù)網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新，