網(wǎng)站設(shè)計(jì)畢業(yè)論文

《網(wǎng)站設(shè)計(jì)畢業(yè)論文》由會(huì)員分享，可在線閱讀，更多相關(guān)《網(wǎng)站設(shè)計(jì)畢業(yè)論文（28頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 畢業(yè)論文（設(shè)計(jì)） 信息工程系網(wǎng)站設(shè)計(jì) 摘 要 在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。 因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了讓更多人了解我們信息系的情況。所以，開(kāi)發(fā)本系的網(wǎng)站是必需的。打開(kāi)系統(tǒng)

2、登錄界面，輸入用戶名和密碼，如果用戶名或密碼不正確系統(tǒng)將會(huì)提示重新輸入，如果用戶名和密碼輸入正確進(jìn)入主工作界面。進(jìn)入主界面，根據(jù)所需的操作單擊菜單進(jìn)入操作界面，單擊相應(yīng)的按鈕可以對(duì)所選項(xiàng)目進(jìn)行添加、刪除、保存等功能，單擊“退出”按鈕退出當(dāng)前界面，返回主界面。 在員工基本信息管理中，有四個(gè)數(shù)據(jù)窗口，單擊員工基本信息窗口中的記錄，系統(tǒng)可自動(dòng)檢索其他相關(guān)信息并顯示在相應(yīng)的數(shù)據(jù)窗口中。另外可以對(duì)各信息進(jìn)行查詢、添加、刪除、打印。 課程信息管理、成績(jī)信息管理、課程評(píng)價(jià)效果、培訓(xùn)需求和計(jì)劃管理模塊，都可單擊界面中的按鈕完成相應(yīng)的功能。 另外，在此設(shè)計(jì)了一個(gè)信息查詢的功能，在此界面可查詢數(shù)據(jù)庫(kù)中所包含

3、的所有表的內(nèi)容。 本次設(shè)計(jì)我計(jì)劃痛過(guò)DW，Photoshop圖像處理軟件，F(xiàn)LAsH等工具共同來(lái)制作信息系網(wǎng)站的設(shè)計(jì)。當(dāng)然，這次的制作過(guò)程還需要綁定到數(shù)據(jù)庫(kù)，最終的完成需要眾多軟件相互補(bǔ)助。 關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；Dreamweaver2004 目 錄 第一章 緒論 1 1.1 設(shè)計(jì)思想 1 1.2 開(kāi)發(fā)背景及意義 1 1.3 開(kāi)發(fā)的目標(biāo) 3 第二章 基本理論知識(shí)及開(kāi)發(fā)工具介紹 4 2.1開(kāi)發(fā)工具的選用及介紹 4 2.1.1DW的優(yōu)勢(shì) 4 2.2 ASP的優(yōu)勢(shì)與特點(diǎn) 6 2.3 圖像處理軟件photoshop 7 第三章 開(kāi)發(fā)過(guò)

4、程 8 3.1網(wǎng)站主題的確立 8 3.2掌握建網(wǎng)工具 8 3.3確定網(wǎng)站風(fēng)格 8 3.4確定網(wǎng)站界面 10 3.4.1欄目與板塊編排 10 表3.1 網(wǎng)站板塊表 10 3.4.2目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 11 3.4.3進(jìn)行形象設(shè)計(jì) 11 3.5網(wǎng)站總體分析與設(shè)計(jì) 13 3.5.1網(wǎng)站系統(tǒng)分析 13 3.5.2主頁(yè)設(shè)計(jì) 13 3.6 信息系簡(jiǎn)介 14 3.7 相冊(cè)頁(yè)面 14 3.7.1代碼設(shè)計(jì) 15 3.8 留言界面 15 3.8.1代碼的設(shè)計(jì) 16 3.9 圖片新聞界面 17 3.9.1功能 18 第四章 注意事項(xiàng) 19 4.1網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng) 19 結(jié)

5、束語(yǔ) 20 致謝 21 參考文獻(xiàn) 23 第一章 緒論 在Internet飛速發(fā)展的今天，電子數(shù)字計(jì)算機(jī)是20世紀(jì)重大科技發(fā)明之一，而互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。網(wǎng)頁(yè)設(shè)計(jì)是將網(wǎng)站策劃案中的內(nèi)容、網(wǎng)站的主題模式，結(jié)合網(wǎng)頁(yè)設(shè)計(jì)師的認(rèn)識(shí)，通過(guò)藝術(shù)設(shè)計(jì)的手法表現(xiàn)出來(lái)；而網(wǎng)頁(yè)制作通常是根據(jù)網(wǎng)頁(yè)設(shè)計(jì)師制作的設(shè)計(jì)稿，按照W3C規(guī)范語(yǔ)言將其制作成網(wǎng)頁(yè)格式。優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師對(duì)網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)頁(yè)制作兩道工序都是十分了解的，這樣才可以保證網(wǎng)頁(yè)制作人員在充分掌握設(shè)計(jì)要素的前提下，制作規(guī)范化、符合用戶使用習(xí)慣、帶來(lái)良好用戶體驗(yàn)的網(wǎng)站。 1

