一、項(xiàng)目目標(biāo)
1.1 網(wǎng)站目標(biāo)
網(wǎng)絡(luò)憑借其卓越的互動(dòng)性與便捷的交流手段正成為最有發(fā)展?jié)摿εc前途的新興媒體，
企業(yè)官網(wǎng)設(shè)計(jì)成為眾商家倍為關(guān)注的宣傳熱點(diǎn)。許多行業(yè)的先鋒企業(yè)都已經(jīng)采用互聯(lián)網(wǎng)技術(shù)，為客戶、合作伙伴在網(wǎng)上提供信息服務(wù)，并且借助互聯(lián)網(wǎng)，敏銳的捕捉商機(jī)。
作為專業(yè)從事建材配送行業(yè)的大型企業(yè)，***建材配送有限公司更需要建設(shè)好網(wǎng)站，將其作為對(duì)外宣傳、服務(wù)和交流的載體，來(lái)配合公司的迅速發(fā)展，使網(wǎng)站具有鮮明的行業(yè)特色，使更多的企業(yè)通過(guò)網(wǎng)絡(luò)來(lái)結(jié)盟***建材配送有限公司，使更多的客戶通過(guò)網(wǎng)絡(luò)來(lái)了解***建材配送有限公司。
2.1 網(wǎng)站設(shè)計(jì)風(fēng)格
Goobai.com將充分發(fā)揮網(wǎng)站策劃和建設(shè)開(kāi)發(fā)的優(yōu)勢(shì)，在開(kāi)發(fā)建設(shè)***建材配送有限公司網(wǎng)站中將嚴(yán)格遵循以下原則：
1．在設(shè)計(jì)上：精美與高效兼顧。網(wǎng)站頁(yè)面設(shè)計(jì)體現(xiàn)***建材配送有限公司的大型企業(yè)形象，在框架編排、色彩搭配以及Flash動(dòng)畫(huà)的適當(dāng)穿插都做到恰到好處，使整個(gè)網(wǎng)站在保證功能的前提下給瀏覽者帶來(lái)良好的視覺(jué)享受和時(shí)代動(dòng)感。
2．在網(wǎng)站功能上：充分體現(xiàn)網(wǎng)站的互動(dòng)性，并且采用多種機(jī)制提醒網(wǎng)站管理人員，便于網(wǎng)管和相關(guān)人員及時(shí)響應(yīng)。并且特別注重網(wǎng)站的安全和穩(wěn)定，采用網(wǎng)絡(luò)安全、系統(tǒng)登錄安全、各分系統(tǒng)安全、分系統(tǒng)模塊安全、會(huì)話期間安全等多種方式確保安全。采用先進(jìn)的3層結(jié)構(gòu)的編程方式使網(wǎng)站即使在極多訪問(wèn)量的情況下仍能保持穩(wěn)定。
3．在網(wǎng)站維護(hù)和后續(xù)擴(kuò)展上：Goobai.com提供專門的網(wǎng)站維護(hù)后臺(tái)，網(wǎng)站管理員可以很方便的借助這個(gè)平臺(tái)維護(hù)整個(gè)網(wǎng)站。Goobai.com在規(guī)劃網(wǎng)站之初，就會(huì)將功能模塊框架搭建得很大而且易于擴(kuò)展，以后增加新的功能和模塊都會(huì)非常方便，降低二次開(kāi)發(fā)成本。另外，對(duì)于以靜態(tài)和FLASH展示的頁(yè)面，考慮到頁(yè)面的精美要求，Goobai.com手工維護(hù)。
二 網(wǎng)站整體結(jié)構(gòu)
2.1 網(wǎng)站欄目結(jié)構(gòu)圖
2.2 欄目說(shuō)明
***建材配送有限公司網(wǎng)站欄目結(jié)構(gòu)如上圖所示。欄目規(guī)劃充分考慮到上海滬通公司展示企業(yè)形象、擴(kuò)大知名度、網(wǎng)上營(yíng)銷的需要。整合了“公司動(dòng)態(tài)”，“建材超市”，“客戶服務(wù)”，“團(tuán)購(gòu)”，“裝修D(zhuǎn)IY”，“人才招聘”，“***論壇”等動(dòng)態(tài)模塊。既極大增加了網(wǎng)站的功能，又體現(xiàn)了***的企業(yè)實(shí)力，使***建材配送有限公司為更多的行業(yè)客戶所矚目。
2.21 首頁(yè)
?采用動(dòng)態(tài)ASP動(dòng)態(tài)頁(yè)面，主要顯示最新動(dòng)態(tài)信息（自動(dòng)從公司動(dòng)態(tài)中提?。?、促銷產(chǎn)品（管理員后臺(tái)發(fā)布）、推薦產(chǎn)品（管理員后臺(tái)發(fā)布），最新招聘信息（自動(dòng)從人才招聘中提?。┑?。網(wǎng)管在后臺(tái)可以動(dòng)態(tài)更新首頁(yè)的內(nèi)容。瀏覽者一進(jìn)入首頁(yè)就能夠了解整個(gè)網(wǎng)站的最新更新和公司的最新活動(dòng)，給瀏覽者耳目一新的感覺(jué)，吸引瀏覽者經(jīng)常訪問(wèn)***網(wǎng)站。
下圖為首頁(yè)的功能結(jié)構(gòu)圖（實(shí)際設(shè)計(jì)稿依美觀、實(shí)用設(shè)計(jì)），只要客戶一進(jìn)入***的首頁(yè)，就會(huì)彈出“L”，瀏覽這就可以通過(guò)這個(gè)工具在線交流。
?2.22 L
l是網(wǎng)站管理員和網(wǎng)站瀏覽者直接交流的最好的工具。只要用戶一打開(kāi)***的網(wǎng)站，就會(huì)彈出L的交流窗口，如果是***網(wǎng)站會(huì)員的話，還可以選擇自動(dòng)登錄，這樣每次登錄***網(wǎng)站的時(shí)候就自動(dòng)在線了。
對(duì)于在網(wǎng)上直接進(jìn)行電子商務(wù)活動(dòng)的個(gè)人和公司，這可以看成是一種新的營(yíng)銷利器。
其運(yùn)行界面及功能簡(jiǎn)介如下圖所示：
雙擊網(wǎng)友頭像，彈出對(duì)話窗口，就可以同網(wǎng)友進(jìn)行在線交流了。如下圖所示：
2.23 手機(jī)短信
手機(jī)短信功能是***網(wǎng)站的一個(gè)特色功能，通過(guò)這個(gè)模塊，管理員可以將手機(jī)短信息迅速發(fā)送給每一個(gè)用戶。管理員界面及功能說(shuō)明如下圖所示：
各個(gè)管理功能如下圖所示：
此功能只對(duì)***網(wǎng)站管理員開(kāi)放，網(wǎng)管需登錄后才能使用此功能。
2.24 演示廳
運(yùn)用360o全景技術(shù)，展示***的產(chǎn)品展示大廳，給瀏覽者一種身臨其境的感覺(jué)，如下圖所示：
2.25 公司信息
本欄目包括“公司介紹”、“董事長(zhǎng)致辭”、“發(fā)展歷程”、“經(jīng)營(yíng)范圍”、“商業(yè)機(jī)會(huì)”，“組織機(jī)構(gòu)”，“企業(yè)文化”七個(gè)板塊，都屬于靜態(tài)頁(yè)面，其主要功能是宣傳企業(yè)，通過(guò)對(duì)的基本情況、文化理念、服務(wù)的了解，使***為更多客戶所熟悉、信賴。
在表現(xiàn)形式上，Goobai.com將憑借自己的設(shè)計(jì)、技術(shù)優(yōu)勢(shì)，采用多種靈活、生動(dòng)的技術(shù)手段，將***的企業(yè)形象予以最好的傳達(dá)。
·公司簡(jiǎn)介
對(duì)公司的地理位置、規(guī)模、經(jīng)營(yíng)范圍、運(yùn)行狀況等情況作簡(jiǎn)要介紹。還可以在此處插入公司介紹的視頻剪輯，使整個(gè)頁(yè)面更加形象生動(dòng)，提高企業(yè)的整體形象。
·董事長(zhǎng)致辭
董事長(zhǎng)的新年致辭、對(duì)廣大客戶的問(wèn)候語(yǔ)、公司的發(fā)展計(jì)劃目標(biāo)等。展示領(lǐng)導(dǎo)風(fēng)采，提升企業(yè)形象。可在此處插入董事長(zhǎng)講話的視頻剪輯。
·發(fā)展歷程
***從建立之初到如今的高速發(fā)展所經(jīng)歷的輝煌歷史。通過(guò)對(duì)***發(fā)展歷程的了解使人感受到***蓬勃的生機(jī)和廣闊的前景。
·經(jīng)營(yíng)范圍
企業(yè)所經(jīng)營(yíng)的產(chǎn)品、提供的服務(wù)。
·商業(yè)機(jī)會(huì)
??? 展示***建材配送有限公司在軟、硬件方面的實(shí)力及投入，為各大品牌生產(chǎn)供應(yīng)商創(chuàng)造商業(yè)機(jī)會(huì)。
·組織機(jī)構(gòu)
企業(yè)的管理機(jī)構(gòu)樹(shù)狀圖或管理層結(jié)構(gòu)圖，點(diǎn)擊相關(guān)部門圖片可以彈出該部門管理者的相關(guān)信息，如聯(lián)系人、聯(lián)系方式、部門介紹等。讓訪問(wèn)者能夠很清楚的了解公司的組織結(jié)構(gòu)，進(jìn)而方便企業(yè)和客戶間的溝通。如下圖：
·企業(yè)文化
??? 體現(xiàn)企業(yè)成員的思想觀念、思維方式、行為方式以及企業(yè)規(guī)范、企業(yè)生存氛圍，體現(xiàn)***的精神風(fēng)貌。
2.26 公司動(dòng)態(tài)
這是一個(gè)動(dòng)態(tài)模塊，網(wǎng)站管理員可以通過(guò)界面友好的管理后臺(tái)對(duì)新聞進(jìn)行發(fā)布、管理等操作。企業(yè)可以通過(guò)這個(gè)欄目按類別發(fā)布公司的最新消息、公告、重大事件等。
網(wǎng)站顯示動(dòng)態(tài)按照類別顯示。提供按照標(biāo)題和發(fā)布時(shí)間的快速查詢。使用網(wǎng)站動(dòng)態(tài)發(fā)布系統(tǒng)，管理員在發(fā)布動(dòng)態(tài)的時(shí)候，可象編輯WORD文檔那樣編輯新聞標(biāo)題，新聞字體等，可隨意插入表格及圖片，如下圖所示：
在發(fā)布動(dòng)態(tài)時(shí)，可選擇是否將此條動(dòng)態(tài)發(fā)給所有會(huì)員，若選擇，則系統(tǒng)自動(dòng)根據(jù)會(huì)員所在地區(qū)發(fā)送不同語(yǔ)言版本的動(dòng)態(tài)信息的EMAIL。
網(wǎng)站新聞中心首頁(yè)可分頁(yè)顯示最新的網(wǎng)站動(dòng)態(tài)。如下圖：
? 點(diǎn)擊新聞標(biāo)題，進(jìn)入新聞詳細(xì)介紹頁(yè)面。如下圖：
使用網(wǎng)站動(dòng)態(tài)發(fā)布系統(tǒng)，使網(wǎng)站內(nèi)容的維護(hù)和更新變得特別簡(jiǎn)單，動(dòng)態(tài)網(wǎng)頁(yè)內(nèi)容的顯示也象靜態(tài)HTML頁(yè)面那樣隨心所欲。
2.27 建材超市
這是一個(gè)動(dòng)態(tài)模塊，是***建材配送有限公司網(wǎng)站的一個(gè)主要欄目，這個(gè)欄目的成功建設(shè)，說(shuō)明***網(wǎng)站已經(jīng)成功實(shí)現(xiàn)了電子商務(wù)的應(yīng)用。
公司通過(guò)這個(gè)模塊來(lái)展示自己的產(chǎn)品，產(chǎn)品介紹包括產(chǎn)品圖片和詳細(xì)的文字說(shuō)明。網(wǎng)站管理員可以在管理后臺(tái)對(duì)產(chǎn)品信息進(jìn)行增加、刪除、修改等操作，并且可以定義該產(chǎn)品是否為新品或推薦產(chǎn)品，以突出展示。
前臺(tái)按類別展示產(chǎn)品，并設(shè)置檢索功能，瀏覽者按類別檢索，可以很方便的找到需要了解的產(chǎn)品。如下圖所示：
點(diǎn)擊產(chǎn)品名稱或詳細(xì)情況按紐后彈出產(chǎn)品詳細(xì)信息頁(yè)面。如下圖所示：
同時(shí)，產(chǎn)品世界還整合了購(gòu)物車功能。網(wǎng)頁(yè)為所展示的每一款產(chǎn)品都設(shè)置了“添加到購(gòu)物車”按鈕，瀏覽者在填寫(xiě)所要訂購(gòu)產(chǎn)品的數(shù)量后，點(diǎn)擊“加入購(gòu)物車”按紐，則剛才選擇的產(chǎn)品就加入到瀏覽者的購(gòu)物清單上，點(diǎn)擊下方的“購(gòu)物車”按紐，進(jìn)入購(gòu)物車查看頁(yè)面，此頁(yè)面列出了顧客剛才所選購(gòu)商品的詳細(xì)
44010602001481號(hào)
