畢業(yè)設(shè)計(jì)---企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)踐

1、<p><b>　　摘 要</b></p><p>　　Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡(luò)已經(jīng)成為我們生活中不可缺少的一部分。隨著時(shí)代的發(fā)展，網(wǎng)絡(luò)逐漸成為最時(shí)尚、最快捷的交流工具。從2000年中國(guó)入世以來(lái)，全球經(jīng)濟(jì)一體化的趨勢(shì)對(duì)國(guó)有企業(yè)帶來(lái)巨大沖擊。為適應(yīng)時(shí)代發(fā)展，借鑒國(guó)際先進(jìn)的管理經(jīng)驗(yàn)，為了加強(qiáng)管理，提高工作效率，深化改革，我公司于2010年建立

2、了自己的網(wǎng)站和局域網(wǎng)。Internet上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是在Internet中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在Internet應(yīng)用中的地位顯而易見(jiàn)，本網(wǎng)站的個(gè)性化頁(yè)面生成系統(tǒng)是在Dreamweaver提供的完善的開(kāi)發(fā)環(huán)境下，利用IIS+ASP技術(shù)來(lái)實(shí)現(xiàn)完成的。本文中數(shù)據(jù)庫(kù)服務(wù)器端采用了Microsoft Access數(shù)據(jù)庫(kù)作為ODBC(Open DataBase Connecti

3、vity )數(shù)據(jù)源，并進(jìn)行數(shù)據(jù)庫(kù)存取等操作，從而使Web與數(shù)據(jù)庫(kù)緊密聯(lián)系起來(lái)。為了充分利用網(wǎng)絡(luò)資源，加強(qiáng)廠內(nèi)各個(gè)部門(mén)的聯(lián)系，加強(qiáng)合作，促進(jìn)職工的學(xué)習(xí)熱情，提高職工的業(yè)務(wù)水平，建立此網(wǎng)站。</p><p>　　關(guān)鍵詞：ASP，數(shù)據(jù)庫(kù)，ODBC,網(wǎng)站設(shè)計(jì)</p><p><b>　　目 錄</b></p><p><b>　　摘 要I

4、</b></p><p><b>　　第1章 緒論4</b></p><p>　　1.1 企業(yè)系統(tǒng)網(wǎng)站的建站環(huán)境與目的4</p><p>　　1.2 網(wǎng)站發(fā)揮的作用4</p><p>　　1.3網(wǎng)站的訪問(wèn)對(duì)象4</p><p>　　第2章 網(wǎng)站的需求分析與技術(shù)分析6<

5、;/p><p>　　2.1 需求分析6</p><p>　　2.2 相關(guān)技術(shù)分析6</p><p>　　2.2.1 ASP6</p><p>　　2.2.2 SQL server與access20006</p><p>　　2.2.3 Fireworks MX7</p><p>　　2.2

6、.4 Flash MX7</p><p>　　2.2.5 Dreavaweaver MX8</p><p>　　第3章 網(wǎng)站的系統(tǒng)設(shè)計(jì)9</p><p>　　3.1 網(wǎng)站規(guī)劃9</p><p>　　3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)9</p><p>　　第4章 網(wǎng)站的系統(tǒng)實(shí)現(xiàn)12</p><p>

7、　　4.1 LOGO和Banner12</p><p>　　4.2 網(wǎng)站界面的實(shí)現(xiàn)12</p><p>　　4.2.1 前臺(tái)網(wǎng)站的主頁(yè)設(shè)置12</p><p>　　4.2.2 網(wǎng)站的分頁(yè)設(shè)置14</p><p>　　4.2.3后臺(tái)網(wǎng)站的主頁(yè)設(shè)置15</p><p>　　4.2.4網(wǎng)站的后臺(tái)管理分頁(yè)設(shè)置16&

8、lt;/p><p>　　4.3 設(shè)置IIS服務(wù)器17</p><p>　　4.4 交互式頁(yè)面的實(shí)現(xiàn)17</p><p>　　4.4.1 ASP的對(duì)象存取數(shù)據(jù)庫(kù)方法17</p><p>　　4.4.2 后臺(tái)數(shù)據(jù)庫(kù)的連接代碼的實(shí)現(xiàn)18</p><p>　　4.4.3 網(wǎng)站調(diào)查的實(shí)現(xiàn)18</p><

9、p>　　4.4.4 留言反饋系統(tǒng)的實(shí)現(xiàn)19</p><p>　　4.4.5 崗位競(jìng)聘系統(tǒng)的實(shí)現(xiàn)21</p><p>　　4.4.6 后臺(tái)管理系統(tǒng)的各級(jí)頁(yè)面實(shí)現(xiàn)21</p><p>　　4.4.7 后臺(tái)登陸的實(shí)現(xiàn)22</p><p>　　4.5 網(wǎng)站發(fā)布與瀏覽24</p><p>　　第五章調(diào)試和優(yōu)化…

10、………………………………………………………………26</p><p>　　5.1網(wǎng)站調(diào)試25</p><p>　　5.2優(yōu)化方案27</p><p><b>　　結(jié)論28</b></p><p><b>　　致 謝29</b></p><p><b>　　參

11、考文獻(xiàn)30</b></p><p><b>　　附　錄30</b></p><p><b>　　第1章 緒論</b></p><p>　　1.1 企業(yè)系統(tǒng)網(wǎng)站的建站環(huán)境與目的</p><p>　　Internet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)

