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

1、<p><b>　　校園網(wǎng)站分析與設(shè)計(jì)</b></p><p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　第一章　緒 論1</p><p>　　1.1 開發(fā)目的1</p><p>

2、;　　1.2　開發(fā)工具的選用及介紹1</p><p>　　1.3 ASP的介紹3</p><p>　　第二章　開發(fā)環(huán)境及需求分析5</p><p><b>　　2.1項(xiàng)目背景5</b></p><p>　　2.2　開發(fā)環(huán)境5</p><p>　　2.2.1 系統(tǒng)平臺(tái)5<

3、/p><p>　　2.2.2 運(yùn)行需求6</p><p>　　第三章 首頁設(shè)計(jì)7</p><p>　　3.1 首頁說明7</p><p>　　3.1.1前臺(tái)首頁顯示7</p><p>　　3.1.2 網(wǎng)站的管理8</p><p>　　第四章 網(wǎng)站總體方案設(shè)計(jì)11</p&g

4、t;<p>　　4.1 網(wǎng)站簡要說明11</p><p>　　4.2 網(wǎng)站可用性討論11</p><p>　　4.2.1 網(wǎng)頁布局11</p><p>　　4.2.2 主題鮮明、富有特色12</p><p>　　4.2.3 版式編排布局合理性12</p><p>　　4.2.4 相關(guān)站點(diǎn)引導(dǎo)

5、鏈接12</p><p>　　4.3 網(wǎng)站流程圖13</p><p>　　第五章 數(shù)據(jù)庫設(shè)計(jì)與文檔設(shè)計(jì)14</p><p>　　5.1 數(shù)據(jù)庫的連接14</p><p>　　5.2 具體設(shè)計(jì)文檔15</p><p>　　5.2.1 內(nèi)容和功能設(shè)計(jì)15</p><p>　　5.2.2

6、前臺(tái)新聞文摘顯示15</p><p>　　5.2.3 后臺(tái)管理15</p><p>　　5.2.4 可視化設(shè)計(jì)16</p><p>　　5.3留言系統(tǒng)的設(shè)計(jì)16</p><p>　　5.4 管理員登錄功能設(shè)計(jì)18</p><p><b>　　第六章 總結(jié)20</b></p>

7、<p><b>　　致 謝21</b></p><p><b>　　參考文獻(xiàn)22</b></p><p><b>　　校園網(wǎng)站分析與設(shè)計(jì)</b></p><p><b>　　摘 要</b></p><p>　　校園網(wǎng)站是學(xué)校對(duì)外宣傳的

8、窗口，也是展示全校師生才能，加強(qiáng)對(duì)校外聯(lián)系，互相學(xué)習(xí)，共同發(fā)展的陣地，學(xué)校網(wǎng)站建設(shè)的目的是促進(jìn)師生與學(xué)校共同發(fā)展。</p><p>　　網(wǎng)站的實(shí)現(xiàn)采用了DREAMWEAVER 8.0和ASP進(jìn)行網(wǎng)站設(shè)計(jì)的開發(fā)過程，對(duì)網(wǎng)站的設(shè)計(jì)及網(wǎng)站的實(shí)現(xiàn)進(jìn)行了詳細(xì)的說明。本文主要是從ASP、DREAMWEAVER 8.0的開發(fā)環(huán)境的架設(shè)開始，一步步進(jìn)入ASP和DREAMWEAVER 8.0的奇幻世界。網(wǎng)頁制作工具Dreamwea

9、ver8.0、ASP開發(fā)技術(shù)，采用VBScript腳本語言進(jìn)行了開發(fā)。內(nèi)容主要包括HTML，DREAMWEAVER 8.0，ASP，SQL語言的基本概念及高級(jí)應(yīng)用，ASP與數(shù)據(jù)庫的連接。最后對(duì)其中的不足與存在的問題進(jìn)行了討論,提出了相應(yīng)的解決方法。功能上雖不是十分完備，但都是在調(diào)查研究后，并參考相關(guān)的系統(tǒng)資料，學(xué)習(xí)中外大型優(yōu)秀網(wǎng)站的優(yōu)點(diǎn)和特點(diǎn)進(jìn)行開發(fā)設(shè)計(jì)的，具有一定的技術(shù)性。</p><p>　　關(guān)鍵詞: ASP

10、 ； DREAMWEAVER 8.0 ；HTML；網(wǎng)站設(shè)計(jì)；網(wǎng)站實(shí)現(xiàn)</p><p><b>　　第一章　緒 論</b></p><p>　　學(xué)院網(wǎng)站是學(xué)院的“商標(biāo)”。在這個(gè)高度信息化的社會(huì)里，建立學(xué)院自己的網(wǎng)站是最直接的宣傳手段。網(wǎng)站的超時(shí)空特性，不僅能讓本地區(qū)的人們了解學(xué)院，更可讓世界了解學(xué)院。 在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲

11、取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了更好的辦學(xué)，提高學(xué)校知名度，特構(gòu)建重慶電子工程職業(yè)學(xué)院學(xué)校網(wǎng)站。</p>