6、.1 設(shè)計(jì)思想 通過(guò)網(wǎng)站，全面宣傳，展示信息系風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布信息系的活動(dòng)安排與招生政策等信息內(nèi)容，使學(xué)生及家長(zhǎng)曾加對(duì)信息系的了解，增強(qiáng)學(xué)生、家長(zhǎng)與信息系之間的聯(lián)系，在Internet網(wǎng)上，讓學(xué)生及家長(zhǎng)及時(shí)得到 信息系發(fā)布的重要信息，同時(shí)也幫助了信息系完成部分事務(wù)，提高辦事效率,給學(xué)生、家長(zhǎng)與信息系最方便的聯(lián)系橋梁。在這里學(xué)生及家長(zhǎng)也可以提出意見(jiàn)及想法，互通教學(xué)之間的意見(jiàn)想法，更加有效的辦好教學(xué)，和學(xué)生需要哪樣的教學(xué)方式能夠更好的吸收與接納，這些都能成為信息系的參考，以便更加的提高信息系的教學(xué)質(zhì)量。 1.2 開(kāi)發(fā)背景及意義 隨著Internet用戶的增多和影響力的增大，網(wǎng)絡(luò)

7、工程系開(kāi)設(shè)網(wǎng)站為學(xué)生提供服務(wù)也成為一條必由之路。網(wǎng)絡(luò)工程系網(wǎng)站是公布和發(fā)布網(wǎng)絡(luò)工程系信息資源，展示和宣傳網(wǎng)絡(luò)工程系形象的陣地，是同學(xué)向系里反應(yīng)情況的渠道，是網(wǎng)絡(luò)工程系對(duì)外辦理公共事務(wù)的窗口，是傳承文化的載體。 國(guó)外學(xué)校網(wǎng)站建設(shè)情況(以美國(guó)為例)：美國(guó)是Internet的發(fā)源地。美國(guó)大學(xué)不僅在建立和推動(dòng)Internet的發(fā)展方面不遺余力，而且已經(jīng)建立了大量的學(xué)校網(wǎng)站。根據(jù)美國(guó)Council of Excellence in University的調(diào)查報(bào)告，93%的被調(diào)查的院系擁有網(wǎng)站，所有大學(xué)已經(jīng)全部上網(wǎng)，而且?guī)缀跛械脑合狄呀?jīng)建立自己的站點(diǎn)。同時(shí)，各大學(xué)網(wǎng)站逐漸實(shí)現(xiàn)互聯(lián)互通。 就我國(guó)而言，

8、1999年1月22日，由中國(guó)電信和國(guó)家經(jīng)貿(mào)委經(jīng)濟(jì)信息中心主辦，聯(lián)合四十多家部委(辦、局)信息主管部門(mén)共同倡議發(fā)起了“大學(xué)上網(wǎng)工程”。目前各個(gè)大學(xué)申請(qǐng)的域名已經(jīng)達(dá)到2000多個(gè)，大學(xué)上網(wǎng)工程也進(jìn)入了第二第三階段。 通常情況下，一個(gè)大學(xué)的水平越高，往往意味著它越有可能成為新技術(shù)的率先采用者。因?yàn)橐环矫鎳?guó)家可以提供更多的財(cái)政支持，同時(shí)學(xué)生的各類需求也更為細(xì)化和迫切。因而，選取綜合實(shí)力居前的十所大學(xué)的院系做為參考對(duì)象，不僅可以體現(xiàn)網(wǎng)絡(luò)工程系網(wǎng)站建設(shè)的最新特點(diǎn)，而且具有代表河北水平最高的一類大學(xué)網(wǎng)站的典型意義。 據(jù)中國(guó)互聯(lián)網(wǎng)信息中心的統(tǒng)計(jì)，截至1997年10月31日，在下注冊(cè)的域名達(dá)到323個(gè)，到1