12、連接成一個(gè)整體。作為Internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，World Wide Web(簡(jiǎn)稱(chēng)WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫(kù)。據(jù)估計(jì)，目前Internet上已有上百萬(wàn)個(gè)Web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂(lè)、體育等各個(gè)領(lǐng)域，其用戶(hù)群十分龐大，因此，建設(shè)一個(gè)好的Web站點(diǎn)對(duì)于一個(gè)機(jī)構(gòu)的發(fā)展十分重要。近年來(lái)，隨著網(wǎng)絡(luò)用戶(hù)要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展，特

13、別是數(shù)據(jù)庫(kù)技術(shù)在Internet中的廣泛應(yīng)用，Web站點(diǎn)向用戶(hù)提供的服務(wù)將越來(lái)越豐富，越來(lái)越人性化。Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡(luò)已經(jīng)成為我們生活中不可缺少的一部分。為了加強(qiáng)管理，提高工作效率，借鑒國(guó)際先進(jìn)的管理經(jīng)驗(yàn)，深化改革，我公司于2010年建立了自己的網(wǎng)站和局域網(wǎng)。為了充分利用網(wǎng)絡(luò)資源，加強(qiáng)廠內(nèi)各個(gè)部門(mén)的聯(lián)系，加強(qiáng)合作，促進(jìn)職工的學(xué)習(xí)熱情，提高職工的業(yè)務(wù)水平，建立此網(wǎng)站。</p>

14、<p>　　本文中數(shù)據(jù)庫(kù)服務(wù)器端采用了Microsoft Access數(shù)據(jù)庫(kù)作為ODBC(Open DataBase Connectivity )數(shù)據(jù)源，并進(jìn)行數(shù)據(jù)庫(kù)存取等操作，使Web與數(shù)據(jù)庫(kù)緊密聯(lián)系起來(lái)</p><p>　　整個(gè)個(gè)性化頁(yè)面生成系統(tǒng)主要由使用Dreamweaver開(kāi)發(fā)的關(guān)聯(lián)規(guī)則采掘系統(tǒng)和利用IIS+ASP技術(shù)實(shí)現(xiàn)的個(gè)性化Web頁(yè)面生成器兩部分組成。關(guān)聯(lián)規(guī)則采掘系統(tǒng)對(duì)數(shù)據(jù)庫(kù)中的歷史記錄進(jìn)

15、行分析，產(chǎn)生用戶(hù)關(guān)聯(lián)規(guī)則表；頁(yè)面生成器則負(fù)責(zé)記錄用戶(hù)行為和根據(jù)關(guān)聯(lián)規(guī)則表動(dòng)態(tài)生成用戶(hù)個(gè)性化Web頁(yè)面。二者通過(guò)數(shù)據(jù)庫(kù)服務(wù)器和Web服務(wù)器連接。</p><p>　　1.2 網(wǎng)站發(fā)揮的作用</p><p>　　信息時(shí)代的來(lái)臨拓寬了大家進(jìn)行自我提升的途徑，同時(shí)也對(duì)大家的素質(zhì)提出了更高的要求。被稱(chēng)為當(dāng)今社會(huì)的“天之驕子”的電腦主宰著世界的前進(jìn)，而主宰電腦的我們則更應(yīng)該多思考，多研究，多學(xué)習(xí)。只讀

16、書(shū)的學(xué)習(xí)方式一去不復(fù)返，科技的日新月異，使我們不得不學(xué)習(xí)一種新的知識(shí)--計(jì)算機(jī)技術(shù)。怪不得有人說(shuō)“不會(huì)電腦的人，將是新世紀(jì)的文盲”。足見(jiàn)網(wǎng)上學(xué)習(xí)的重要性。員工網(wǎng)上交流系統(tǒng)網(wǎng)站將作為一個(gè)員工的學(xué)習(xí)、交流的平臺(tái)，設(shè)立公司新聞，展示全公司風(fēng)采，發(fā)布各種新聞、單位組織的活動(dòng)、等信息；設(shè)立學(xué)習(xí)平臺(tái)實(shí)現(xiàn)網(wǎng)上學(xué)習(xí)，拓寬培訓(xùn)途徑；隨著單位人事制度改革的深入，強(qiáng)化人才的管理，建立崗位競(jìng)聘模塊；留言反饋、聯(lián)系我們的建立，便于于員工的互動(dòng)和交流。</p

17、><p>　　1.3網(wǎng)站的訪問(wèn)對(duì)象</p><p>　　站內(nèi)瀏客：瀏覽網(wǎng)頁(yè)后知道本單位的概況，了解公司的組織結(jié)構(gòu)；掌握和學(xué)習(xí)公司專(zhuān)業(yè)知識(shí)。</p><p>　　管理人員：對(duì)網(wǎng)站進(jìn)行管理，回復(fù)留言，發(fā)布新聞、及崗位競(jìng)聘等內(nèi)容。查看崗位競(jìng)聘信息，并與之聯(lián)系等。</p><p>　　第2章 網(wǎng)站的需求分析與技術(shù)分析</p><p

18、><b>　　2.1 需求分析</b></p><p>　　現(xiàn)代社會(huì)是信息高度發(fā)達(dá)的社會(huì)，伴隨著信息的潮涌，技術(shù)的沖擊，大多數(shù)人的觀念也在逐步改變，將信息技術(shù)與公司資源整合，讓現(xiàn)代信息技術(shù)為公司網(wǎng)站服務(wù)，是一個(gè)提高教學(xué)效果和效率的有效途徑。</p><p>　　因此網(wǎng)站建立根據(jù)現(xiàn)在單位的實(shí)際情況有如下要求：</p><p>　　建立網(wǎng)站主

19、要應(yīng)用于本公司內(nèi)部交流和方便公眾訪問(wèn)外部網(wǎng)站。</p><p>　　由于單位部門(mén)多，人員分散，需要依托網(wǎng)絡(luò)建立一個(gè)學(xué)習(xí)交流平臺(tái)。</p><p>　　管理人員的計(jì)算機(jī)水平參差不齊，需要建立一個(gè)強(qiáng)大的后臺(tái)管理平臺(tái)，主要是它的易用性。</p><p>　　隨著公司人事制度深化改革，逐漸加強(qiáng)各部門(mén)管理，競(jìng)爭(zhēng)上崗成為單位的主要的管理形式，因此建立崗位競(jìng)聘欄目。</p&

20、gt;<p>　　建立一個(gè)展示和聯(lián)絡(luò)平臺(tái)。 </p><p>　　2.2 相關(guān)技術(shù)分析</p><p><b>　　2.2.1 ASP</b></p><p><b>　　1. ASP簡(jiǎn)介</b></p><p>　　ASP(Microsoft Active Server Pages

21、) ，是一套微軟開(kāi)發(fā)的服務(wù)器端腳本環(huán)境， ASP 內(nèi)含于 IIS 3.0 和 4.0 以及更高的版本之中, 通過(guò) ASP 可以結(jié)合 HTML 網(wǎng)頁(yè)、 ASP 指令和 ActiveX 元件建立動(dòng)態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶(hù)瀏覽器，這樣也就減輕了客戶(hù)端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。因其有很多的優(yōu)點(diǎn)，所以

22、我在燕京網(wǎng)上交流系統(tǒng)網(wǎng)站設(shè)計(jì)時(shí)選擇了它。</p><p><b>　　2. ASP的特點(diǎn)</b></p><p>　　使用 VBScript 、 Jscript 等簡(jiǎn)單易懂的腳本語(yǔ)言，結(jié)合 HTML 代碼， 即可快速地完成網(wǎng)站的應(yīng)用程序。 </p><p>　　無(wú)須編譯，容易編寫(xiě)，可在服務(wù)器端直接執(zhí)行。 </p><p&g

23、t;　　使用普通的文本編輯器，如 Windows 的記事本，即可進(jìn)行編輯設(shè)計(jì)。 </p><p>　?。?） 與瀏覽器無(wú)關(guān), 用戶(hù)端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 </p><p>　　Active Server Pages 所設(shè)計(jì)的網(wǎng)頁(yè)內(nèi)容。</p><p>　　（5） Active Server Pages 的源程序，不會(huì)被傳到客戶(hù)瀏覽器，

24、因而可 以避免所寫(xiě)的源程序被他人剽竊，也提高了程序的安全性。</p><p>　?。?） 瀏覽器傳送到站點(diǎn)服務(wù)器的表單輸入訪問(wèn)和編輯服務(wù)器的數(shù)據(jù)庫(kù)表。使用瀏覽器即可輸入、更新和刪除點(diǎn)服務(wù)器的數(shù)據(jù)庫(kù)中的數(shù)據(jù)</p><p>　　2.2.2 SQL server與access2000 </p><p>　　Microsoft SQL Serve

25、r 2000 是企業(yè)級(jí)數(shù)據(jù)庫(kù)解決方案，與 Microsoft Access 2002 相比，它極大地改進(jìn)了可伸縮性、維護(hù)性和數(shù)據(jù)庫(kù)恢復(fù)功能。由于 SQL Server 基于客戶(hù)端/服務(wù)器體系結(jié)構(gòu)，所以在通過(guò)遠(yuǎn)程連接處理和發(fā)送數(shù)據(jù)的方式上與 Access 有很大的不同。SQL Server 還提供了許多功能，使數(shù)據(jù)查詢(xún)、業(yè)務(wù)邏輯重用和數(shù)據(jù)備份等任務(wù)變得更簡(jiǎn)單，更靈活。</p><p>　　雖然SQL server有

26、很多的優(yōu)點(diǎn)，但SQL用語(yǔ)創(chuàng)建大型數(shù)據(jù)庫(kù)操作復(fù)雜，涉及到的困難較多如數(shù)據(jù)庫(kù)的移動(dòng)等。又因我所選擇開(kāi)發(fā)的課題只是一個(gè)較小的課題，其數(shù)據(jù)庫(kù)主要應(yīng)用到網(wǎng)上注冊(cè)、留言咨詢(xún)系統(tǒng)中。殺雞焉用宰牛刀？根據(jù)我的分析可以選擇簡(jiǎn)單的Access 2000數(shù)據(jù)庫(kù)作為我的網(wǎng)站開(kāi)發(fā)的數(shù)據(jù)庫(kù)，因其操作非常簡(jiǎn)單，可移動(dòng)性好（隨著網(wǎng)站可隨意移到任何位置），界面直觀，經(jīng)常應(yīng)用，使用熟練等特點(diǎn)使它成為我的首選。</p><p>　　2.2.3 Fir

27、eworks MX</p><p>　　Fireworks mx是Macromedia公司推出的平面圖像設(shè)計(jì)和圖像處理軟件，它具有強(qiáng)大的圖像優(yōu)化功能和操作易用性，受到廣大平面圖形設(shè)計(jì)人員及網(wǎng)頁(yè)設(shè)計(jì)人員的青睞。利用它可制作如按鈕、背景圖片、材質(zhì)紋理、網(wǎng)頁(yè)特效及網(wǎng)頁(yè)效果設(shè)計(jì)等。</p><p><b>　　突出功能介紹：</b></p><p>　

28、　圖像大小尺寸的處理:打開(kāi)要處理尺寸大小的圖像，在Modify修改菜單中選擇Image Size打開(kāi)設(shè)置圖像尺寸大小的對(duì)話(huà)框，進(jìn)行具體選項(xiàng)設(shè)置，改變圖像大小，節(jié)省占用空間。</p><p>　　圖像優(yōu)化的處理: 主要是協(xié)調(diào)圖像的質(zhì)量和圖像大小之間的關(guān)系，以便提高圖像在網(wǎng)頁(yè)中的下載速度。具體步驟：打開(kāi)圖像，在Window窗口菜單中選擇Optimize打開(kāi)優(yōu)化面板，進(jìn)行具體優(yōu)化設(shè)置，可以通過(guò)改變圖像格式，實(shí)

29、現(xiàn)優(yōu)化處理。</p><p>　　使用切割化設(shè)置: 將圖像分割成多個(gè)板塊，然后在對(duì)不同的板塊使用不同的優(yōu)化設(shè)置。具體步驟：打開(kāi)圖像，在View菜單中選擇Slice Overlay項(xiàng)勾選，然后單擊Show Hotspots and Slices（顯示熱區(qū)和切割）按鈕，對(duì)圖像進(jìn)行切割處理，將一幅圖像切割成若干小圖像，提高網(wǎng)頁(yè)瀏覽圖像速度。</p><p>　　2.2.4 Flash MX<

30、;/p><p>　　FLASH是制作動(dòng)畫(huà)的一個(gè)軟件工具，它可以通過(guò)文字、圖片、錄像、聲音等綜合手段形象的體現(xiàn)一個(gè)意圖，通常像我們看到的廣告片段一樣。一般利用 Flash 技術(shù)來(lái)包裝公司形象、進(jìn)行產(chǎn)品宣傳等，通過(guò)網(wǎng)頁(yè)充分體現(xiàn)它的魅力，并可以達(dá)到非常好的效果。與以前版本相比較Flash MX有如下特點(diǎn)：</p><p>　　MX 擁有可訂制的、直觀的、友好的界面?？捎喼频奶匦园ǎ好姘宀季帧⒖旖萱I

31、和發(fā)布設(shè)定。用戶(hù)界面和 Macromedia 的其他工具一樣，這樣給使用者在應(yīng)用方面帶來(lái)很大的好處。 </p><p>　　類(lèi)似文件夾的組織和層操作，timeline 的強(qiáng)化可以讓你的工作更快速、工作量更少。比如：改善的鼠標(biāo)指針變形，多幀的修改長(zhǎng)短、剪切和粘貼可以更加方便的使用 timeline。 </p><p>　　通過(guò)易用的工具可以對(duì)圖像對(duì)象進(jìn)行斜拉、旋轉(zhuǎn)、縮放和變形。當(dāng)你改變sha

32、pes, symbols, 和graphic elements 時(shí)，新的工具可以加強(qiáng)你的創(chuàng)造力。</p><p>　　使用動(dòng)態(tài)蒙板可以產(chǎn)生復(fù)雜的效果。利用 movie clip 建立動(dòng)態(tài)的效果，也可以利用 ActionScript 控制蒙板。</p><p>　　2.2.5 Dreavaweaver MX</p><p>　　Dreamweaver是Macromed

33、ia公司推出的一款“平民化”的網(wǎng)頁(yè)制作軟件，具有可視化編輯界面和強(qiáng)大的所見(jiàn)即所得網(wǎng)頁(yè)編輯功能。用戶(hù)不必編寫(xiě)復(fù)雜的HTML源代碼，就可以生成跨平臺(tái)、跨瀏覽器的網(wǎng)頁(yè)。同時(shí)，Dreamweaver支持動(dòng)態(tài)HTML，并采用了Roundtrip HTML技術(shù)，從而奠定了在網(wǎng)頁(yè)高級(jí)設(shè)計(jì)功能方面的領(lǐng)先地位。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，動(dòng)態(tài)HTML技術(shù)能夠讓用戶(hù)輕松設(shè)計(jì)復(fù)雜的交互式網(wǎng)頁(yè)，產(chǎn)生動(dòng)態(tài)效果；而Roundtrip HTML技術(shù)則可以支持HTML源編輯

34、模式，不會(huì)產(chǎn)生冗余代碼，使網(wǎng)頁(yè)渲染速度加快。因此，Dreamweaver是一款可以滿(mǎn)足多層次需求，功能強(qiáng)大的可視化專(zhuān)業(yè)級(jí)網(wǎng)頁(yè)設(shè)計(jì)和制作工具。</p><p>　　Dreavaweaver MX軟件具有以下特色。</p><p>　　出色的工作界面，將所有與Dreamweaver關(guān)聯(lián)的窗口都融入一個(gè)多重文檔窗口中，用戶(hù)可以隨時(shí)查看各種資源。并且可以設(shè)置單個(gè)或多個(gè)面板自由顯示，使用戶(hù)更精確地掌

35、握網(wǎng)頁(yè)制作的細(xì)微之處。</p><p>　　擁有更強(qiáng)大的協(xié)作能力，能夠與Macromedia公司的其他網(wǎng)頁(yè)制作軟件，如Flash MX、Fireworks MX等協(xié)調(diào)一致工作，從而使得輕松制作網(wǎng)頁(yè)成為可能。 </p><p>　　提供了更為強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML(Dynamic HTML)和CSS(Cascading Style Sheets)方面表現(xiàn)得極為出色。它利用Ja

36、vaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互性操作，在這方面超過(guò)了FrontPage XP、Hotdog和Homesite等著名網(wǎng)頁(yè)設(shè)計(jì)軟件，成為目前最為流行的網(wǎng)頁(yè)設(shè)計(jì)工具。</p><p>　　允許在Dreamweaver中直接制作Flash Text、Flash Button插件，同時(shí)全面支持ASP、ASP .NET、JSP、PHP、XML、VXML和CFML等代碼，支持目前流行的大部分

37、網(wǎng)絡(luò)設(shè)計(jì)代碼。</p><p>　　增強(qiáng)了庫(kù)和模板功能，使用戶(hù)可以直接建立具有專(zhuān)業(yè)界面和代碼的網(wǎng)頁(yè)。</p><p>　　綜上所述：我選擇了Dreamweaver MX用來(lái)設(shè)計(jì)網(wǎng)站布局，使用ASP技術(shù)完成動(dòng)態(tài)網(wǎng)頁(yè)的后臺(tái)數(shù)據(jù)庫(kù)的控制工作。用Fireworks MX完成網(wǎng)頁(yè)里的圖形、圖像、背景等處理。用Access 2000創(chuàng)建后臺(tái)數(shù)據(jù)庫(kù)，用Flash MX完成網(wǎng)頁(yè)中動(dòng)態(tài)圖像的制作。</

38、p><p>　　第3章 網(wǎng)站的系統(tǒng)設(shè)計(jì)</p><p><b>　　3.1 網(wǎng)站規(guī)劃</b></p><p>　　根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開(kāi)發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站做如下劃分：</p><p><b>　　主導(dǎo)航欄：</b></p><p>　　由

39、網(wǎng)站首頁(yè)、公司簡(jiǎn)介、關(guān)愛(ài)健康、聯(lián)系我們四大主要板塊組成，利用網(wǎng)絡(luò)平臺(tái)增進(jìn)、強(qiáng)化員工的學(xué)習(xí)及信息技術(shù)應(yīng)用水平等。</p><p><b>　　首頁(yè)展示：</b></p><p>　　首頁(yè)、公司簡(jiǎn)介、關(guān)愛(ài)健康、聯(lián)系我們、聯(lián)系我們，同時(shí)在右側(cè)下方顯示有公司的負(fù)責(zé)人，聯(lián)系電話(huà)、公司地址等各種聯(lián)系方式。網(wǎng)站結(jié)構(gòu)如圖3-1所示。</p><p>　　3.1

40、．1 北京中脈遠(yuǎn)紅網(wǎng)站系統(tǒng)功能結(jié)構(gòu)圖如下：</p><p><b>　　圖3-1網(wǎng)站結(jié)構(gòu)圖</b></p><p><b>　　3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>　　在設(shè)計(jì)網(wǎng)站的后臺(tái)數(shù)據(jù)庫(kù)時(shí)我采用的數(shù)據(jù)庫(kù)是Microsoft Access 2000，建立后綴為“.mdb”的庫(kù)文件。在網(wǎng)站中前臺(tái)與后臺(tái)管理系統(tǒng)共同使

41、用一個(gè)數(shù)據(jù)庫(kù)sjhhsjb.asp，來(lái)完成各自的任務(wù)。用.asp將數(shù)據(jù)庫(kù)封裝，加強(qiáng)了數(shù)據(jù)庫(kù)的安全性。在數(shù)據(jù)庫(kù)中共有12張表，與前臺(tái)有關(guān)的表有4張表（User表正在建設(shè)中），后臺(tái)管理相關(guān)有11張表。</p><p>　　3.2.1 數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)</p><p>　　針對(duì)北京中脈遠(yuǎn)紅網(wǎng)站的需求，通過(guò)企業(yè)的管理過(guò)程中內(nèi)容和流程的分析，</p><p>　　圖3-2 數(shù)據(jù)

