網(wǎng)站規(guī)劃與設(shè)計

1、企業(yè)網(wǎng)站規(guī)劃與設(shè)計目錄1項目背景11.1 功能及應(yīng)用背景11.2 網(wǎng)站建設(shè)的目的和定位 12網(wǎng)站開發(fā)技術(shù)簡介22.1 Photoshop 的簡單介紹 22.2 Flash 的簡單介紹 22.4 IIS 的簡單介紹 23網(wǎng)站建設(shè)日程表34網(wǎng)站總體設(shè)計44.1 網(wǎng)站設(shè)計目標(biāo)與原則 44.2 網(wǎng)站的總體結(jié)構(gòu) 44.3 網(wǎng)站總體結(jié)構(gòu)圖 54.4 網(wǎng)站框線圖55.主要網(wǎng)頁的設(shè)計 65.1 首頁設(shè)計65.2 公司簡介的設(shè)計75.3 公司新聞的設(shè)計 85.4 領(lǐng)導(dǎo)致辭的設(shè)計96網(wǎng)站調(diào)試117用戶使用說明111項目背景1.1 功能及應(yīng)用背景隨著互聯(lián)網(wǎng)的發(fā)展，具信息傳播效率逐步為人們所關(guān)注。 越來越多的企業(yè)走

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

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

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

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

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

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

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

9、。網(wǎng)站設(shè)計的色到必須符合主題，需要根據(jù)一個企業(yè)的類型來定義整 個界面的色調(diào)。首頁的設(shè)計還必須遵循快捷，簡潔的原則，能概括全站的內(nèi)容。 各模塊的設(shè)計所占的比例也必須要合理， 瀏覽量或者重要的模塊應(yīng)適當(dāng)增加其在 整個界面中的比例。設(shè)計的過程還需要合理安排文字和圖片的協(xié)調(diào)搭配，要讓視覺效果不單調(diào)。經(jīng)過對網(wǎng)站的總的合理的布局分析，該企業(yè)導(dǎo)航主要有6個欄目，分別為：首頁、公司簡介、公司新聞、領(lǐng)導(dǎo)致辭、行業(yè)信息和留言薄。首頁上還分布有4個模塊，分別為：政策法規(guī)、XX榮譽、市場信息和企業(yè)文化。具結(jié)構(gòu)如圖 5.1所，黑慈寺：正妄言遇砒法展的第國用灰亶Me苔后產(chǎn)能魏國閏劭主辦升情條例配置工柞*推動矽府不匚王實施

10、條例出B，國正將及士府?dāng)z稅征收看國，常設(shè)寺：11后理的千蟋個項目f-tfrYtt 呼文化J?禽 色1£作風(fēng)，企業(yè)由心現(xiàn)卜安至且率現(xiàn) 安堂詈建三要素 集團及劃企業(yè)配明«.Mt(ABB )»獨而為；哨寮怛應(yīng)急像4干魔修-鹿產(chǎn)箱政雷理導(dǎo)案需求回苒»近期得景市場自方浮雪擻卜煤燮價將近三T月磔江乙»h卜酶公司立航財源廠正式接產(chǎn)*中北十昵事由周1刑3推晨 黨委創(chuàng)比學(xué)It笑出.四十寓枚卜畀東交畫展替其大手十月能離產(chǎn)咨J理小罪騎士味完成全年十荊，支=：上三；一至隆公司檢登上市工作藩4叵機：理竟用存苜肉降»索案幾個月墀爵體時一抄上造5.2 公司簡介的設(shè)

11、計公司簡介主要從公司的規(guī)模、公司主營產(chǎn)品、公司發(fā)展優(yōu)勢等幾個方面來介 紹XX集團。包括企業(yè)文化、公司理念，主要對公司企業(yè)文化進(jìn)行詳細(xì)介紹，讓 人們能更深入的了解XX集團。具結(jié)構(gòu)如圖5.2所示?？?m辭行堂侑息MB9V A心可餐介兮司笛聞留言聯(lián)堂品公司簡介用戶名.圭碼:贊錄重值聯(lián)系方式沈陽煤業(yè)（集團）有限責(zé)任公司是1個以煤炭生產(chǎn)為主，集電力、建材、建就施沈陽煤業(yè)（集團）有限責(zé)任公司SHENYAMJ MJL -HUJEQHptIF aMTORAT UKTEU LUBUIY CfflUPANI三始立手或注空中沈北赤 虎:石修希T.I： 024-62542014034-4254088;工.機械常雉和多

