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