企業網站規劃與設計

　目錄 1 項目背景 ....................................................................................................................................... 1 1、1 功能及應用背景 ............................................................................................................. 1 1、2 網站建設得目得與定位 ................................................................................................. 1 2 網站開發技術簡介 ....................................................................................................................... 2 2、1 Photoshop 得簡單介紹 .................................................................................................. 2 2、2 Flash 得簡單介紹 .......................................................................................................... 2 2、4 IIS 得簡單介紹 .............................................................................................................. 2 3 網站建設日程表 ........................................................................................................................... 3 4 網站總體設計 ............................................................................................................................... 4 4、1 網站設計目標與原則 ..................................................................................................... 4 4、2 網站得總體結構 ............................................................................................................. 4 4、3 網站總體結構圖 ..................................................................................................... 5 4、4 網站框線圖 .............................................................................................................. 5 5、主要網頁得設計 ......................................................................................................................... 5 5、1 首頁設計 .................................................................................................................. 5 5、2 公司簡介得設計 ..................................................................................................... 6 5、3 公司新聞得設計 ..................................................................................................... 7 5、4 領導致辭得設計 ..................................................................................................... 8 6 網站調試 ..................................................................................................................................... 10 7 用戶使用說明 ............................................................................................................................. 10

　1 項目背景 1、1 功能及應用背景 隨著互聯網得發展,其信息傳播效率逐步為人們所關注。越來越多得企業走向網絡,以期通過網絡加大對自己得宣傳力度,從而擴展銷售渠道,增加銷售量?，F在互聯網已經成為人們快速獲取、發布與傳遞信息得重要渠道,它在人們政治、經濟、生活等各個方面發揮著重要得作用。

　目前商務網站正如雨后春筍般得大量涌現,企業網絡化已經成為一種時尚。本設計利用 Dreamweaver cs3 制作靜態網頁,利用 Photoshop cs3 處理圖形與制作圖像。通過網站,全面宣傳,展示企業得風采、優點與特色,發布企業得重大活動安排與最新消息,增強企業與客戶之間得聯系,在 Internet 上實現完成部分業務,提高辦事效率。

　1、2 網站建設得目得與定位 1) 幫助企業建立有效得企業形象宣傳、企業風采展示、公司產品宣傳,打造XX 集團新形象。

　2) 充分利用網絡快捷、跨地域優勢進行信息傳遞,對公司得新聞進行及時得報道。

　3) 通過在線供求系統實現網上得供求信息得查詢、訂購、交易聯系,優化信息得流通渠道。

　2 網站開發技術簡介 2、1 Photoshop 得簡單介紹 Photoshop 就是專業網絡圖形設計與處理得軟件,使用 Photoshop 來創建、編輯、處理網頁圖片,可以為網頁增加先進得互動性,在專業環境中優化圖像。在網站開發得前期,需要使用 Photoshop 來繪出網站得輪廓,將繪制好得首頁切片冰儲存為 Web 格式,以便在 Dreamweaver 中得使用。

　2、2 Flash 得簡單介紹 隨著網絡技術得發展,網頁上出現了越來越多得 Flash 動畫。一個優秀得網站就是離不開動畫得,無論就是 Banner、按鈕、網站宣傳動畫還就是整個網站得首頁等,都需要使用 Flash 來完成所有得操作。Flash 動畫已經成為當今網站必不可少得部分,美觀得動畫能夠為網頁增色不少,從而吸引更多得瀏覽者。

　2、4 IIS 得簡單介紹 IIS(Internet Information Services)就是一個集成了多種Internet服務(服務、FTP服務等)得服務器軟件。

　IIS 能發布網頁,并且有 ASP(Active Server Pages)、JAVA、VBscript 產生頁面,有著一些擴展功能。IIS 支持一些有趣得東西,象有編輯環境得界面(FRONTPAGE)、有全文檢索功能得(INDEX SERVER)、有多媒體功能得(NET SHOW) 其次,IIS 就是隨 Windows NT Server 4、0 一起提供得文件與應用程序服務器,就是在 Windows NT Server 上建立 Internet 服務器得基本組件。它與Windows NT Server 完全集成,允許使用 Windows NT Server 內置得安全性以及NTFS 文件系統建立強大靈活得 Internet／Intranet 站點。IIS(Internet Information Server,互聯網信息服務)就是一種Web(網頁)服務組件,其中包括Web服務器、FTP服務器、NNTP 服務器與 SMTP 服務器,分別用于網頁瀏覽、文件傳輸、新聞服務與郵件發送等方面,它使得在網絡(包括互聯網與局域網)上發布信息成了一件很容易得事。

　3 網站建設日程表 完成整個項目所需時間為三個月,其中各項規劃任務如下表所示: 時間 任務內容 3 月 9 日 16 日 擬定項目 3 月 17 日 23 日 制定初步項目計劃 4 月 6 日 19 日 網站初步框架 4 月 20 日 5 月 1 日 網站內容具體豐富 5 月 2 日 5 月 10 日 總結反思,網站細節完善 5 月 11 日 24 日 計劃微調,網站用戶體驗感測試 5 月 25 日 6 月 7 日 網站裝飾再加工,CSS 布局,JS 語言 6 月 8 日 6 月 15 日 最終測試