42、庫(kù)結(jié)構(gòu)圖</p><p>　　3.2.2數(shù)據(jù)庫(kù)表設(shè)計(jì)</p><p>　　首先將網(wǎng)站管理信息系統(tǒng)的數(shù)據(jù)庫(kù)概念結(jié)構(gòu)轉(zhuǎn)化為SQL 2000數(shù)據(jù)庫(kù)系統(tǒng)所支持的實(shí)際數(shù)據(jù)模型，即：數(shù)據(jù)庫(kù)的邏輯結(jié)構(gòu)。</p><p><b>　　luntan表 </b></p><p>　　表3.1 luntan表</p><p

43、><b>　　publish表</b></p><p>　　表3.2 publish表</p><p><b>　　shiji表</b></p><p>　　表3.3 shiji表</p><p><b>　　user表</b></p><p>

44、;　　表3.4 user表</p><p>　　第4章 網(wǎng)站的系統(tǒng)實(shí)現(xiàn)</p><p>　　4.1 LOGO和Banner</p><p>　　網(wǎng)站的LOGO和Banner是網(wǎng)站的標(biāo)志，由標(biāo)志圖片，網(wǎng)站名稱(chēng)，宣傳語(yǔ)和宣傳圖片組成。如圖4-1所示。其中，網(wǎng)站標(biāo)志和網(wǎng)站名稱(chēng)是用Firewoks MX軟件設(shè)計(jì)實(shí)現(xiàn)的；宣傳語(yǔ)和宣傳圖片是用Flash MX軟件設(shè)計(jì)實(shí)現(xiàn)的。&