9、998年6月30日，這個(gè)數(shù)據(jù)達(dá)到561個(gè)，1999年5月，下注冊(cè)的學(xué)校域名增到1470個(gè)，2002年2月，全國(guó)各個(gè)大學(xué)域名達(dá)到2400多個(gè)。 總結(jié)國(guó)內(nèi)外學(xué)校網(wǎng)站的建設(shè)過(guò)程，可以說(shuō)學(xué)生的互動(dòng)式學(xué)校網(wǎng)站建設(shè)過(guò)程的主線。具體而言，學(xué)校網(wǎng)站的建設(shè)與有以下所述的規(guī)律：一是內(nèi)容服務(wù)有靜態(tài)信心公布想動(dòng)態(tài)信息發(fā)布、信息查詢方向發(fā)展。二是方便學(xué)生服務(wù)成為學(xué)校網(wǎng)站建設(shè)的焦點(diǎn)。三是網(wǎng)站由獨(dú)立的系統(tǒng)向集成化的組成部分發(fā)展。四是一站式網(wǎng)站成為重點(diǎn)。 1.3 開(kāi)發(fā)的目標(biāo) 論文以網(wǎng)絡(luò)工程系網(wǎng)站為例開(kāi)展研究，分析了系統(tǒng)建設(shè)過(guò)程中的相關(guān)技術(shù)，對(duì)所涉及的軟件平臺(tái)、軟件系統(tǒng)、安全系統(tǒng)的進(jìn)行理論分析，對(duì)系統(tǒng)規(guī)劃實(shí)施中的需求

10、分析、系統(tǒng)結(jié)構(gòu)設(shè)計(jì)、硬件集成、軟件配置等各環(huán)節(jié)進(jìn)行研究，并提出性能測(cè)試所需內(nèi)容。 第一章通過(guò)對(duì)國(guó)內(nèi)外校園網(wǎng)站見(jiàn)著發(fā)展情況和校園網(wǎng)站運(yùn)行發(fā)展規(guī)律敘述，講明了校園網(wǎng)站發(fā)展的背景，還通過(guò)對(duì)網(wǎng)絡(luò)工程系網(wǎng)站的現(xiàn)狀分析，得出網(wǎng)絡(luò)工程系網(wǎng)站重建的必要性和重要性。 第二章從理論上研究了校園網(wǎng)站的運(yùn)行平臺(tái)和相關(guān)開(kāi)發(fā)技術(shù)，主要涉及學(xué)校網(wǎng)站的硬件平臺(tái)、軟件系統(tǒng)、學(xué)校網(wǎng)站安全系統(tǒng)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，通過(guò)理論分析給出了硬件平臺(tái)、軟件系統(tǒng)、安全系統(tǒng)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的設(shè)計(jì)原則。 第三章以網(wǎng)絡(luò)工程系網(wǎng)站為設(shè)計(jì)實(shí)例，通過(guò)對(duì)網(wǎng)絡(luò)工程系網(wǎng)站進(jìn)行需求分析和規(guī)模分析，根據(jù)系統(tǒng)設(shè)計(jì)原則，貴處了符合網(wǎng)絡(luò)工程系實(shí)際情況的系統(tǒng)結(jié)構(gòu)設(shè)計(jì)。 第

11、四章根據(jù)規(guī)劃的網(wǎng)站系統(tǒng)結(jié)構(gòu)，對(duì)網(wǎng)絡(luò)工程系網(wǎng)站的網(wǎng)絡(luò)設(shè)備、服務(wù)器系統(tǒng)、安全系統(tǒng)和軟件系統(tǒng)等展開(kāi)敘述，并進(jìn)行了選型。 第五章對(duì)建成的網(wǎng)絡(luò)工程系網(wǎng)站進(jìn)行了性能測(cè)設(shè)，對(duì)在網(wǎng)站建設(shè)中取得的成果進(jìn)行了肯定。 第二章 基本理論知識(shí)及開(kāi)發(fā)工具介紹 2.1開(kāi)發(fā)工具的選用及介紹 2.1.1DW的優(yōu)勢(shì) 1、不用手工寫(xiě)代碼，編程更輕松！ DW已經(jīng)自動(dòng)為會(huì)員登錄完成了相應(yīng)的ASP代碼。因此，無(wú)需手工寫(xiě)代碼，不是沒(méi)有代碼，而是由DW自動(dòng)完成寫(xiě)代碼的工作，我們要做的，只是點(diǎn)擊鼠標(biāo)而已。 2、對(duì)數(shù)據(jù)庫(kù)的結(jié)合非常好！ 在DW的數(shù)據(jù)庫(kù)面板下，點(diǎn)擊連接前的＋號(hào)，展開(kāi)表，在表上點(diǎn)擊右鍵，可查看表里面的數(shù)據(jù)，這可以讓我