12、<p><b>　　1.1 開發(fā)目的</b></p><p>　　隨著計(jì)算機(jī)技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對(duì)我們生活和工作顯得越來越重要，特別是現(xiàn)在信息高度發(fā)達(dá)的今天，人們對(duì)最新信息的需求和發(fā)布迫切的需要及時(shí)性。而動(dòng)態(tài)交互式網(wǎng)頁剛好提供了這些功能，本系統(tǒng)就是一個(gè)能夠在網(wǎng)上實(shí)現(xiàn)新聞，文摘，資源等的網(wǎng)上發(fā)布，多欄目管理，實(shí)時(shí)的進(jìn)行行為統(tǒng)計(jì)和記錄的網(wǎng)上交互系統(tǒng)，達(dá)到師生間的交流。</p>

13、;<p>　　1.2　開發(fā)工具的選用及介紹</p><p>　　Dreamweaver的介紹：在本文中采用了Dreamweaver8.0作為開發(fā)工具，并結(jié)合photoshop8.0做圖片特效和flash工具做動(dòng)態(tài)畫面效果。本文中簡要說明了Dearweaver8.0。</p><p>　　Dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著D

14、reamweaver 8的發(fā)布，更堅(jiān)定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。</p><p><b>　　1、靈活的編寫方式</b></p><p>　　Dreamweaver具有靈活編寫網(wǎng)頁的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二

15、為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。</p><p><b>　　2、可視化編輯界面</b></p><p>　　Dreamweaver是一種所見即所得的HTML編輯器，可實(shí)現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時(shí)亦保證了其專業(yè)性和兼容性，并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)

16、時(shí)的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計(jì)網(wǎng)頁和管理網(wǎng)站變得更容易。</p><p>　　3、功能更多的CSS支持——CSS可視化設(shè)計(jì)、CSS檢查工具</p><p>　　4、動(dòng)態(tài)跨瀏覽器驗(yàn)證</p><p>　　當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽

17、器，同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁面有沒有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對(duì)tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。</p><p>　　5、強(qiáng)大的WEB站點(diǎn)管理功能</p><p>　　6、內(nèi)建的圖形編輯引擎</p><p>　　7、Dreamweaver的集成特性</p><p>　　Dreamw

18、eaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁。</p><p>　　8、豐富的媒體支持能力</p><p>　　可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色，它

19、利用JavaScript和DHTML語言代碼輕松地實(shí)現(xiàn)網(wǎng)頁元素的動(dòng)作和交互操作。Dreamweaver還提供行為和時(shí)間線兩種控件來產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫處理。</p><p><b>　　9、超強(qiáng)的擴(kuò)展能力</b></p><p>　　Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展Dreamweaver的功能，并且可以發(fā)布這些插件。</

20、p><p>　　1.3 ASP的介紹</p><p>　　ASP技術(shù) ASP（Active Server Pages動(dòng)態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代CGI（Common Gateway Interface通用網(wǎng)關(guān)接口）的技術(shù)。目前，Internet上的許多基于Windows平臺(tái)的Web站點(diǎn)已開始應(yīng)用ASP來替換CGI。 簡單地講，ASP是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶

21、可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式Web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前Internet 上的許多站點(diǎn)，仍然提供“靜態(tài)”（static）的主頁內(nèi)容。</p><p>　　ASP與常見的在Client端實(shí)現(xiàn)動(dòng)態(tài)主頁的技術(shù)如Java Applet、ActiveX Control、VBScript、JavaScript等

22、不同，ASP中的命令和Script語句都是由服務(wù)器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的Web頁面并送到瀏覽器；而Client端技術(shù)的Script命令則是由瀏覽器來解釋執(zhí)行。由于ASP是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏覽器是否支持ASP；同時(shí)由于它在服務(wù)器端執(zhí)行，開發(fā)者也不必?fù)?dān)心別人下載程序從而竊取編程邏輯。ASP通過后綴名為.asp的ASP文件來實(shí)現(xiàn)，一個(gè).asp文件相當(dāng)于一個(gè)可執(zhí)行文件，因此必須放在Web服務(wù)器上有可執(zhí)行權(quán)限的

23、目錄下。當(dāng)用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個(gè)URL請求發(fā)給Web Server，如果Web Server上裝了ASP，就調(diào)用ASP. ASP讀出相應(yīng).asp文件，解釋并執(zhí)行命令，動(dòng)態(tài)生成一個(gè)HTML頁面回傳Web Server，然后Web Server再把結(jié)果發(fā)送給瀏覽器。ASP文件的制作和HTML類似，且和HTML開發(fā)集成，可以在同一個(gè)過程完成，利用ASP將可以執(zhí)行的腳本嵌入到HTML文件</p>&

24、lt;p>　　(1) 完全與HTML文件融合在一起；</p><p>　　(2) 容易創(chuàng)建，不需要其它編譯、鏈接程序；</p><p>　　(3) 面向?qū)ο蟮牟⑼ㄟ^ActiveX Server對(duì)象可擴(kuò)展。 </p><p>　　第二章　開發(fā)環(huán)境及需求分析</p><p><b>　　2.1項(xiàng)目背景<