45、lt;/p><p>　　圖4-1LOGO與Banner的標(biāo)志圖片</p><p>　　4.2 網(wǎng)站界面的實(shí)現(xiàn)</p><p>　　4.2.1 前臺(tái)網(wǎng)站的主頁(yè)設(shè)置</p><p>　　在網(wǎng)站中設(shè)計(jì)中，為保持各個(gè)頁(yè)面的連貫性，采用分塊設(shè)計(jì)。設(shè)計(jì)Head.asp作為各個(gè)網(wǎng)頁(yè)的頭部；設(shè)計(jì)Foot.asp作為網(wǎng)頁(yè)的頁(yè)腳。頭部與頁(yè)腳的色調(diào)以藍(lán)色調(diào)為主，醒目，

46、突出重點(diǎn)。中間內(nèi)容部分以白色作為基色調(diào)。能夠把內(nèi)容鮮明的體現(xiàn)出來(lái)。</p><p>　　Head.asp的現(xiàn)實(shí)效果如圖4-2所示</p><p>　　圖4-2 head網(wǎng)頁(yè)頭部圖片</p><p>　　foot.asp的現(xiàn)實(shí)效果如圖4-3所示：</p><p>　　圖4-3 foot網(wǎng)頁(yè)的頁(yè)腳圖片</p><p>　　

47、首頁(yè)面采用動(dòng)、靜結(jié)合的方法進(jìn)行設(shè)計(jì)。動(dòng)是指畫(huà)面的動(dòng)和動(dòng)態(tài)網(wǎng)也行結(jié)合；靜是指靜態(tài)頁(yè)面顯示。給人以簡(jiǎn)潔，但內(nèi)容突出的印象。如圖4-4所示：</p><p><b>　　圖4-4網(wǎng)站主頁(yè)面</b></p><p>　　在網(wǎng)站中以簡(jiǎn)潔的方式將網(wǎng)站的主要欄目介紹出來(lái)，同時(shí)將第一個(gè)動(dòng)態(tài)的欄目帶給大家。以靜態(tài)方式展示新聞資訊、學(xué)習(xí)平臺(tái)、聯(lián)系我們和友情鏈接。一個(gè)動(dòng)態(tài)欄目-網(wǎng)站調(diào)查。實(shí)

48、現(xiàn)瀏覽者的第一次交互。</p><p>　　4.2.2 網(wǎng)站的分頁(yè)設(shè)置</p><p>　　網(wǎng)站的分頁(yè)是由主頁(yè)鏈接的目標(biāo)頁(yè)，其內(nèi)容為主頁(yè)鏈接的詳細(xì)內(nèi)容展開(kāi)。本網(wǎng)站中設(shè)置了一級(jí)、二級(jí)子頁(yè)，個(gè)個(gè)欄目的內(nèi)容。各級(jí)子頁(yè)面保持與主業(yè)面的風(fēng)格，實(shí)現(xiàn)了網(wǎng)站的統(tǒng)一。其形式見(jiàn)圖4-5和圖4-6。</p><p>　　圖4-5網(wǎng)站一級(jí)頁(yè)面</p><p>　　圖

49、4-6網(wǎng)站二級(jí)子頁(yè)面</p><p>　　4.2.3后臺(tái)網(wǎng)站的主頁(yè)設(shè)置</p><p>　　在網(wǎng)站中設(shè)計(jì)中，為保持各個(gè)頁(yè)面的連貫性，采用分塊設(shè)計(jì)。后臺(tái)設(shè)計(jì)采用了與前臺(tái)相同的技術(shù)。但頁(yè)面風(fēng)格不同。其首頁(yè)面形式如圖4-7所示：</p><p>　　圖4-7后臺(tái)管理首頁(yè)面 </p><p>　　4.2.4網(wǎng)站的后臺(tái)管理分頁(yè)設(shè)置</p>

50、<p>　　網(wǎng)站的后臺(tái)以紅色為基調(diào)，首頁(yè)不再顯示各分頁(yè)面的內(nèi)容。后臺(tái)進(jìn)入需要登陸。其登陸的頁(yè)面如圖4-9所示：</p><p>　　圖4-8后臺(tái)管理登錄頁(yè)面</p><p>　　圖4-9后臺(tái)管理的信息管理的信息修改頁(yè)面</p><p>　　總之后臺(tái)管理的設(shè)計(jì)思想是盡量直接實(shí)現(xiàn)各種功能，不需其他技巧就能完成后臺(tái)管理，使其不需要多少的計(jì)算機(jī)專(zhuān)業(yè)技能，也能輕松

51、勝任。</p><p>　　4.3 設(shè)置IIS服務(wù)器</p><p>　　在Windows操作系統(tǒng)中選擇控制面板→添加/刪除程序→添加/刪除Windows組件→勾選Internet信息服務(wù)（IIS）即可。</p><p>　　4.4 交互式頁(yè)面的實(shí)現(xiàn)</p><p>　　4.4.1 ASP的對(duì)象存取數(shù)據(jù)庫(kù)方法</p><p