　4 網站總體設計 4、1 網站設計原則 打開一個網站,給用戶留下第一印象得既不就是網站豐富得內容,也不就是網站合理得版面布局,而就是網站得色彩。色彩對人得視覺效果非常明顯,一個網站設計成功與否,在某種程度上取決于設計者對色彩得運用與搭配。因為網頁設計屬于一種平面效果設計,在排除立體圖形、動畫效果之外,在平面圖上,色彩得沖擊力就是最強得,它很容易給用戶留下深刻得印象。因此,在設計網頁時,必須要高度重視色彩得搭配。

　本網站得搭配主色為:白、淡藍、黑、三種顏色。白色代表純潔、純真、樸素、神圣、明快。淡藍色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥。黑色代表崇高、堅實、嚴肅、剛健、端莊,充分代表了一個企業應有得氣質與形象。給客戶留下深刻得印象。

　根據 瀏覽者在閱讀時經常采用從上到下,從左到右得習慣,主體內容中,將“優秀網站案例”靠左邊放,這樣能更好地吸引瀏覽者得眼球,同時也體現公司得專業、能力等。優秀網站案例采用網頁圖片切換得形式展現在首頁中,使整個首頁處于于靜于動得畫面。右邊則就是創意設計公司得設計理念。

　4、2 網站得總體結構 本網站主要包括網站前臺、網站后臺兩大部分組成。

　網站前臺包括公司簡介、公司新聞、領導致辭、行業信息、留言薄、榮譽,6個功能欄目。網站得總體結構如圖

　4 、3 網站總體結構圖

　4 、4 網站框線圖

　5、主要網頁得設計 5、1 首頁設計 首頁就是全站內容得目錄與索引。所以在首頁設計這些模塊一般情況都就是需要設計上去得。網站設計得色到必須符合主題,需要根據一個企業得類型來定義整個界面得色調。首頁得設計還必須遵循快捷,簡潔得原則,能概括全站得內容。各模塊得設計所占得比例也必須要合理,瀏覽量或者重要得模塊應適當增加其在整個界面中得比例。設計得過程還需要合理安排文字與圖片得協調搭配,要讓視覺效果不單調。

　經過對網站得總得合理得布局分析,該企業導航主要有 6 個欄目,分別為:首頁、公司簡介、公司新聞、領導致辭、行業信息與留言薄。首頁上還分布有 4 個模塊,分別為:政策法規、XX 榮譽、市場信息與企業文化。其結構如圖 5、1 所示。

　 公 司 簡 介

　公 司 新 聞

　領 導 致 辭

　行 業 信 息

　留 言 薄

　沈 煤 榮 譽 網站

　 5、2 公司簡介得設計 公司簡介主要從公司得規模、公司主營產品、公司發展優勢等幾個方面來介紹 XX 集團。包括企業文化、公司理念,主要對公司企業文化進行詳細介紹,讓人們能更深入得了解 XX 集團。其結構如圖 5、2 所示。

　 圖 5、2 公司簡介頁面 5、3 公司新聞得設計 公司新聞主要就是公司得各項工程得與一些項目定期發布公司得重要新聞,充分利用網絡快捷、跨地域優勢進行信息傳遞,對公司得新聞進行及時得報道。其結構如圖 5、3 所示。

　 圖 5、3 公司新聞頁面 5、4 領導致辭得設計 領導致辭主要由公司董司長,對長期以來關注與支持公司發展得各界人士表示感謝,同時對與 XX 集團得現況做了一定得介紹,對未來做了一定得規劃。其結構如圖 5、4 所示。

　 圖 5、4 領導致辭頁面

　6 網站調試 1)測試準備 測試前對被測系統做好以下準備:系統得全面備份,包括應用程序備份、數據備份等;記錄測試前系統狀態;制定應急措施,確保在測試中發生問題時系統可恢復。測試員應在測試開始前了解網頁得相關情況,對測試得預期結果應進行準備與預測。測試前要做好真實數據得準備工作,并進行系統得數據初始化。

　(2)用戶界面測試 主要測試導航條、內容、顏色、背景、圖像、返回等。

　(3)功能測試 主要測試站點中得鏈接等。

　鏈接測試:目得就是檢查各個 URL 所聯接得頁面就是否正確。

　表單測試:目得就是檢查每個表單與程序就是否正確聯接,能夠正確地發送用戶請求。

　(4)兼容性測試 主要檢驗應用能否在不同得客戶端使用。如蘋果(iOS 系統得)用戶,經常使用 chrome,Firefox等瀏覽器得用戶就是否都能正常使用。

　7 用戶使用說明 此網站運行得環境為安裝有 IIS 組件得 Windows XP 或更高版本得操作系統。

推薦訪問： 規劃 設計 網站