25、/b></p><p>　　HTML作為一種樣式語言，隨著Internet上信息量的增多和交互性的加強(qiáng)使HTML顯得越來越難以勝任的情況之下，而ASP能夠徹底實(shí)現(xiàn)用戶與管理人員的交互性，在ASP編程語言高度發(fā)展的形式下，ASP能夠很好的解決這些復(fù)雜交互的動(dòng)態(tài)性，于是我們也開始了對(duì)學(xué)院網(wǎng)站的動(dòng)態(tài)開發(fā)，即而讓學(xué)院網(wǎng)站更加的互動(dòng)。</p><p><b>　　2.2　開發(fā)環(huán)境&l

26、t;/b></p><p>　　2.2.1 系統(tǒng)平臺(tái)</p><p>　　采用Browser/Server體系結(jié)構(gòu)，服務(wù)器端采用運(yùn)行最低配置要求(全部為中文環(huán)境) 操作系統(tǒng) Windows 2000 Adv Server，Windows 2000 Server 腳本解釋器 Vbscripts5.6以上版本，安裝Microsoft Internet Explorer5.5以上

27、版本既可獲得： Web服務(wù)器 IIS 6.0，Windows 2000自帶 數(shù)據(jù)引擎 Microsoft Access 權(quán)限要求 對(duì)Access數(shù)據(jù)庫具有建表、備份的權(quán)限 空間大小 初次安裝至少10M可用空間 硬件要求 PIII500 CPU 256M內(nèi)存或更高 帶寬要求 10M共享或更高 客戶端軟件，包括單機(jī)操作系統(tǒng)和瀏覽器軟件，分別選用Windo

28、ws 2000和Internet Explorer，數(shù)據(jù)庫系統(tǒng)采用Microsoft Access有利于方便操作。</p><p>　　2.2.2 運(yùn)行需求</p><p>　　在調(diào)試和運(yùn)行過程中，應(yīng)該能夠讓系統(tǒng)正常使用時(shí)不出錯(cuò)，若運(yùn)行時(shí)遇到不可恢復(fù)的系統(tǒng)錯(cuò)誤，也應(yīng)該保證數(shù)據(jù)完好無損，對(duì)數(shù)據(jù)的精確度、時(shí)間特性、適應(yīng)性等都有一定要求，要求系統(tǒng)運(yùn)行時(shí)，能夠保證數(shù)據(jù)的正確性、信息的可靠

29、性、實(shí)現(xiàn)的高效性、系統(tǒng)的易使用性、系統(tǒng)管理的可維護(hù)性、信息的可測試性、數(shù)據(jù)的復(fù)用性、數(shù)據(jù)庫的安全保密性、數(shù)據(jù)的可移植性以及網(wǎng)絡(luò)互聯(lián)性。</p><p><b>　　第三章 首頁設(shè)計(jì)</b></p><p><b>　　3.1 首頁說明</b></p><p>　　3.1.1前臺(tái)首頁顯示</p><p&g

30、t;　　下面通過首頁來說明網(wǎng)站整體的功能，如圖3-1所示：</p><p>　　圖3-1 網(wǎng)站首頁圖</p><p>　　1.首頁的最頂部排列顯示大類新聞或文章，用戶可以直接點(diǎn)擊查看各項(xiàng)大類新聞里面的各項(xiàng)小類新聞，直到閱讀每條詳細(xì)信息。 2. 站點(diǎn)首頁，教學(xué)科研，教學(xué)專題，資源下載，圖片鑒賞等各個(gè)欄目，后臺(tái)可以控制排序和位置調(diào)整，或顯示條數(shù)設(shè)置。 3. 圖片，下載等顯示可

31、以任意排序，而且可以直接點(diǎn)擊查看相關(guān)信息進(jìn)行查看和更新信息。 4. 設(shè)有專題顯示和網(wǎng)站調(diào)查系統(tǒng)，以及網(wǎng)站的一些統(tǒng)計(jì)數(shù)據(jù)信息，可以按不同條件進(jìn)行文件信息搜索。 5. 公告部分顯示最新發(fā)布的各項(xiàng)學(xué)院通知信息。</p><p>　　3.1.2 網(wǎng)站的管理</p><p>　　本系統(tǒng)是實(shí)現(xiàn)信息發(fā)布，多欄目管理，設(shè)有網(wǎng)站管理與論壇管理分開管理；使論壇具有更靈活的管理?xiàng)l件。</p

32、><p>　　一、 基本功能介紹：</p><p>　　1、網(wǎng)站基本資料設(shè)置(網(wǎng)站名稱、網(wǎng)址、等等...一些基本設(shè)置)。</p><p>　　2、后臺(tái)可增加一級(jí)分類和二級(jí)分類(可更改或添加)前臺(tái)自動(dòng)更新。</p><p>　　3、網(wǎng)站底部功能菜單設(shè)置內(nèi)容增加更改。</p><p>　　4、可添加無數(shù)條公告 前臺(tái)自動(dòng)顯示。（

33、內(nèi)附多功能編輯器）</p><p>　　5、站內(nèi)新聞及教學(xué)文章添加與修改。（內(nèi)附多功能編輯器）</p><p>　　6、模板添加和管理，導(dǎo)入，導(dǎo)出。</p><p>　　7、投票系統(tǒng)后臺(tái)可添加多個(gè)投票項(xiàng)目，可以設(shè)置前臺(tái)顯示例數(shù)。前臺(tái)發(fā)表評(píng)論功能。</p><p>　　8、強(qiáng)大的廣告管理功能，后臺(tái)自行添加廣告代碼即可！</p>&