52、>　　在ASP中，用來(lái)存取數(shù)據(jù)庫(kù)的對(duì)象統(tǒng)稱(chēng)ADO（Active Data Objects），主要含有三種對(duì)象：Connection、Recordset 、Command。</p><p>　　Connection：負(fù)責(zé)打開(kāi)或連接數(shù)據(jù)。</p><p>　　Recordset：負(fù)責(zé)存取數(shù)據(jù)表。</p><p>　　Command：負(fù)責(zé)對(duì)數(shù)據(jù)庫(kù)執(zhí)行行動(dòng)查詢(xún)命令。&

53、lt;/p><p>　　4.4.2 后臺(tái)數(shù)據(jù)庫(kù)的連接代碼的實(shí)現(xiàn)</p><p>　　要使用后臺(tái)數(shù)據(jù)庫(kù)的數(shù)據(jù)，必須先進(jìn)行數(shù)據(jù)庫(kù)的連接與打開(kāi)，要連接數(shù)據(jù)庫(kù)我們必須使用ADO對(duì)象群的Connection對(duì)象。 asp數(shù)據(jù)庫(kù)的連接有2種方法：</p><p>　　1、可以使用 DSN 在 Web 應(yīng)用程序和數(shù)據(jù)庫(kù)之間建立 ODBC 連接。DSN 是一種名稱(chēng)，它包含使用 ODBC

54、 驅(qū)動(dòng)程序連接到指定數(shù)據(jù)庫(kù)所需的全部參數(shù)。 </p><p>　　2、可以使用非 DSN 連接在 Web 應(yīng)用程序和數(shù)據(jù)庫(kù)之間創(chuàng)建 ODBC 或 OLE DB 連接。 即連接字符串。</p><p>　　使用連接字符串來(lái)創(chuàng)建該連接,連接字符串包含 Web 應(yīng)用程序在服務(wù)器上連接到數(shù)據(jù)庫(kù)所需的全部信息。Dreamweaver 在網(wǎng)頁(yè)的服務(wù)器端腳本中插入該字符串，以便讓?xiě)?yīng)用程序服務(wù)器在隨后進(jìn)行

55、處理。 下面是一個(gè)連接字符串示例： </p><p>　　Driver={Microsoft Access Driver (*.mdb)};</p><p>　　DBQ=d:\abc\wwwroot\myweb\data.mdb</p><p>　　后臺(tái)數(shù)據(jù)庫(kù)的連接因非DSN連接簡(jiǎn)單我選擇了非DSN連接，由于連接方法相同，我在每個(gè)交互式系統(tǒng)中都建立了一個(gè)conn.a

56、sp連接和打開(kāi)數(shù)據(jù)庫(kù)文件，以供其他動(dòng)態(tài)網(wǎng)頁(yè)文件包含應(yīng)用。代碼如下：</p><p><b>　　<%</b></p><p>　　Set Conn=Server.CreateObject("ADODB.Connection")</p><p>　　Conn.Open "DBQ="&Serve

57、r.MapPath("data\data.mdb")&";Driver={Microsoft Access Driver (*.mdb)}"</p><p><b>　　%></b></p><p>　　4.4.3 網(wǎng)站調(diào)查的實(shí)現(xiàn)</p><p>　　主要思想是：采集數(shù)據(jù)直接調(diào)用syscod

58、e.asp中的showvote()函數(shù)，對(duì)于設(shè)置網(wǎng)站調(diào)查則在后臺(tái)管理中地votemanage.asp如圖4-11和4-12：</p><p>　　圖4-11后臺(tái)管理網(wǎng)站調(diào)查界面</p><p><b>　　圖4-12網(wǎng)站調(diào)查</b></p><p>　　在后臺(tái)管理系統(tǒng)中可以對(duì)你感興趣的話(huà)題進(jìn)行設(shè)置如圖4-11所示，在前臺(tái)顯示如圖4-12所示，就

59、可以得到相應(yīng)的調(diào)查結(jié)果。調(diào)查結(jié)果如圖4-13所示</p><p><b>　　圖4-13調(diào)查結(jié)果</b></p><p>　　4.4.4 留言反饋系統(tǒng)的實(shí)現(xiàn)</p><p>　　留言反饋系統(tǒng)主要在前臺(tái)體現(xiàn)，前臺(tái)不僅可以瀏覽每個(gè)人的留言，及聯(lián)系方式，還可以加入自己的留言、意見(jiàn)等。后臺(tái)主要負(fù)責(zé)管理員對(duì)留言的回復(fù)和管理。前臺(tái)實(shí)現(xiàn)由顯示留言went.a

60、sp（如圖4-14所示）留言savenetbook.asp（留言報(bào)錯(cuò)系統(tǒng)）和wtok.asp（提交成功）組成。這樣就達(dá)到了管理員與瀏覽著、用戶(hù)的有效溝通。 </p><p>　　圖4-14留言的頁(yè)面</p><p>　　其報(bào)錯(cuò)畫(huà)面如圖4-15所示</p><p><b>　　圖4-15報(bào)錯(cuò)畫(huà)面</b></p><p>

61、;　　后臺(tái)管理的界面如圖4-16所示</p><p>　　4-16留言管理的后臺(tái)系統(tǒng)</p><p>　　4.4.5 崗位競(jìng)聘系統(tǒng)的實(shí)現(xiàn)</p><p>　　崗位競(jìng)聘的前臺(tái)與后臺(tái)管理得勢(shì)線(xiàn)路留言反饋系統(tǒng)類(lèi)似，這里不再敘述。</p><p>　　4.4.6 后臺(tái)管理系統(tǒng)的各級(jí)頁(yè)面實(shí)現(xiàn)</p><p>　　這里僅以新聞資訊

62、為例，其他分級(jí)頁(yè)面大同小異。新聞資訊在前臺(tái)主要是顯示共瀏覽著閱讀，后臺(tái)是管理者將信息資訊加入數(shù)據(jù)庫(kù)，添加、修改、刪除。前臺(tái)不再累述。其導(dǎo)航是信息管理。包含：manage_news.asp信息修改、刪除。分別如圖4-17所示：</p><p><b>　　圖4-17信息修改</b></p><p>　　這樣就方便得實(shí)現(xiàn)了在后臺(tái)簡(jiǎn)單的加入信息，就可以讓瀏覽者在前臺(tái)瀏覽。實(shí)

63、現(xiàn)了盡管管理者不懂電腦，也能如意的運(yùn)用進(jìn)行發(fā)布信息、修改信息。</p><p>　　4.4.7 后臺(tái)登陸的實(shí)現(xiàn)</p><p>　　對(duì)后臺(tái)管理的實(shí)現(xiàn)，只有登陸系統(tǒng)。要成為一個(gè)管理員，必須有已是管理員的人在后臺(tái)管理頁(yè)面上進(jìn)行添加操作，才能使之成為管理員。管理登陸login.asp如圖4-18，管理員管理manage_admin.asp如圖4-19所示。</p><p>

64、;　　圖4-18管理員登陸畫(huà)面</p><p>　　在login.asp的源代碼里同時(shí)有報(bào)錯(cuò)系統(tǒng)。</p><p>　　圖4-19管理員管理界面</p><p>　　4.5 網(wǎng)站發(fā)布與瀏覽</p><p><b>　　1.發(fā)布</b></p><p>　　將網(wǎng)站的所有文件夾和文件保存到設(shè)定的主目錄

65、中即可。</p><p><b>　　設(shè)置主目錄</b></p><p>　　選擇控制面板→管理工具→Internet服務(wù)管理器→右擊默認(rèn)站點(diǎn)→選擇屬性→設(shè)置主目錄。</p><p><b>　　瀏覽</b></p><p>　　在IIS中選擇默認(rèn)Web站點(diǎn)中的首頁(yè)default文檔，右鍵選擇瀏覽。