12、腫羥營等為一體的多元化的大型煤會企業(yè)集團。沅煤集囪現(xiàn)有沈陽.H龍江、山西三個ST區(qū)，其中沈陽獷區(qū)井田面枳為廣口平方公里，地跨沈陽.遼陽、本漠、會山、鐵瞪五市里龍江曠區(qū)和山西苗區(qū)是集團公司至行憤源擴張戰(zhàn)略后從里龍江的玳西.牡丹江和山西臨測®實的1。個地方媒爐口集團公司下設(shè)1生個子公司.不個如lys%企業(yè)資產(chǎn)總值需1億元，職工:萬余人*就何年，榮獲全國最具活力創(chuàng)。強企業(yè)稱號，在全國燃炭企業(yè)中排名第“枝，在江o*s寧省百強企業(yè)中排名第到位，在沈陽市百強企業(yè)中排名第一位。0求無套MM業(yè) dim圖5.2公司簡介頁面5.3 公司新聞的設(shè)計公司新聞主要是公司的各項工程的和一些項目定期發(fā)布公司的重要

13、新聞，充分利用網(wǎng)絡(luò)快捷、跨地域優(yōu)勢進(jìn)行信息傳遞， 對公司的新聞進(jìn)行及時的報道。其 結(jié)構(gòu)如圖5.3所示。茸可堪深入開至“創(chuàng)先爭竟母辿方討活主 蘭馬坦丁至委斤三際H群.立切身乳至虛在三"它公司新聞聯(lián)泵方可看東方附言可0田寶空改姜自中樂生部常O東北赤星河。牛田忑盆堪炭再丹攣交遇水纏蕓加大干十月創(chuàng)蒼立號耳埃寧:早改水生W二期H號限利或工中北京運矣勿送之或先爭三法劫逼FW發(fā)展工馬埃M 11若與三星隼17甚即取得丁或哇或效之霞堪亍世，療助"推把創(chuàng)兗爭優(yōu)威隆!冒上斬洗3一王式按士考山饃亍恚看3c云無族全二廣劃美團也更導(dǎo)氧三3公亙出百第導(dǎo)上叼工作好嘉堪亍宜,削"爭優(yōu)究出"

14、;四小變常堆”胃前生三i司專委詩克化里W平自二咯運叼壁槍哈rd口出1段匕4及七仁口.地上：. 51芋*就舊節(jié)就比甚巨虎石廿號kd電衛(wèi)妙用式4度M 42&40ffii.圖5.3公司新聞頁面5.4 領(lǐng)導(dǎo)致辭的設(shè)計領(lǐng)導(dǎo)致辭主要由公司董司長，對長期以來關(guān)注和支持公司發(fā)展的各界人士表 示感謝，同時對與XX集團的現(xiàn)況做了一定的介紹，對未來做了一定的規(guī)劃。其 結(jié)構(gòu)如圖5.4所示。沈陽 堞業(yè)（集團）有限責(zé)任公司CQMbLTAOE OROvPLMlfiC L7IUTT 豈領(lǐng)導(dǎo)致辭伴隨著G國煤炭工業(yè)前件的步伐我們洗煤庫團無過了近半個世紀(jì)的創(chuàng)業(yè)發(fā)展e國京笈生委s匚亙理手歷自于司匹歷程口在此，讓我們代衰沈煤集

15、團向長期以來關(guān)注和支將沈螺放展的社會各界人士表示衷心的感謝，逅年來，我們沈煤集瞅耳貫沏落實科學(xué)發(fā)展觀，搶抓市場機遇，突出坡展主即，遇過大力實施“壯大主業(yè)、多元發(fā)展、優(yōu)優(yōu)菇構(gòu)、科學(xué)發(fā)展、強企富民”的此區(qū)短菅發(fā)展用喑，使黑田公司進(jìn)入了一個輕那運行質(zhì)量逐步提高.職工生活質(zhì)量逐評改善企業(yè)呈現(xiàn)出安全、和諧、健康，向上的嶄新局面口我們黑心常瞿繼續(xù)與社會各界進(jìn)行廣泛的交流合作推手共進(jìn)，共向發(fā)展，共創(chuàng)美好未來并竭城歡迎社會各界朋芨來沈煤集團作客口圖5.4領(lǐng)導(dǎo)致辭頁面企業(yè)網(wǎng)站項目設(shè)計6網(wǎng)站調(diào)試1)測試準(zhǔn)備測試前對被測系統(tǒng)做好以下準(zhǔn)備：系統(tǒng)的全面?zhèn)浞?，包括?yīng)用程序備份、數(shù)據(jù)備份等；記錄測試前系統(tǒng)狀態(tài)；制定應(yīng)急措施，確保在測試中發(fā)生問題時系統(tǒng)可恢復(fù)。測試員應(yīng)在測試開始前了解網(wǎng)頁的相關(guān)情況，對測試的預(yù)期結(jié)果應(yīng)進(jìn)行準(zhǔn)備和預(yù)測。測試前要做好真實數(shù)據(jù)的準(zhǔn)備工作，并進(jìn)行系統(tǒng)的數(shù)據(jù)