34、lt;p>　　9、在數(shù)據(jù)庫，對(duì)密碼進(jìn)行了MD5加密。</p><p>　　10、數(shù)據(jù)庫備份與恢復(fù)</p><p>　　二、 文章功能介紹：</p><p>　　1、文章分類欄目管理功能，專題欄目管理功能，分類模版設(shè)置管理。</p><p>　　2、自由編輯（HTML）欄目模版，可設(shè)置多個(gè)模版。</p><p>　

35、　3、搜索頁面自定義編輯（HTML）模版。</p><p>　　4、文章添加功能 可自選標(biāo)題顏色 是否推薦，固頂，熱門等功能。 </p><p>　　5、支持URL轉(zhuǎn)向，如果設(shè)置了網(wǎng)址，那么打開此文章后，自動(dòng)跳轉(zhuǎn)到設(shè)置的URL 。</p><p>　　6、前臺(tái)支持固頂文章，推薦文章和熱點(diǎn)文章的調(diào)用，文章模糊搜索功能。</p><p>　　7、

36、內(nèi)部使用了多功能編輯器可方便地用拖動(dòng)的方式進(jìn)行圖文混排、圖片文件上傳、微縮圖上傳顯示效果處理等操作。</p><p><b>　　三、下載功能介紹：</b></p><p>　　1、下載欄目分類添加與修改。</p><p>　　2、添加軟件 可自行上傳軟件 自動(dòng)識(shí)別文件大小。</p><p>　　3、前臺(tái)支持軟件固頂功能

37、，熱門功能和推薦功能的調(diào)用，支持模糊搜索。</p><p>　　4、軟件管理與審核，回收站管理，評(píng)論管理。</p><p>　　四、 圖片功能介紹：</p><p>　　1、圖片欄目分類管理與修改。</p><p>　　2、添加圖片 可自行上傳圖片 自動(dòng)識(shí)別圖片的大小。</p><p>　　3、前臺(tái)支持圖片固頂功能，熱

38、門功能和推薦功能的調(diào)用，支持模糊搜索。</p><p>　　4、圖片管理與審核，回收站管理，評(píng)論管理。</p><p>　　五、 頻道管理功能：</p><p>　　1、可任意添加刪除頻道 （可鏈接外部鏈接）。</p><p>　　2、頻道間的排序功能。 </p><p>　　六、 友情連接功能：</p>

39、<p>　　1、可添加無數(shù)分類 例為LOGO連接和文字連接。</p><p>　　2、后臺(tái)直接添加連接和前臺(tái)申請鏈接。 </p><p>　　3、鏈接修改，刪除，審核鏈接等一些功能</p><p>　　七、 網(wǎng)站公告管理功能：</p><p>　　1、所有欄目公告，其他頁面欄目公告</p><p>　　2、

40、后臺(tái)直接添加連接和前臺(tái)申請鏈接。</p><p>　　3、鏈接修改，刪除，審核鏈接等一些功能。</p><p>　　八、 留言本功能： </p><p>　　1、留言本前臺(tái)瀏覽留言和發(fā)表留言功能。</p><p>　　2、管理員回復(fù)，修改，刪除等功能。</p><p>　　九、 用戶密碼功能：</p>&

41、lt;p>　　管理員在線修改密碼。</p><p><b>　　十、 數(shù)據(jù)庫管理：</b></p><p>　　1、在線數(shù)據(jù)庫壓縮 需FSO的支持。</p><p>　　2、在線數(shù)據(jù)庫備份。</p><p>　　3、在線數(shù)據(jù)庫操作 注意，請備份好數(shù)據(jù)庫在進(jìn)行操作。</p><p>　　4、空

42、間占用查看管理 需FSO的支持。</p><p>　　十一、JS代碼管理：</p><p>　　1、普通文章的JS代碼。</p><p>　　2、普通文章的JS代碼。</p><p><b>　　十二、上傳文件管理</b></p><p>　　1、文章頻道的上傳文件。</p><

43、;p>　　2、圖片頻道的縮略圖。</p><p>　　3、圖片頻道的上傳圖片。</p><p>　　4、下載頻道的軟件圖片。</p><p>　　5、下載頻道的上傳軟件。</p><p>　　6、網(wǎng)站廣告的上傳圖片。</p><p><b>　　7、清除無用文件。</b></p>

44、<p>　　第四章 網(wǎng)站總體方案設(shè)計(jì)</p><p>　　4.1 網(wǎng)站簡要說明</p><p>　　這個(gè)校園新聞網(wǎng)是個(gè)集新聞、信息、交流為一體的網(wǎng)站，是為了讓在校學(xué)生能刻苦學(xué)習(xí)的同時(shí)，得到適當(dāng)?shù)姆潘?，并了解學(xué)院信息辦發(fā)布的最新信息技術(shù)而設(shè)計(jì)的。系統(tǒng)的各種功能設(shè)計(jì)能夠符合學(xué)院網(wǎng)站的要求，信息，公告，廣告，調(diào)查等發(fā)布功能的實(shí)現(xiàn)，能夠給網(wǎng)站更多的生氣，更多的實(shí)現(xiàn)了用戶與學(xué)院之間的