66、</p><p><b>　　第5章 調(diào)試和優(yōu)化</b></p><p><b>　　5.1網(wǎng)站調(diào)試</b></p><p>　　一個(gè)站點(diǎn)制作好后，在細(xì)節(jié)上肯定還有一些值得調(diào)節(jié)的地方，比如無(wú)效鏈接，Java、Cookie錯(cuò)誤等等，所以網(wǎng)站調(diào)試是一個(gè)不容忽視的環(huán)節(jié)。只要利用瀏覽器就可以完成這項(xiàng)工作。</p>&

67、lt;p>　　雖然Internet Explorer（簡(jiǎn)稱(chēng)IE）在瀏覽器市場(chǎng)中占據(jù)著優(yōu)勢(shì)性份額，但并不是說(shuō)它強(qiáng)大到無(wú)可挑剔的地步，除了安全隱患問(wèn)題，在站長(zhǎng)進(jìn)行網(wǎng)站調(diào)試時(shí)，也暴露出IE的嚴(yán)重不足。其實(shí)，很多站長(zhǎng)都利用Mozilla這款老牌的Web瀏覽器來(lái)調(diào)試自己的網(wǎng)站，它可以快速、高效、即時(shí)地找出網(wǎng)頁(yè)中存在的問(wèn)題。</p><p>　　（1）為什么Mozilla比IE更適合調(diào)試網(wǎng)站</p>&l

68、t;p>　　和IE不同的是，Mozilla不但可以用于網(wǎng)頁(yè)瀏覽、網(wǎng)頁(yè)編輯，更為重要的是Mozilla內(nèi)置了強(qiáng)大的調(diào)試工具，能方便、高效地對(duì)站點(diǎn)網(wǎng)頁(yè)進(jìn)行JavaScript糾錯(cuò)、Cookie管理、源代碼查看、DOM 查看和頁(yè)面信息查詢(xún)等，這些都是IE不容易做到的。</p><p>　　（2）運(yùn)用環(huán)境：當(dāng)IE腳本信息太簡(jiǎn)單時(shí)</p><p>　　在網(wǎng)頁(yè)編寫(xiě)中使用JavaScript是司空

69、見(jiàn)慣的事情了，當(dāng)JavaScript出現(xiàn)問(wèn)題時(shí)，在IE瀏覽器中只會(huì)彈出一個(gè)簡(jiǎn)單的錯(cuò)誤提示對(duì)話(huà)框，告訴你該網(wǎng)頁(yè)有錯(cuò)誤，出錯(cuò)提示信息過(guò)于簡(jiǎn)單，而且無(wú)法進(jìn)行管理，滿(mǎn)足不了調(diào)試網(wǎng)頁(yè)工作的需要。這種情況下，我們就可以利用Mozilla來(lái)解決。</p><p>　?。?）錯(cuò)誤，就這樣被“揪出”</p><p>　　Mozilla內(nèi)置了“JavaScript控制臺(tái)”，只要你在網(wǎng)頁(yè)調(diào)試時(shí)打開(kāi)JavaScr

70、ipt控制臺(tái)，就可以看到被記錄下的JavaScript 錯(cuò)誤提示信息，方便大家找出錯(cuò)誤所在，起到即時(shí)修正網(wǎng)頁(yè)錯(cuò)誤的目的。</p><p>　　如何利用Mozilla內(nèi)置的“JavaScript控制臺(tái)”來(lái)快速定位問(wèn)題所在？其實(shí)非常簡(jiǎn)單。使用Mozilla 瀏覽器進(jìn)行網(wǎng)站調(diào)試時(shí)，依次點(diǎn)擊“工具→Web開(kāi)發(fā)→JavaScript控制臺(tái)”項(xiàng)目后，彈出“JavaScript控制臺(tái)”對(duì)話(huà)框，在列表框中記錄著網(wǎng)頁(yè)的JavaSc

71、ript出錯(cuò)信息，并且每項(xiàng)錯(cuò)誤信息都詳細(xì)地記錄著出錯(cuò)的文件名、JavaScript錯(cuò)誤所在行號(hào)，以及錯(cuò)誤出現(xiàn)時(shí)的上下文，這樣一來(lái)就很容易找出JavaScript出錯(cuò)位置和錯(cuò)誤原因。此外，你還可以右鍵點(diǎn)擊錯(cuò)誤項(xiàng)目，在彈出的菜單中選擇“復(fù)制”項(xiàng)目，將JavaScript出錯(cuò)信息復(fù)制到剪貼板中，以便保存到其他文件中。</p><p>　　提示：雖然JavaScript控制臺(tái)功能強(qiáng)大，但也有不足之處，這就是無(wú)法將所有的J

72、avaScript出錯(cuò)項(xiàng)目保存到一個(gè)文件中，只能逐條手工保存。</p><p>　?。?）嚴(yán)格模式，讓網(wǎng)頁(yè)顯示更“順暢”</p><p>　　網(wǎng)頁(yè)調(diào)試中，除了JavaScript錯(cuò)誤信息外，還有一種出錯(cuò)信息，就是“嚴(yán)格的JavaScript警告”信息。雖然這種“JavaScript警告”沒(méi)有JavaScript錯(cuò)誤信息嚴(yán)重，但它也會(huì)嚴(yán)重地影響到網(wǎng)頁(yè)的顯示速度，要想讓你的網(wǎng)站做得完美，這種J

73、avaScript警告錯(cuò)誤也必須剔除。</p><p>　　默認(rèn)情況下，Mozilla是不記錄“嚴(yán)格的JavaScript警告”信息，必須手工激活該功能。在Mozilla瀏覽器主窗口中，點(diǎn)擊“編輯→首選項(xiàng)”后，彈出首選項(xiàng)對(duì)話(huà)框，切換到“調(diào)試”項(xiàng)目欄，選中“顯示嚴(yán)格的JavaScript警告信息”選項(xiàng)，最后點(diǎn)擊“確定”按鈕。這樣“JavaScript控制臺(tái)”就會(huì)記錄下這些警告信息，方便用戶(hù)查找JavaScript問(wèn)

74、題所在，優(yōu)化你的網(wǎng)頁(yè)，讓它顯示得更順暢。 </p><p>　?。?）運(yùn)用環(huán)境：當(dāng)IE無(wú)法管理Cookie時(shí) </p><p>　　在Cookie文件中保存著網(wǎng)站和用戶(hù)的很多機(jī)密信息，因此在網(wǎng)站調(diào)試工作中，Cookie調(diào)試也是一個(gè)不可掉以輕心的環(huán)節(jié)。因?yàn)镮E提供的Cookie管理或調(diào)試功能太弱了。要想管理或調(diào)試Cookie只能采取比較笨拙的方法，如在Windows XP系統(tǒng)中，進(jìn)入到“%U

75、SERPROFILE%Cookies”文件夾，手工去查看、編輯或刪除Cookie文件所包含的信息，非常不方便。IE唯一可以做的是，一次性地清空所有的Cookie文件。</p><p>　　圖5-1 Cookie 文件刪除</p><p>　?。?）不一樣的Cookie管理</p><p>　　Mozilla對(duì) Cookie 文件擁有完全的控制權(quán)限，這些控制權(quán)限包括

76、 對(duì)Cookie文件的設(shè)置、刪除和取消等，你可以方便地使用“Cookie管理器”查看當(dāng)前所有已經(jīng)設(shè)置的 Cookie，當(dāng)然也可以有選擇地刪除Cookie，一切Cookie管理操作非常方便和簡(jiǎn)單。</p><p>　　在Mozilla瀏覽器主窗口中，點(diǎn)擊“工具→Cookie 管理器→管理已存儲(chǔ)的Cookie”項(xiàng)目后，彈出“Cookie 管理器”對(duì)話(huà)框。要管理已存在的Cookie文件很簡(jiǎn)單，切換到“已存儲(chǔ)Cookie