12、們?cè)诓淮蜷_(kāi)數(shù)據(jù)庫(kù)的情況，能清楚地查看到數(shù)據(jù)庫(kù)中的數(shù)據(jù)。 3、簡(jiǎn)單快捷的實(shí)現(xiàn)會(huì)員系統(tǒng)！ 通過(guò)服務(wù)器行為面板下的用戶身份驗(yàn)證，可輕松實(shí)現(xiàn)會(huì)員登錄、注銷退出、注冊(cè)重名驗(yàn)證和限制訪問(wèn)功能。 4、強(qiáng)大的命令功能！ DW的命令功能能讓我們輕易實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的插入、更新和刪除等操作，如更新文章點(diǎn)擊數(shù)等。 5、豐富的插件支持！ 插件能讓我們快捷的實(shí)現(xiàn)如：數(shù)字分頁(yè)顯示、用下拉菜單選擇跳轉(zhuǎn)到哪頁(yè)、二級(jí)聯(lián)動(dòng)下拉菜單等想實(shí)現(xiàn)的效果。 6、所見(jiàn)即所得的CSS環(huán)境！ CSS＋DIV的布局在DW中得到了完美的體現(xiàn)，真正做到了所見(jiàn)即所得。 7、快捷方便的編程環(huán)境！ DW的ASP工具欄上，提供了if、else

13、等常用語(yǔ)句的快捷按鈕，點(diǎn)擊后可自動(dòng)生成相應(yīng)代碼，極大的方便了簡(jiǎn)單語(yǔ)句的編寫(xiě)，提高了開(kāi)發(fā)效率。 8、最佳的制作效率 Dreamweaer 可以用最快速的方式將Fireworks\FreeHand 或Photoshop 等檔案移至網(wǎng)頁(yè)上。使用顏色吸工具選擇屏幕上的顏色可定最拉近的網(wǎng)頁(yè)安全色。對(duì)于菜單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜歡的設(shè)計(jì)工具搭配。不需要離開(kāi)Dremweaver便 可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Ｄreamweaver　自動(dòng)開(kāi)啟Firework或Ｐhotoshop　來(lái)進(jìn)行編輯與設(shè)定圖檔案的最佳化。 9、網(wǎng)站管理

14、 　　使用網(wǎng)站嵊可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁(yè)。改災(zāi)難網(wǎng)頁(yè)位置或檔案名稱，Ｄreamweaver 會(huì)自動(dòng)更新所有鏈接。使用支援文字，ＨＴＭ碼、ＨＴＭＬ屬性標(biāo)簽和一般語(yǔ)法的搜尋及軒換功能使　得長(zhǎng)復(fù)雜的網(wǎng)站便　新變得迅速又簡(jiǎn)單！ 10、無(wú)可比擬的控制能力 Dueamweaver是唯一提供Roundtrip HTML、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite 和BBEdit 等主流文字編輯器。幀和表格的制作速度快的讓你無(wú)法想像。表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作末連續(xù)的選取。甚至可以排序或格式化表格群組，Dreamweaver 支持精確定位，

15、可以用可輕易換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。 11、夢(mèng)幻樣版和XML Dreamweaver 將內(nèi)容與設(shè)計(jì)分開(kāi)，應(yīng)用於快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會(huì)不小心改變既定樣式。您也可以使用樣版正確地匯入或輸出 XML 內(nèi)容。 12、全方位的呈現(xiàn) 利用 Dreamweaver 設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門(mén)瀏覽器上。對(duì)于casscading style sheets 的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫(huà)的DHTML效果資料庫(kù)可在Netscajpe 和 Microsof

16、t 瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver 的網(wǎng)站下載它的描述述檔，便可得知詳盡的成效報(bào)告 2.2 ASP的優(yōu)勢(shì)與特點(diǎn) 1、任何開(kāi)發(fā)工具皆可發(fā)展ASP。 只要使用一般的文書(shū)編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPage Express、 FrontPage等也都可以；不過(guò)還是建議你用記事本來(lái)寫(xiě)，既省錢(qián)又方便，若是使用那些所見(jiàn)即所得的網(wǎng)頁(yè)編輯來(lái)寫(xiě)ASP，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。 2、通吃各家瀏覽器 由于ASP程序是在

17、網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器 3、語(yǔ)言相容性高 ASP與所有的ActiveX Script語(yǔ)言都相容，除了可結(jié)合HTML，VBScript、Java Script、Active X服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語(yǔ)言。 4、隱密安全性高 如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因?yàn)锳SP程序先于網(wǎng)站服務(wù)（Web Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶端（Client）的瀏覽器上，