45、交互性。</p><p>　　4.2 網(wǎng)站可用性討論</p><p>　　4.2.1 網(wǎng)頁布局</p><p>　　實(shí)際內(nèi)容占據(jù)網(wǎng)頁的大部分空間，為50%～80%，導(dǎo)航部分不超過20%。顏色的選擇以青白色為主，沒有使用太多的顏色來修飾某個(gè)對(duì)象，此外，正文和背景色的對(duì)比度較大，一般字色為默認(rèn)的黑色，并且用了不同的背景色條區(qū)分正文區(qū)與其他功能區(qū)。為了提高網(wǎng)頁的可讀性，

46、標(biāo)題區(qū)、標(biāo)題行和正文區(qū)使用了不同大小的字體，正文使用的是靜止的文字，且字體足夠大，以便于閱讀。</p><p>　　為了幫助用戶方便地瀏覽，每個(gè)網(wǎng)頁都設(shè)有標(biāo)題導(dǎo)航，且網(wǎng)頁標(biāo)題清楚地表明了網(wǎng)頁的內(nèi)容。在網(wǎng)頁的組織上，每個(gè)網(wǎng)頁都是按照“倒金字塔”原則進(jìn)行編寫，即從一個(gè)簡單的結(jié)論開始漸次展開。網(wǎng)頁排版符合用戶的閱讀習(xí)慣，采用橫向排列方式。</p><p>　　一個(gè)網(wǎng)頁的大小一般不超過3萬字節(jié)，以

47、使用戶在10秒鐘之內(nèi)能打開網(wǎng)頁。而且要為每一個(gè)鏈接加上描述信息，因?yàn)楫?dāng)一個(gè)鏈接被點(diǎn)擊后，要把所有指向同一目標(biāo)的鏈接都表示成已被訪問過，這樣便于用戶瀏覽。在鏈接旁注明下載文件的大小，幫助用戶預(yù)測下載時(shí)間。</p><p>　　4.2.2 主題鮮明、富有特色</p><p>　　在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。</

48、p><p>　　要做到主題鮮明突出，力求簡潔，要點(diǎn)明確，以簡單明確的語言和畫面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線，對(duì)無關(guān)的人員也能留下一定的印象。對(duì)于一些LOGO標(biāo)志應(yīng)充分加以利用。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，突出個(gè)性，這樣才能夠辦出網(wǎng)站的特色。</p><p>　　Web站點(diǎn)主頁的基本成分包括：頁頭：準(zhǔn)確無誤地標(biāo)識(shí)站點(diǎn)名稱和學(xué)院標(biāo)志。 E-mail地址：用來接收用戶

49、垂詢。聯(lián)系信息：如普通郵件地址或電話。版權(quán)信息：讓用戶了解系統(tǒng)信息。</p><p>　　重復(fù)利用已有信息，如用戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等可以輕而易舉地用到學(xué)院的Web站點(diǎn)中，以減輕數(shù)據(jù)庫的負(fù)擔(dān)。</p><p>　　4.2.3 版式編排布局合理性</p><p>　　網(wǎng)頁設(shè)計(jì)作為一種視覺語言，當(dāng)然要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它

50、們有許多相近之處，應(yīng)充分加以利用和借鑒。</p><p>　　站點(diǎn)設(shè)計(jì)簡單有序，主次關(guān)系分明，將零亂頁面的組織過程，混雜的內(nèi)容，依整體的布局的需要進(jìn)行分組歸納，經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列，反復(fù)推敲文字、圖形與空間的關(guān)系，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。</p><p>　　4.2.4 相關(guān)站點(diǎn)引導(dǎo)鏈接</p><p>　　一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)

51、站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好導(dǎo)引是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫，鏈接到其它網(wǎng)站輕而易舉。</p><p>　　在設(shè)計(jì)網(wǎng)頁的導(dǎo)引組織時(shí)，應(yīng)該給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方。</p><p><b>　　4.3 網(wǎng)站流程圖</b></

52、p><p><b>　　如圖4-1所示：</b></p><p>　　圖4-1 網(wǎng)站流程圖</p><p>　　該流程圖是從用戶的角度開始的，登錄用戶可以更好地使用本站提供的信息服務(wù)、個(gè)性化服務(wù)及定期的網(wǎng)站活動(dòng)；而未登錄用戶僅僅可以瀏覽信息，無法進(jìn)行社區(qū)等本站相關(guān)的活動(dòng)及服務(wù)。</p><p>　　第五章 數(shù)據(jù)庫設(shè)計(jì)與文檔