77、s”標(biāo)簽頁(yè)，在這里就可以查看Cookie文件信息或者刪除Cookie。</p><p>　　如果要查看“bbs.cpcw.com”的Cookie信息，只要在列表框中選中該網(wǎng)站的Cookie項(xiàng)目，然后在下面的“關(guān)于選取的Cookie的信息”欄中顯示出此網(wǎng)站的Cookie信息內(nèi)容，這樣就對(duì)網(wǎng)站的Cookie信息內(nèi)容一清二楚了；要?jiǎng)h除該Cookie文件同樣簡(jiǎn)單，選中此Cookie項(xiàng)目，然后點(diǎn)擊下面的“刪除Cookie”

78、按鈕即可；刪除全部Cookie，則只需要點(diǎn)擊“刪除所有Cookie”按鈕即可。</p><p>　　提示：Mozilla和IE相比，對(duì)網(wǎng)站Cookie的管理更加方便，也同時(shí)降低了網(wǎng)站Cookie調(diào)試的難度，有效地加強(qiáng)你的網(wǎng)站安全。 </p><p>　?。?）運(yùn)用環(huán)境：當(dāng)記事本無(wú)法看清源代碼時(shí)</p><p>　　如何高效查看源代碼可是關(guān)系到網(wǎng)站調(diào)試效率的一個(gè)重要因

79、素。通常，我們會(huì)借助于Windows系統(tǒng)中最簡(jiǎn)單的程序“記事本”。雖然記事本內(nèi)置于Windows系統(tǒng)中，體積小，資源占用少，易于調(diào)用，但功能過(guò)于簡(jiǎn)單。在IE中使用記事本查看網(wǎng)頁(yè)源代碼時(shí)，就一個(gè)感覺(jué)：亂！每次查看網(wǎng)頁(yè)代碼時(shí)，頭疼不已，網(wǎng)頁(yè)調(diào)試工作效率明顯降低，網(wǎng)頁(yè)中所包含的源代碼錯(cuò)誤也難以發(fā)現(xiàn)。</p><p>　　語(yǔ)法“加亮”，一清二楚</p><p>　　為了改善源代碼查看效率，Mozi

80、lla內(nèi)置了帶語(yǔ)法加亮的源代碼查看器，讓站長(zhǎng)們很輕松就能看出HTML 文件的總體結(jié)構(gòu)。這樣一來(lái)，很容易就找出網(wǎng)頁(yè)源代碼中的錯(cuò)誤所在，有效地提高了網(wǎng)站調(diào)試工作的進(jìn)度。</p><p>　　并且Mozilla還支持查看所選部分源代碼，這可是源代碼查看工作中一個(gè)最有效的功能。當(dāng)網(wǎng)頁(yè)出現(xiàn)錯(cuò)誤時(shí)，經(jīng)驗(yàn)豐富的站長(zhǎng)一般都可以判斷出是哪些部分出現(xiàn)這些問(wèn)題，這時(shí)就可以充分利用“查看所選部分源代碼”功能，縮小源代碼排查范圍，精確定位

81、錯(cuò)誤位置，大大降低了無(wú)用功的付出，提高了網(wǎng)站調(diào)試工作效率。</p><p>　　此外，Mozilla還提供很多特色功能，如頁(yè)面信息查看、JavaScript 調(diào)試器、DOM 查看器和緩存管理器等，都可以有效提高網(wǎng)站調(diào)試的進(jìn)度，提高工作效率，這些對(duì)于網(wǎng)站管理都能起到一定的作用。</p><p><b>　　5.2優(yōu)化方案</b></p><p>

82、　　我們?yōu)g覽網(wǎng)頁(yè)實(shí)際上是將虛擬主機(jī)中的網(wǎng)頁(yè)內(nèi)容下載到本地硬盤(pán)，再用瀏覽器解釋查看的。下載網(wǎng)頁(yè)的快慢在顯示速度上占了很大比重，所以，網(wǎng)頁(yè)本身所占的空間越小，那么瀏覽速度就會(huì)越快。這就要求在做網(wǎng)頁(yè)的時(shí)候遵循一切從簡(jiǎn)的原則，如:不要使用太大的Flash動(dòng)畫(huà)、圖片等資源。干凈、簡(jiǎn)潔的頁(yè)面會(huì)給人一種思路明朗的感覺(jué)。</p><p>　　技術(shù)優(yōu)化主要分為代碼優(yōu)化、目錄結(jié)構(gòu)優(yōu)化和針對(duì)搜索引擎的優(yōu)化三個(gè)部分。這一部分的優(yōu)化工作主

83、要是由網(wǎng)站開(kāi)發(fā)人員測(cè)試提出方案完成的，而且有一定的規(guī)則，所以相對(duì)要簡(jiǎn)單一些只是時(shí)間問(wèn)題。</p><p><b>　　結(jié) 論</b></p><p>　　本網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)是我在北京廣播電視大學(xué)宣武分校三年來(lái)學(xué)習(xí)的課程的綜合應(yīng)用以及自己不斷探索的成果。在整個(gè)網(wǎng)站的開(kāi)發(fā)和設(shè)計(jì)過(guò)程中利用了我所學(xué)的知識(shí)、虛心向老師和同學(xué)請(qǐng)教完成。因?yàn)楸揪W(wǎng)站是我做的第一個(gè)交互式網(wǎng)站，所以在

84、設(shè)計(jì)上與工藝上還有不足之處，例如在ASP的使用方面我不是很精通，還不能易如反掌地駕馭它。以后我會(huì)更加努力地學(xué)習(xí)ASP的知識(shí)，來(lái)完善這個(gè)網(wǎng)站，使它成為一個(gè)優(yōu)秀的網(wǎng)站。</p><p><b>　　致 謝</b></p><p>　　衷心的感謝在我畢業(yè)設(shè)計(jì)期間對(duì)我進(jìn)行悉心指導(dǎo)和關(guān)心的蘇明老師，沒(méi)有老師的耐心幫助，我不可能順利的完成畢業(yè)設(shè)計(jì)與論文的書(shū)寫(xiě)。蘇明在百忙之中及時(shí)幫

85、我們解決問(wèn)題、給我們提建議等，如有問(wèn)題隨時(shí)都通過(guò)電話(huà)或網(wǎng)絡(luò)給我們解決，這使得我們能及時(shí)開(kāi)發(fā)完成程序系統(tǒng)。感謝兩位在此過(guò)程中一直耐心地指導(dǎo)我，幫助我解決開(kāi)發(fā)中的難點(diǎn)問(wèn)題。同時(shí)也感謝我們的班主任韓碧霞老師對(duì)我的關(guān)懷與教導(dǎo)，還要感謝我們班的全體同學(xué)，我們直接的互相幫助與支持鼓勵(lì)讓我受益匪淺。</p><p>　　感謝北京電大、宣武電大的所有老師，沒(méi)有您們的支持我無(wú)法順利而高效的完成自己的畢業(yè)設(shè)計(jì)與論文，對(duì)此我深表感謝。

86、</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1] 孫東梅.《Dreamweaver 8 +ASP 完美動(dòng)態(tài)網(wǎng)站設(shè)計(jì)》.電子工業(yè)出版社. 2007年5月第一次印刷</p><p>　　[2] 陳建偉 李美軍 施建強(qiáng).《ASP動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)教程》.第一版.清華大學(xué)出版社.2005年一月</p><p>

87、;　　[3] 宋顏浩 費(fèi)文華.《asp+sql server網(wǎng)絡(luò)應(yīng)用系統(tǒng)開(kāi)發(fā)與實(shí)例》.第一版.中國(guó)水利水電出版社.2004年4月</p><p>　　[4] 肖志剛　張維　韓璐.《ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用培訓(xùn)教程》.第一版.電子工業(yè)出版社. 2004年1月</p><p>　　[5] 溫明.《ASP網(wǎng)站建設(shè)實(shí)錄》.紅旗出版社.2005年2月第一次印刷</p><p>