18、因此，我們所辛苦撰寫(xiě)的ASP程序并不會(huì)輕易地被看見(jiàn)進(jìn)而被盜用。 5、易于操控?cái)?shù)據(jù)庫(kù) ASP可以輕易地通過(guò)ODBC(Open Database Connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù)，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫(kù)用。 6、面向?qū)ο髮W(xué)習(xí)容易 ASP具備有面向?qū)ο螅∣bject-Oriented）功能，學(xué)習(xí)容易，ASP提供了五種方便能力強(qiáng)大的內(nèi)建對(duì)象：Request、Response、Sever、Application以及Session，同時(shí)，若使用ASP內(nèi)建的“Applicat

19、ion”對(duì)象或”Session”對(duì)象所撰寫(xiě)出來(lái)的ASP程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息。 2.3 圖像處理軟件photoshop 它是一款PS指Photoshop，photoshop是Adobe公司旗下最為出名的圖像處理軟件之一，PHOTOSHOP的應(yīng)用領(lǐng)域很廣泛，在圖像、圖形、文字、視頻、出版各方面都有涉及，它能處理有關(guān)圖片的所有事項(xiàng)，用它主要是進(jìn)行素材的編輯，和制作素材。 第三章 開(kāi)發(fā)過(guò)程 3.1網(wǎng)站主題的確立 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問(wèn)題，即確定網(wǎng)站的主題。美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出了99年度排名前100位的全美知名網(wǎng)站的十類題材:

20、第1類:網(wǎng)上求職;第2類:網(wǎng)上聊天/即時(shí)信息/ICQ;第3類:網(wǎng)上社區(qū) /討論/郵件列表;第4類:計(jì)算機(jī)技術(shù);第5類:網(wǎng)頁(yè)/網(wǎng)站開(kāi)發(fā);第6類:娛樂(lè)網(wǎng)站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類: 生活/時(shí)尚。我們可以參看上面的分類，繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見(jiàn)解，做出自己的特色;二者，在制作網(wǎng)站時(shí)不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒(méi)有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品 3.2掌握建網(wǎng)工具 Dreamweaver有很多的有點(diǎn)，可以用最快速的方式將Fireworks，F(xiàn)reeHan

21、d，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與您喜愛(ài)的設(shè)計(jì)工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開(kāi)Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開(kāi)啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。 3.3確定網(wǎng)站風(fēng)格 圖3.1 主頁(yè)風(fēng)格 風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI(標(biāo)志，色

22、彩，字體，標(biāo)語(yǔ))、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。 作簡(jiǎn)單、界面友好，完全控件式的頁(yè)面布局，使得職工培訓(xùn)信息錄入工作更簡(jiǎn)便。另外，在出錯(cuò)或不正當(dāng)操作時(shí)應(yīng)出現(xiàn)提示信息予以提示。實(shí)現(xiàn)對(duì)企業(yè)職工培訓(xùn)信息的錄入、瀏覽、刪除、修改、搜索等功能。 系統(tǒng)運(yùn)行應(yīng)該快速、穩(wěn)定、高效和可靠；在結(jié)構(gòu)上應(yīng)具有很好的可擴(kuò)展性，便于將來(lái)的功能擴(kuò)展和維護(hù)。 風(fēng)格是有人性的，通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可

23、以概括出一個(gè)站點(diǎn)的個(gè)性:是粗獷豪放的，還是清新秀麗的;是溫文儒雅的，還是執(zhí)著熱情的;是活潑易變的，還是墨守成規(guī)的。 總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來(lái)描述，比如信息量多少，瀏覽速度快慢等;在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對(duì)瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊?，風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn) 3.4確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印

24、象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要注意以下三點(diǎn): 3.4.1欄目與板塊編排 表3.1 網(wǎng)站板塊表 首頁(yè) 系簡(jiǎn)介 系相冊(cè) 新聞圖片 留言板 聯(lián)系我們 公告欄 學(xué)校概況 學(xué)?；顒?dòng)留影 了解時(shí)事政治 學(xué)生交流平臺(tái) 聯(lián)系方式 建一個(gè)網(wǎng)站就好比寫(xiě)一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是:確定題材后立刻開(kāi)始制作，沒(méi)有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁(yè)前，一定要考慮好欄目和板塊的編排問(wèn)題。

25、 網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意的是: 盡可能刪除那些與主題無(wú)關(guān)的欄目; 盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上; 盡可能從訪問(wèn)者角度來(lái)編排欄目以方便訪問(wèn)者的瀏覽和查詢;輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。 3.4.2目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如:在用Frontpage建立網(wǎng)站時(shí)都默認(rèn)

26、建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排。 3.4.3進(jìn)行形象設(shè)計(jì) 網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)出發(fā): 圖3.2 LOGO樣式 設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來(lái)自網(wǎng)站的名稱和內(nèi)容。比如:網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化;專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品

27、作為標(biāo)志。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有:藍(lán)色，黃/橙色，黑/灰/白色三大系列色。 圖3.3 網(wǎng)站字體 設(shè)計(jì)網(wǎng)站字體。