53、設(shè)計(jì)</p><p>　　5.1 數(shù)據(jù)庫的連接</p><p>　　數(shù)據(jù)只有用數(shù)據(jù)庫來管理才能有自動(dòng)化管理的可能。數(shù)據(jù)的結(jié)構(gòu)將影響整個(gè)管理機(jī)制的應(yīng)用，而且一旦建立以后要修改常會(huì)出現(xiàn)麻煩。所以一開始就要仔細(xì)慎重地搭建一個(gè)完整而合理的結(jié)構(gòu)。Microsoft Access數(shù)據(jù)庫相對(duì)其它的數(shù)據(jù)庫來說要簡單容易操作些，本網(wǎng)站信息發(fā)布系統(tǒng)中的數(shù)據(jù)庫文件就是Access類型的數(shù)據(jù)庫，數(shù)據(jù)庫中共有20張

54、表。</p><p>　　以下是本系統(tǒng)與數(shù)據(jù)庫建立連接的dol.asp源代碼：</p><p>　　<%dim doldim dolstrdim dbdb="database/doce.mdb" '數(shù)據(jù)庫文件的位置Set dol = Server.CreateObject("ADODB.Connection")do

55、lstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(db)dol.Open dolstrsub CloseDol ()dol.closeset dol=nothingend sub%>數(shù)據(jù)庫文件data.mdb在連接文件嵌入下，各頁面都能夠訪問數(shù)據(jù)庫，這是實(shí)現(xiàn)交互性的前題。</p>&

56、lt;p>　　5.2 具體設(shè)計(jì)文檔</p><p>　　5.2.1 內(nèi)容和功能設(shè)計(jì)</p><p>　　這個(gè)校園網(wǎng)站主要實(shí)現(xiàn)新聞、信息等功能，目標(biāo)用戶主要是Internet的在校學(xué)生。先明確這個(gè)校園網(wǎng)站提供的主要功能：</p><p>　　(1) 注冊登錄系統(tǒng)：提供用來在論壇中發(fā)表建議和交流功能</p><p>　　(2) 學(xué)院留言系統(tǒng)

57、：提供學(xué)院在線技術(shù)支持和咨詢的功能</p><p>　　(3) 教學(xué)科研專區(qū)：提供學(xué)院教師在個(gè)方面的成果及新聞的功能</p><p>　　(4) 新聞公告專區(qū)：提供有關(guān)學(xué)院的公告通知，計(jì)算機(jī)方面的最新資訊。</p><p>　　(5) 學(xué)工在線專區(qū)：提供用戶之間進(jìn)行交流的系統(tǒng)</p><p>　　(6) 遠(yuǎn)程管理系統(tǒng)：管理員模塊，用來管理網(wǎng)站

58、論壇會(huì)員、數(shù)據(jù)庫以及網(wǎng)站維護(hù)等。</p><p>　　5.2.2 前臺(tái)新聞文摘顯示</p><p>　　可以根據(jù)網(wǎng)站的需要,進(jìn)行各種方式的插入,自動(dòng)更新.如顯示欄目導(dǎo)航,顯示某欄目的最新N條新聞等. 使用管理系統(tǒng)制作動(dòng)態(tài)網(wǎng)頁時(shí),可在需要的地方插入相應(yīng)的代碼,即可以多種形式顯示新聞 文章的欄目或內(nèi)容。例如：一級(jí)欄目列表、二級(jí)欄目列表、欄目導(dǎo)航列表、某一欄目的最新新聞(文章)顯示條數(shù)、某一欄

59、目的熱門文章可任意調(diào)整。該系統(tǒng)也可經(jīng)后繼開發(fā),使之生成JS代碼,在一個(gè)主機(jī)上維護(hù)新聞文章,在其他靜態(tài)網(wǎng)頁中插入代碼后顯示相應(yīng)的新聞文章。</p><p>　　5.2.3 后臺(tái)管理</p><p>　　1. 文章欄目管理：增加,修改,刪除一級(jí),二級(jí)文章欄目。</p><p>　　2. 文章添加：按不同欄目添加文章、支持文本、HTML格式或源代碼顯示、支持圖片上傳和附件

60、上傳。</p><p>　　3. 新聞文章刪除：刪除舊的文章。</p><p>　　4. 新聞文章刪除：在后臺(tái)管理系統(tǒng)中上傳一些文章、上傳圖片等、在前臺(tái)查詢這些文章。</p><p>　　5. 管理員管理：后臺(tái)管理系統(tǒng)的管理員設(shè)置。</p><p>　　6. 基本項(xiàng)目管理：數(shù)據(jù)庫數(shù)據(jù)管理、系統(tǒng)初始化、網(wǎng)站資料管理、空間占用信息等。</p

61、><p>　　7. 其他項(xiàng)目管理：郵件處理、主機(jī)環(huán)境變量、組件支持情況、后臺(tái)使用幫助、文件在線管理等。</p><p>　　8. 留言系統(tǒng)管理：發(fā)表、刪除、回復(fù)留言等。</p><p>　　9. 友情鏈接管理：分類管理、添加鏈接、鏈接管理、審核申請的鏈接等。</p><p>　　10. 下載和圖片文件管理：分類管理、添加新文件、管理已存在的文件等

