網站規(guī)劃與設計

1、網站設計與規(guī)劃大作業(yè)要求教學站：昆山登云學號：姓名：某企業(yè)網站規(guī)劃與設計目錄1 項目背景11.1 功能及應用背景11.2 網站建設的目的和定位12 網站開發(fā)技術簡介22.1 Photoshop的簡單介紹22.2 Flash的簡單介紹22.4 IIS的簡單介紹23 網站建設日程表34 網站總體設計44.1 網站設計目標與原則44.2 網站的總體結構44.3 網站總體結構圖54.4網站框線圖55.主要網頁的設計65.1首頁設計65.2 公司簡介的設計75.3 公司新聞的設計85.4 領導致辭的設計96 網站調試117 用戶使用說明111 項目背景1.1 功能及應用背景隨著互聯網的發(fā)展，其信息傳播效

2、率逐步為人們所關注。越來越多的企業(yè)走向網絡，以期通過網絡加大對自己的宣傳力度，從而擴展銷售渠道，增加銷售量?，F在互聯網已經成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。目前商務網站正如雨后春筍般的大量涌現，企業(yè)網絡化已經成為一種時尚。本設計利用Dreamweaver cs3制作靜態(tài)網頁，利用Photoshop cs3處理圖形和制作圖像。通過網站，全面宣傳，展示企業(yè)的風采、優(yōu)點與特色，發(fā)布企業(yè)的重大活動安排與最新消息，增強企業(yè)與客戶之間的聯系，在Internet上實現完成部分業(yè)務，提高辦事效率。1.2 網站建設的目的和定位1) 幫助企業(yè)建立有效的

3、企業(yè)形象宣傳、企業(yè)風采展示、公司產品宣傳，打造XX集團新形象。2) 充分利用網絡快捷、跨地域優(yōu)勢進行信息傳遞，對公司的新聞進行及時的報道。3) 通過在線供求系統實現網上的供求信息的查詢、訂購、交易聯系，優(yōu)化信息的流通渠道。2 網站開發(fā)技術簡介2.1 Photoshop的簡單介紹Photoshop是專業(yè)網絡圖形設計和處理的軟件，使用Photoshop來創(chuàng)建、編輯、處理網頁圖片，可以為網頁增加先進的互動性，在專業(yè)環(huán)境中優(yōu)化圖像。在網站開發(fā)的前期，需要使用Photoshop來繪出網站的輪廓，將繪制好的首頁切片冰儲存為Web格式，以便在Dreamweaver中的使用。2.2 Flash的簡單介紹隨著網

4、絡技術的發(fā)展，網頁上出現了越來越多的Flash動畫。一個優(yōu)秀的網站是離不開動畫的，無論是Banner、按鈕、網站宣傳動畫還是整個網站的首頁等，都需要使用Flash來完成所有的操作。Flash動畫已經成為當今網站必不可少的部分，美觀的動畫能夠為網頁增色不少，從而吸引更多的瀏覽者。2.4 IIS的簡單介紹IIS（Internet Information Services）是一個集成了多種Internet服務（WWW服務、FTP服務等）的服務器軟件。 IIS能發(fā)布網頁，并且有ASP（Active Server Pages）、JAVA、VBscript產生頁面，有著一些擴展功能。IIS支持一些有趣的東

5、西，象有編輯環(huán)境的界面（FRONTPAGE）、有全文檢索功能的（INDEX SERVER）、有多媒體功能的（NET SHOW） 其次，IIS是隨Windows NT Server 4.0一起提供的文件和應用程序服務器，是在Windows NT Server上建立Internet服務器的基本組件。它與Windows NT Server完全集成，允許使用Windows NT Server內置的安全性以及NTFS文件系統建立強大靈活的InternetIntranet站點。IIS（Internet Information Server，互聯網信息服務）是一種Web（網頁）服務組件，其中包括Web服務器