28、和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。需要說(shuō)明的是:使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒(méi)有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。 設(shè)計(jì)網(wǎng)站宣傳語(yǔ)。也可以說(shuō)是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來(lái)高度概括。用富有氣勢(shì)的話或詞語(yǔ)來(lái)概括網(wǎng)站，進(jìn)行對(duì)外宣傳，可以收到比較好的結(jié)果。 3.5網(wǎng)站總體分析與設(shè)計(jì) 3.5.1網(wǎng)站系統(tǒng)分析 根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)

29、開(kāi)發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站作如下劃分： 信息系風(fēng)采 通過(guò)信息系概括、教師風(fēng)采、校園之星及部分圖片等內(nèi)容來(lái)展現(xiàn)。 3.5.2主頁(yè)設(shè)計(jì) 圖3.5 網(wǎng)站主頁(yè) 網(wǎng)站主頁(yè)采用靜、動(dòng)相結(jié)合的方式，即靜態(tài)的主畫(huà)面和動(dòng)態(tài)的圖片相結(jié)合，體現(xiàn)信息系的勃勃生氣，靜態(tài)主頁(yè)方式介紹信息系風(fēng)采、優(yōu)點(diǎn)特色、信息發(fā)布，對(duì)于四大校務(wù)，就得利用ＡＳＰ與數(shù)據(jù)庫(kù)結(jié)合的技術(shù)建立數(shù)據(jù)庫(kù)查詢管理系統(tǒng)，采用交互式的動(dòng)態(tài)的web畫(huà)面來(lái)實(shí)現(xiàn)。 3.6 信息系簡(jiǎn)介 具體介紹信息系的歷史，以及發(fā)展，還有信息系所取得的成績(jī)。在這里可以了解到信息系的一些相關(guān)信息。可以了解很多在首頁(yè)上所看不到的信息。

30、圖3.6 簡(jiǎn)介頁(yè)面 3.7 相冊(cè)頁(yè)面 系相冊(cè)頁(yè)面是用的錨連接做的FLASH圖片相冊(cè)，可以任意瀏覽相片，也可以更新圖片。 圖3.7 相冊(cè)頁(yè)面 3.7.1代碼設(shè)計(jì) Flash相冊(cè)的代碼：

31、dth="210">  3.8 留言界面 留言界面是很重要的，對(duì)與靜態(tài)的瀏覽頁(yè)面，是提供了瀏覽和發(fā)布信息的功能。而留言就提供了交流和動(dòng)態(tài)的感覺(jué)這樣就成了交互的功能。達(dá)到了溝通和交流的目的。所以，本網(wǎng)網(wǎng)站最大的特點(diǎn)就子啊與這個(gè)留言的設(shè)置，提供了交流的平臺(tái)。 這是網(wǎng)站的重要功能，實(shí)現(xiàn)了網(wǎng)站和官大人們之間的交互供能，是學(xué)校和有求學(xué)需求的人的接口，并且提供了接口用戶對(duì)網(wǎng)站提出的寶貴意見(jiàn) 圖3.8 留言頁(yè)面 3.8.1代碼的設(shè)計(jì)

32、ellpadding="10" cellspacing="0" background="image/www[1]_2010041220385614.gif" >

留言者：<%=(message.Fields.Item("t_name").Value)%>	33、 <%=(message.Fields.Item("t_message").Value)%>
	留言日期：	<%=(message.Fields.Item("t_time").Value)%>

34、 3.9 圖片新聞界面 圖3.9 圖片欣賞 在這里可以看到社會(huì)事實(shí)政治動(dòng)態(tài)，和各大新聞網(wǎng)站的連接，能讓你第一時(shí)間了解國(guó)內(nèi)外事實(shí)動(dòng)態(tài)，點(diǎn)擊左邊的是連接外網(wǎng)的。 3.9.1功能 功能： 在這里，大家可以看到我系的最新最熱們活動(dòng)的圖片介紹，以及相關(guān)信息的介紹。 第四章 注意事項(xiàng) 4.1網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng) 四個(gè)注意： 1.不要花里胡哨 花哨的字體和格式容易被忽視。 為什么呢？那是因?yàn)橛慰蜑g覽時(shí)會(huì)認(rèn)為這些是廣告，并非他們所需要的信息。事實(shí)上，研究表明游客很難在充滿大量顏色的花哨字體和格式里找到自己所需要的信息，所以要注意保持網(wǎng)站的清爽。 2.要有風(fēng)格，要