62、。</p><p>　　5.2.4 可視化設(shè)計(jì)</p><p>　　網(wǎng)站可視化設(shè)計(jì)的主要目的是提供給用戶一個(gè)關(guān)于網(wǎng)站的信息展示方案，一個(gè)良好有效的網(wǎng)站可視化設(shè)計(jì)能給用戶留下深刻的印象，使得用戶能夠自然、友好的瀏覽Web站點(diǎn)所提供的信息，也是網(wǎng)站設(shè)計(jì)中重要的一環(huán)。</p><p>　　可視化設(shè)計(jì)最重要的是確定網(wǎng)站的頁面布局。然后設(shè)計(jì)網(wǎng)頁的表現(xiàn)框架，建立頁面模型。<

63、;/p><p>　　5.3留言系統(tǒng)的設(shè)計(jì)</p><p>　　留言板的基本功能是讓使用者撰寫留言或查看別人的留言。一個(gè)功能完善的留言板也有著比較復(fù)雜的功能，這種復(fù)雜性表現(xiàn)在留言板的管理權(quán)限和留言豐富的表現(xiàn)形式兩個(gè)方面。只有撰寫者自己才能夠重新編輯他自己寫的留言，超級(jí)管理員可以刪除回復(fù)留言。</p><p>　　因?yàn)槭褂肁ccess創(chuàng)建數(shù)據(jù)庫最自然的方式就是使用圖形界面來

64、創(chuàng)建，所以這里沒有必要給出創(chuàng)建這表的SQL腳本。本系統(tǒng)應(yīng)該包含以下的模塊：撰寫留言模塊、瀏覽留言模塊、保存操作（撰寫，刪除，回復(fù)）的功能模塊。</p><p>　　下面是留言板界面，如圖5-1所示：</p><p>　　圖5-1留言板界面圖</p><p>　　撰寫留言頁面的表單部分代碼： <%call showtip()call

65、Guestbook()%> 這部分代碼主要是實(shí)現(xiàn)顯示IP地址和顯示留言信息的，</p><p>　　<% call GuestBook_Search() %></p><p>　　這部分代碼主要是實(shí)現(xiàn)在線留言搜索。留言系統(tǒng)嵌入了UBB功能，用戶在編輯留言時(shí)就有了自己想要的格式和效果，給用戶新意，產(chǎn)生好印象，給下次訪問網(wǎng)站帶來基礎(chǔ)和前提。論壇的設(shè)計(jì)與留言本類似，只

66、是功能比留言本更加的完善一些，在這里就不一一詳細(xì)的說明了</p><p>　　5.4 管理員登錄功能設(shè)計(jì)</p><p>　　管理員登錄頁面是整個(gè)系統(tǒng)的核心，是管理員進(jìn)行后臺(tái)管理的入口，在此完成管理員的登錄和身份驗(yàn)證，如果是合法的用戶。讀出用戶權(quán)限，然后轉(zhuǎn)如后臺(tái)管理頁面進(jìn)行系統(tǒng)的整體管理，本系統(tǒng)中的管理員登錄頁面是Admin.asp，下面詳細(xì)的介紹一下登陸頁面的創(chuàng)建設(shè)計(jì)方法。管理員登錄頁面

67、如圖5-2所示：</p><p><b>　　圖5-2管理員登錄</b></p><p>　　登陸頁面目的是進(jìn)行驗(yàn)證身份，這就需要和數(shù)據(jù)庫打交道了，所以首先調(diào)用前面設(shè)計(jì)好的數(shù)據(jù)庫連接文件，調(diào)用代碼是：<!--#include file="inc/conn.asp"--> 登陸頁面大部分代碼都為HTML代碼，但是我用了驗(yàn)證碼技術(shù)，因此需要

68、讀取驗(yàn)證碼信息，下面就是從緩存讀取頁面所產(chǎn)生的驗(yàn)證碼信息的代碼：<%option explicitResponse.Buffer = True Response.Expires = -1Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = "no-cache" %> 通過管

69、理員信息和驗(yàn)證碼信息，使用戶登錄更具安全性。在后臺(tái)的管理頁面中，由于文件較多，較繁雜，我使用了框架技術(shù)，使管理人員有很好的編輯處理界面。在進(jìn)行編輯處理文件信息的時(shí)候能夠有比較友好的界面提示，在管理菜單中來選擇需要的管理項(xiàng)目，其中按照需求分析管理項(xiàng)目工分為5大模塊，分別是新增新聞（軟件，圖片），管理類型和欄目分類，和修改管理員信息和查看系統(tǒng)信息。</p><p><b>　　第六章 總結(jié)</b>

70、;</p><p>　　通過這次校園網(wǎng)站的設(shè)計(jì)與分析制作，更深層次的熟悉了網(wǎng)站設(shè)計(jì)的過程，在處理靜態(tài)頁面的問題上，學(xué)習(xí)到了很多處理瀏覽器不兼容的問題，主頁設(shè)計(jì)采用靜、動(dòng)態(tài)結(jié)合的方式，實(shí)現(xiàn)了與瀏覽者的一種很好的交互方式，也體現(xiàn)了學(xué)校的勃勃生氣。利用ASP與數(shù)據(jù)庫結(jié)合的技術(shù)實(shí)現(xiàn)了數(shù)據(jù)庫查詢與管理，利用SQL語法過濾特定的家長留言意見，從而實(shí)現(xiàn)了家長聯(lián)絡(luò)簿的功能。通過數(shù)據(jù)庫表單的設(shè)計(jì)也實(shí)現(xiàn)了網(wǎng)上圖書館的功能以及網(wǎng)上投票