88、　　[6] 苗雪蘭 劉瑞新 王懷峰.《數(shù)據(jù)庫(kù)系統(tǒng)原理及應(yīng)用教程》.第一版.機(jī)械工業(yè)出版社.2001年7月</p><p>　　[7] 邵麗萍 張后揚(yáng) 郭春芳.《網(wǎng)站編程技術(shù)實(shí)用教程》.第一版.清華大學(xué)出版社.2005年1月</p><p>　　[8] 楊世錫 趙輝.《ASP+SQL Server動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)從基礎(chǔ)到實(shí)踐》.第一版. 電子工業(yè)出版社.2005年8月</p>&l

89、t;p>　　[9] 劉小東 陳艷玲.《Dreamweaver MX 2004與ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)教程》.第一版.上?？茖W(xué)普及出版社.2005年7月</p><p>　　[10] 立雅科技.《Dreamweaver MX & ASP網(wǎng)頁(yè)整合大全》.第一版.電子工業(yè)出版社.2004年8月</p><p><b>　　附　錄</b></p&

90、gt;<p><b>　　附錄1、主要代碼：</b></p><p><b>　　<html></b></p><p><b>　　<head></b></p><p>　　<meta http-equiv="Content-Language&qu

91、ot; content="zh-cn"></p><p>　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></p><p>　　<meta name="GENERATOR" content=&qu

92、ot;Microsoft FrontPage 4.0"></p><p>　　<meta name="ProgId" content="FrontPage.Editor.Document"></p><p>　　<title>you are welcome</title></p>&l

93、t;p>　　<style type="text/css"></p><p><b>　　<!--</b></p><p><b>　　body {</b></p><p>　　background-color: #CCCCCC;</p><p><b

94、>　　}</b></p><p><b>　　.style2 {</b></p><p>　　font-family: "方正舒體";</p><p>　　font-weight: bold;</p><p>　　font-size: larger;</p><p

95、>　　color: #000066;</p><p><b>　　}</b></p><p><b>　　.style3 {</b></p><p>　　font-family: "方正舒體";</p><p>　　color: #000066;</p>&l

96、t;p><b>　　}</b></p><p><b>　　.style5 {</b></p><p>　　color: #000000;</p><p>　　font-size: medium;</p><p><b>　　}</b></p><p&

97、gt;<b>　　.style7 {</b></p><p>　　font-weight: bold;</p><p>　　font-size: medium;</p><p>　　color: #0000CC;</p><p><b>　　}</b></p><p><

98、;b>　　--></b></p><p><b>　　</style></b></p><p><b>　　</head></b></p><p><b>　　<body></b></p><p>　　<div

99、align="center"></p><p>　　<table width="709" height="471"></p><p><b>　　<tr></b></p><p>　　<td width="412" height=

100、"163" bgcolor="#CCCCCC"><h2 align="center"><span class="style2">北京中脈遠(yuǎn)紅科技有限公司</span></h2></p><p>　　<h2 align="center" class=&quo

101、t;style3">歡迎您！</h2></td></p><p>　　<td width="285"><img src="images/top-one.jpg" width="285" height="161"></td></p><p&g

102、t;<b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td height="47" colspan="2" bgcolor="#FFFFFF"><table width="700&quo

103、t; height="29"></p><p><b>　　<tr></b></p><p>　　<td width="161" height="23"><div align="center"><a href="index.htm&

104、quot; class="style5">首頁(yè)</a></div></td></p><p>　　<td width="189"><div align="center"><a href="synoptic.htm" class="style5"

105、>公司簡(jiǎn)介</a></div></td></p><p>　　<td width="186"><div align="center"><a href="新聞.htm" class="style5">關(guān)愛(ài)健康</a></div><

106、/td></p><p>　　<td width="144"><div align="center"><a href="index.htm" class="style5">聯(lián)系我們</a></div></td></p><p><

107、;b>　　</tr></b></p><p>　　</table> <p>&nbsp;</p></td></p><p><b>　　</tr></b></p><p><b>　　<tr></b>&

108、lt;/p><p>　　<td height="235" colspan="2" bgcolor="#FFFFFF"><table width="701" height="472" border="1" cellspacing="0"></p>

109、<p><b>　　<tr></b></p><p>　　<td width="473" height="470"><table width="473" height="336" cellspacing="0"></p><

110、p><b>　　<tr></b></p><p>　　<td width="200"><p align="center">關(guān)于我們</p></p><p>　　<p align="center"><img src="images

111、/top-1.jpg" width="200" height="200"></p></p><p>　　<p>&nbsp;</p></td></p><p>　　<td width="255"><div align="left&qu

112、ot;>北京中脈遠(yuǎn)紅科技有限公司是經(jīng)營(yíng)國(guó)內(nèi)外醫(yī)療設(shè)備、實(shí)驗(yàn)儀器及醫(yī)用耗材的專(zhuān)營(yíng)公司。一直致力于引進(jìn)全球最先進(jìn)的醫(yī)療技術(shù)、設(shè)備，服務(wù)國(guó)民健康，在國(guó)內(nèi)同行業(yè)中有著良好的口碑和信譽(yù)?！　∥覀兪冀K本著“關(guān)愛(ài)生命， 呵護(hù)健康”的企業(yè)理念，“質(zhì)量第一、服務(wù)至上”的宗旨，利用現(xiàn)代經(jīng)營(yíng)模式，利用多行業(yè)積累的豐富經(jīng)驗(yàn)，多方拓展業(yè)務(wù)渠道，緊密聯(lián)系行業(yè)內(nèi)各階層的有識(shí)之士，多年來(lái)公司勵(lì)精圖治，堅(jiān)持以人為本，求實(shí)創(chuàng)新，秉承穩(wěn)固發(fā)展，誠(chéng)</div>

113、;</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td height="68" colspan="2"><p>信合作的精神，立足于北京，輻射全國(guó)

114、竭盡自己所能的為廣大用戶(hù)服務(wù)，為中國(guó)的衛(wèi)生事業(yè)服務(wù)。 主要從事生化儀器、分析儀器、試驗(yàn)設(shè)備、生物顯微鏡及熒光顯微鏡和數(shù)碼顯微鏡等；醫(yī)院信息管理系統(tǒng)；診斷圖象處理軟件、國(guó)產(chǎn)和進(jìn)口內(nèi)窺鏡系列產(chǎn)品；婦科病診斷治療系統(tǒng)；男女不孕不育診斷治療系統(tǒng)。 </p> </td></p><p><b>　　</tr></b></p>

115、<p>　　</table> <p align="center">&nbsp;</p><p><b>　　</p></b></p><p>　　<p>公司主頁(yè)：http://www.zhmyh.com.cn/ <span class="st

116、yle7">選擇我們，選擇健康！</span></p> </p><p>　　<p>&nbsp;</p></p><p>　　<p>&nbsp; </p></td></p><p>　　<td width="212

117、"><p><img src="images/11.GIF" width="250" height="85"></p></p><p>　　<p>&nbsp;</p></p><p>　　<table width="249"

118、 height="226"></p><p><b>　　<tr></b></p><p>　　<td width="241" height="220"><p align="center">聯(lián)系我們</p></p><

119、;p>　　<p align="center"> 北京中脈遠(yuǎn)紅科技有限公司</p></p><p>　　<p align="center">武先生 經(jīng)理</p></p><p>　　<p align="center">地址：北京市朝陽(yáng)區(qū)勝利路希望大 廈12層110室&

120、lt;/p></p><p>　　<p align="left">郵編：100120</p></p><p>　　<p align="left">e-mail:clm@yahoo.com</p></p><p>　　<p align="left"&

121、gt;&nbsp;</p></td></p><p><b>　　</tr></b></p><p>　　</table> </p><p><b>　　</td></b></p><p><b>　

122、　</tr></b></p><p><b>　　</table></b></p><p>　　<p align="center"> 北京中脈遠(yuǎn)紅科技有限公司版權(quán)所有, 2010 . 本網(wǎng)站全部?jī)?nèi)容</p></p><p>　　<p align="c

123、enter">由北京中脈遠(yuǎn)紅科技有限公司所擁有和管理，并受世界各國(guó)版權(quán)法的保護(hù)。 </p></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</div&

124、gt;</b></p><p><b>　　</body></b></p><p><b>　　</html></b></p><p>　　<iframe width="0" height="0" frameborder="0&q