35、突出行業(yè)的特點(diǎn)。 比如娛樂(lè)業(yè)熱烈活潑些，政府網(wǎng)站則要莊重些；收藏書(shū)畫(huà)業(yè)要古樸典雅，策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.不要做得太過(guò)于冗雜。 一張網(wǎng)頁(yè)一般兩屏到三屏就可以了，不要太長(zhǎng)，會(huì)影響你的網(wǎng)頁(yè)打開(kāi)的速度。如果內(nèi)容實(shí)在太多，應(yīng)該分作幾個(gè)頁(yè)面，或者分為幾個(gè)二級(jí)欄目。 4.字體大小影響瀏覽行為。 想讓瀏覽者認(rèn)同你做的網(wǎng)頁(yè)，首先要注意字體。 大的字體刺激瀏覽，而小的字體則會(huì)提高焦點(diǎn)閱讀量。所以要根據(jù)網(wǎng)頁(yè)的實(shí)際情況來(lái)合理的設(shè)置網(wǎng)頁(yè)內(nèi)字體的大小的規(guī)劃與排版。 結(jié)束語(yǔ) 經(jīng)過(guò)一個(gè)多月網(wǎng)站的反復(fù)學(xué)習(xí)、研究和設(shè)計(jì)，我的畢業(yè)設(shè)計(jì)《品鮮美味閣網(wǎng)站設(shè)計(jì)————公司網(wǎng)站設(shè)計(jì)與應(yīng)用》基本上是完成了。

36、畢業(yè)論文設(shè)計(jì)，不僅是單純地做網(wǎng)站設(shè)計(jì)的過(guò)程，也是我們將大學(xué)四年里的理論知識(shí)與實(shí)踐知識(shí)積累運(yùn)用的過(guò)程。在做設(shè)計(jì)的這段時(shí)間里，我的生活既緊張又充實(shí)。有時(shí)，為了做一張與整體格局圖片或按鈕要花上一個(gè)小時(shí)。可是，到了最后發(fā)現(xiàn)還是不大適合，不是因?yàn)殚_(kāi)始時(shí)沒(méi)有計(jì)劃好，而是在設(shè)計(jì)的過(guò)程中，自己的知識(shí)得到了進(jìn)一步的深化。所以，一直都是懷著感恩的心情來(lái)做這次設(shè)計(jì)的。在網(wǎng)站設(shè)計(jì)的過(guò)程中，可以認(rèn)識(shí)到自己的各方面的很多不足，對(duì)我來(lái)說(shuō)已經(jīng)是最大的收獲了。需求分析和詳細(xì)設(shè)計(jì)其間，我參考了大量書(shū)籍資料，也在網(wǎng)上利用百度和Google等搜索引擎查閱了很多關(guān)于網(wǎng)站設(shè)計(jì)方面的資料，同時(shí)也學(xué)到了國(guó)內(nèi)外各方面新IT技術(shù)的知識(shí)。所以在整

37、個(gè)畢業(yè)設(shè)計(jì)過(guò)程中，我不僅回顧了解以前學(xué)習(xí)過(guò)的理念知識(shí)，還學(xué)習(xí)了新的理念知識(shí)，這又是我這次設(shè)計(jì)的重大收獲。由于這是我第一次系統(tǒng)地設(shè)計(jì)和開(kāi)發(fā)網(wǎng)站，所以很多方面經(jīng)驗(yàn)不足，比如需求分析程序調(diào)試和設(shè)計(jì)方面，遇到過(guò)好多難題。還有，由于我的經(jīng)驗(yàn)尚缺，在需求分析方面做得不夠好，。經(jīng)歷了這次網(wǎng)站設(shè)計(jì)之后，我的分析能力與設(shè)計(jì)方面的能力增加了，開(kāi)發(fā)方面的經(jīng)驗(yàn)也提高了，這又是一個(gè)很大的收獲。由于整個(gè)系統(tǒng)設(shè)計(jì)與開(kāi)發(fā)時(shí)間比較短，我的網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)尚淺。因此，本網(wǎng)站難免會(huì)存在一些缺陷和不足。 致謝 感謝我的指導(dǎo)教師劉明堂老師，您在工作中嚴(yán)謹(jǐn)細(xì)致、一絲不茍的精神一直是我工作、學(xué)習(xí)的楷模；您循循善誘的教導(dǎo)和不拘一格的