71、系統(tǒng)的功能和達(dá)級(jí)考試在線查分系統(tǒng)與計(jì)數(shù)器的功能。</p><p>　　初步利用后臺(tái)程序完成了網(wǎng)站的動(dòng)態(tài)響應(yīng)與生成網(wǎng)頁的技術(shù)，同時(shí)也從中學(xué)習(xí)了對(duì)靜態(tài)頁面的處理風(fēng)格、色彩搭配，在設(shè)計(jì)頁面導(dǎo)航方面也有了一定經(jīng)驗(yàn)。在交互式網(wǎng)頁設(shè)計(jì)學(xué)會(huì)了如何使用Access建立數(shù)據(jù)庫，以及對(duì)數(shù)據(jù)庫瀏覽、修改、添加、查詢，如何用ASP編寫程序來方便用戶在網(wǎng)上查看網(wǎng)站各方面的信息和交流。隨著各類網(wǎng)站的迅速增加與瀏覽者需求的提高，無不要求網(wǎng)站從

72、立意、策劃、頁面設(shè)計(jì)到后臺(tái)程序的全面提高。無論是校園網(wǎng)站還是企業(yè)網(wǎng)站都必須被要求從瀏覽者的角度出發(fā)，最大限度的滿足用戶的要求，這也是以后各類網(wǎng)站發(fā)展競爭的真正實(shí)質(zhì)所在。</p><p>　　本次設(shè)計(jì)的經(jīng)驗(yàn)不足，在網(wǎng)站的整體設(shè)計(jì)與各模塊的功能可能設(shè)計(jì)的不完全，有待進(jìn)一步改進(jìn)和完善，提高自身的實(shí)戰(zhàn)技術(shù)，吸取更多的經(jīng)驗(yàn)。</p><p><b>　　致 謝</b><

73、/p><p>　　在本次論文設(shè)計(jì)過程中，***老師從該論文從選題、構(gòu)思、資料收集到最后定稿的各個(gè)環(huán)節(jié)給予細(xì)心指引與教導(dǎo)，使我對(duì)校園網(wǎng)站設(shè)計(jì)有了深刻的認(rèn)識(shí)，老師是一個(gè)為人謙和的人，回答問題時(shí)總是非常耐心、用心、細(xì)心。工作認(rèn)真與負(fù)責(zé)的態(tài)度令人敬佩，在課題研究之中也給予了悉心的指導(dǎo)與幫助，使得課題研究能夠順利完成。在此謹(jǐn)向老師致以深深的敬意和衷心的感謝！</p><p>　　在本論文的寫作中，我也參

74、照了大量的著作和文章，許多學(xué)者的科研成果及寫作思路給我很大啟發(fā)，在此向這些學(xué)者們表示由衷的感謝。導(dǎo)師們的高深精湛的造詣與嚴(yán)謹(jǐn)求實(shí)的治學(xué)精神，將永遠(yuǎn)激勵(lì)著我。這三年中還得到眾多老師的關(guān)心支持和幫助。在此，謹(jǐn)向老師們致以衷心的感謝和崇高的敬意！</p><p>　　最后，我要向百忙之中抽時(shí)間對(duì)本文進(jìn)行審閱，評(píng)議和參與本人論文答辯的各位老師表示感謝。</p><p><b>　　參考文

75、獻(xiàn)</b></p><p>　　[1]求是科技.編著 ASP數(shù)據(jù)庫開發(fā)技術(shù)與工程實(shí)踐.人民郵電出版社出版.2004.</p><p>　　[2]楊威.編著ASP 3.0網(wǎng)絡(luò)開發(fā)技術(shù).人民郵電出版社出版.2000.</p><p>　　[3]鄧問淵,陳惠貞,陳俊榮.編著ASP與網(wǎng)頁數(shù)據(jù)庫設(shè)計(jì).中國鐵道出版社出.2001.</p>&

76、lt;p>　　[4]劉遵仁,于忠清.SQL Sever中文版基礎(chǔ)培訓(xùn)教程.人民郵電出版社.2002.</p><p>　　[5] 趙增敏.ASP可視化編程及應(yīng)用[M].機(jī)械工業(yè)出版社.2005.</p><p>　　[6] 龔小勇.關(guān)系數(shù)據(jù)庫與SQL Server2000[M].機(jī)械工業(yè)出版社.2008.</p><p>　　[7] 陳家琪.C程序設(shè)計(jì)教程[M

77、].新華出版社.2004.</p><p>　　[8] 明日科技.ASP.NET數(shù)據(jù)庫系統(tǒng)開發(fā)完全手冊[M].人民郵電出版社.2007.</p><p>　　[9] 鄧春妮,孫艷華,鄒慶云. ASP.NET信息化系統(tǒng)建設(shè)案例[M].人民郵電出版社.2006.</p><p>　　[10] 張固,汪曉平.編著.ASP網(wǎng)絡(luò)應(yīng)用系統(tǒng)典型模塊開發(fā)實(shí)例解析.人民郵電出版社出版