6、、FTP服務器、NNTP服務器和SMTP服務器，分別用于網頁瀏覽、文件傳輸、新聞服務和郵件發(fā)送等方面，它使得在網絡（包括互聯網和局域網）上發(fā)布信息成了一件很容易的事。3 網站建設日程表完成整個項目所需時間為三個月，其中各項規(guī)劃任務如下表所示：時間任務內容3月9日-16日擬定項目3月17日-23日制定初步項目計劃4月6日-19日網站初步框架4月20日-5月1日網站內容具體豐富5月2日-5月10日總結反思，網站細節(jié)完善5月11日-24日計劃微調，網站用戶體驗感測試5月25日-6月7日網站裝飾再加工，CSS布局，JS語言6月8日-6月15日最終測試4 網站總體設計4.1 網站設計原則打開一個網站，給

7、用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決于設計者對色彩的運用和搭配。因為網頁設計屬于一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，必須要高度重視色彩的搭配。本網站的搭配主色為：白、淡藍、黑、三種顏色。白色代表純潔、純真、樸素、神圣、明快。淡藍色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥。黑色代表崇高、堅實、嚴肅、剛健、端莊，充分代表了一個企業(yè)應有的氣質和形象。給客戶留下深刻的印象。根據 瀏覽者在閱讀時經常采

8、用從上到下，從左到右的習慣，主體內容中，將“優(yōu)秀網站案例”靠左邊放，這樣能更好地吸引瀏覽者的眼球，同時也體現公司的專業(yè)、能力等。優(yōu)秀網站案例采用網頁圖片切換的形式展現在首頁中，使整個首頁處于于靜于動的畫面。右邊則是創(chuàng)意設計公司的設計理念。4.2 網站的總體結構本網站主要包括網站前臺、網站后臺兩大部分組成。 網站前臺包括公司簡介、公司新聞、領導致辭、行業(yè)信息、留言薄、榮譽，6個功能欄目。網站的總體結構如圖4.3 網站總體結構圖公司簡介公司新聞領導致辭行業(yè)信息留言薄沈煤榮譽網站4.4網站框線圖5.主要網頁的設計5.1首頁設計首頁是全站內容的目錄和索引。所以在首頁設計這些模塊一般情況都是需要設計上去

9、的。網站設計的色到必須符合主題，需要根據一個企業(yè)的類型來定義整個界面的色調。首頁的設計還必須遵循快捷，簡潔的原則，能概括全站的內容。各模塊的設計所占的比例也必須要合理，瀏覽量或者重要的模塊應適當增加其在整個界面中的比例。設計的過程還需要合理安排文字和圖片的協調搭配，要讓視覺效果不單調。經過對網站的總的合理的布局分析，該企業(yè)導航主要有6個欄目，分別為：首頁、公司簡介、公司新聞、領導致辭、行業(yè)信息和留言薄。首頁上還分布有4個模塊，分別為：政策法規(guī)、XX榮譽、市場信息和企業(yè)文化。其結構如圖5.1所示。5.2 公司簡介的設計公司簡介主要從公司的規(guī)模、公司主營產品、公司發(fā)展優(yōu)勢等幾個方面來介紹XX集團。

10、包括企業(yè)文化、公司理念，主要對公司企業(yè)文化進行詳細介紹，讓人們能更深入的了解XX集團。其結構如圖5.2所示。圖5.2 公司簡介頁面5.3 公司新聞的設計公司新聞主要是公司的各項工程的和一些項目定期發(fā)布公司的重要新聞，充分利用網絡快捷、跨地域優(yōu)勢進行信息傳遞，對公司的新聞進行及時的報道。其結構如圖5.3所示。圖5.3 公司新聞頁面5.4 領導致辭的設計領導致辭主要由公司董司長，對長期以來關注和支持公司發(fā)展的各界人士表示感謝，同時對與XX集團的現況做了一定的介紹，對未來做了一定的規(guī)劃。其結構如圖5.4所示。圖5.4 領導致辭頁面 6 網站調試1）測試準備測試前對被測系統做好以下準備：系統的全面?zhèn)浞荩☉贸绦騻浞?、數據備份等；記錄測試前系統狀態(tài)；制定應急措施，確保在測試中發(fā)生問題時系統可恢復。測試員應在測試開始前了解網頁的相關情況，對測試的預期結果應進行準備和預測。測試前要做好真實數據的準備工作，并進行系統的數據初始化。（2）用戶界面測試主要測試導航條、內容、顏色、背景、圖像、返回等。（3）功能測試主要測試站點中的鏈接等。鏈接測試：目的是檢查各個URL所