38、思路給予了我無(wú)盡的啟迪。 感謝劉老師，這篇論文的每個(gè)細(xì)節(jié)和每個(gè)數(shù)據(jù)，都離不開(kāi)您細(xì)心指導(dǎo)。而您開(kāi)朗的個(gè)性和寬容的態(tài)度，使我能夠很快的融入這個(gè)集體. 感謝我的爸爸媽媽，言樹(shù)之背，養(yǎng)育之恩，無(wú)以回報(bào)，你們永遠(yuǎn)健康快樂(lè)是我最大的心愿。在做這次畢業(yè)設(shè)計(jì)過(guò)程中使我學(xué)到了很多，我感到不論做什么事都要真正的用心去做，才能使自己更加的完善，沒(méi)有學(xué)習(xí)就不可能有實(shí)踐的能力，沒(méi)有自己的實(shí)踐就不會(huì)有所突破，希望這次的經(jīng)歷能讓我們?cè)谝院蟮膶W(xué)習(xí)生活中不斷成長(zhǎng)與進(jìn)步。 忙碌了兩個(gè)月，我的畢業(yè)設(shè)計(jì)課題也終將告一段落。點(diǎn)擊運(yùn)行，也基本達(dá)到預(yù)期的效果，虛榮的成就感在沒(méi)人的時(shí)候也總會(huì)冒上心頭。但由于能力和時(shí)間的關(guān)系，總是覺(jué)得

39、有很多不盡人意的地方，譬如功能不全、外觀粗糙……數(shù)不勝數(shù)?？墒牵矣謺?huì)有點(diǎn)自戀式地安慰自己：做一件事情，不必過(guò)于在乎最終的結(jié)果，可貴的是過(guò)程中的收獲。以此語(yǔ)言來(lái)安撫我尚沒(méi)平復(fù)的心。 在大學(xué)的學(xué)習(xí)和生活中我學(xué)會(huì)了很多東西。在學(xué)校我進(jìn)一步學(xué)習(xí)了專業(yè)的相關(guān)知識(shí)，在各位老師的教導(dǎo)下，自己對(duì)專業(yè)知識(shí)的不斷充實(shí)和不斷的在試驗(yàn)中遇到新的問(wèn)題，解決問(wèn)題，起到相當(dāng)重要的作用。而正式在大學(xué)三年的學(xué)習(xí)生活，讓我學(xué)習(xí)到的知識(shí)，更好的運(yùn)用在生活中，也為自己在將來(lái)社會(huì)工作中更好的運(yùn)用在學(xué)校中學(xué)會(huì)的專業(yè)知識(shí)和不斷解決在社會(huì)中遇到的問(wèn)題，再在社會(huì)工作中進(jìn)一步的充實(shí)自己的不足。 畢業(yè)設(shè)計(jì)，也許是我大學(xué)生涯交上的最后一個(gè)作業(yè)

40、了。想籍次機(jī)會(huì)感謝三年以來(lái)給我?guī)椭乃欣蠋?、同學(xué)，你們的友誼是我人生的財(cái)富，是我生命中不可或缺的一部分。我的畢業(yè)指導(dǎo)老師劉明堂老師，雖然認(rèn)識(shí)的時(shí)間不長(zhǎng)，但您卻能以一位長(zhǎng)輩的風(fēng)范來(lái)容諒我的無(wú)知和沖動(dòng)，給我不厭其煩的教導(dǎo)。在此，特向您道聲謝謝。 在論文即將完成之際，我的心情無(wú)法平靜，從開(kāi)始進(jìn)入課題到論文的順利完成，有多少師長(zhǎng)、同學(xué)、朋友給了我無(wú)言的幫助，在這里請(qǐng)接受我誠(chéng)摯的謝意。學(xué)生生活即將畫(huà)上句號(hào)，但我能無(wú)悔地說(shuō)：“我曾經(jīng)來(lái)過(guò)。”雖然?？茖W(xué)習(xí)只有三年，但它給我的影響卻不能用時(shí)間來(lái)衡量。在這三年里，經(jīng)歷過(guò)的所有事，和我接觸的所有人，都將是我以后生活回味的一部分，是我為人處事的指南針。我雖然我即將離開(kāi)學(xué)校，走上工作崗位了，但這并不代表結(jié)束，相反的是，這是我人生歷程的開(kāi)始，在這里祝福大學(xué)里跟我風(fēng)雨同舟的朋友們不要忘記初衷，努力去拼搏吧 參考文獻(xiàn) [1] 超夢(mèng)幻網(wǎng)頁(yè)創(chuàng)意寶典 機(jī)械工業(yè)出版社 黃箐韻 [2] ASP網(wǎng)頁(yè)數(shù)據(jù)庫(kù)短訓(xùn)教程機(jī)械工業(yè)出版社劉瑞新,汪遠(yuǎn)征. [3] Dreamweaver 8完美網(wǎng)頁(yè)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)篇中國(guó)電力出版社 何海霞 [4] Dreamweaver 8完美網(wǎng)頁(yè)設(shè)計(jì)疑難解釋篇中國(guó)電力出版社 盧堅(jiān)