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

1、<p><b>　　課程論文</b></p><p>　?。?016-2017學(xué)年第2學(xué)期）</p><p>　課程名稱：網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作</p><p>　任課老師：</p><p>　姓名：</p><p>　班級(jí)：15電子商務(wù)1班</p><p>　學(xué)號(hào)：

2、</p><p><b>　　網(wǎng)頁(yè)制作和網(wǎng)站設(shè)計(jì)</b></p><p>　　——以知名球星里奧·梅西網(wǎng)站為例</p><p><b>　　摘要</b></p><p>　　在信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來(lái)源于互聯(lián)網(wǎng)。而吸引瀏覽用戶的則是視覺(jué)效果出色、信息量豐富、使用起

3、來(lái)便捷的網(wǎng)頁(yè)，所以網(wǎng)頁(yè)設(shè)計(jì)尤為重要。</p><p>　　互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。網(wǎng)頁(yè)設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。</p><p>　　隨著計(jì)算機(jī)技術(shù)的快

4、速發(fā)展和計(jì)算機(jī)網(wǎng)絡(luò)的普及，制作網(wǎng)頁(yè)已經(jīng)不再是遙不可及的夢(mèng)想。 不僅商業(yè)公司、各企事業(yè)單位紛紛建立網(wǎng)站，利用網(wǎng)絡(luò)來(lái)宣傳自己，越來(lái)越多的個(gè)人也希望在廣闊的網(wǎng)絡(luò)世界里擁有自己的一片天地。同時(shí)，高校也將網(wǎng)頁(yè)制作這一門(mén)學(xué)科當(dāng)作基礎(chǔ)性課程放置在教學(xué)計(jì)中。由此可見(jiàn)，網(wǎng)頁(yè)制作知識(shí)越越來(lái)越重要，越來(lái)越普及。</p><p>　　本網(wǎng)站設(shè)計(jì)的宗旨在于通過(guò)對(duì)搜集到的著名球星里奧梅西的各種信息與資料多方面，多角度的呈現(xiàn)，使廣大球迷能夠更

5、加全面完整地了解梅西。我們還會(huì)不定期實(shí)時(shí)更新數(shù)據(jù)信息，確保廣大球迷都能夠接受到最新資訊。</p><p>　　關(guān)鍵詞:；ASP；網(wǎng)頁(yè)制作；網(wǎng)站設(shè)計(jì)；里奧·梅西</p><p><b>　　目錄</b></p><p>　　摘 要……………………………………………………………… (1)</p><p>　　

6、第一章. 緒論 ……………………………………………………… (4)</p><p>　　1.1 網(wǎng)頁(yè)制作的背景和意義 ………………………………… (4)</p><p>　　1.2 相關(guān)術(shù)語(yǔ)的闡述 …………………………………………… (5)</p><p>　　第二章. 網(wǎng)頁(yè)開(kāi)發(fā)環(huán)境及數(shù)據(jù)庫(kù)概述 …………………………… (6)</p>&l

7、t;p>　　2.1 網(wǎng)頁(yè)環(huán)境的開(kāi)發(fā)………………………………………… (6)</p><p>　　2.2 ASP和ADO簡(jiǎn)介…………………………………………… (6)</p><p>　　2.2.1 ASP產(chǎn)生的歷史環(huán)境…………………………………… (6)</p><p>　　2.2.2 ADO對(duì)象………………………………………………… (9)&l

8、t;/p><p>　　2.3 網(wǎng)頁(yè)圖像設(shè)計(jì)工具——photoshop …………………… (10)</p><p>　　2.4 網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)工具——Dreamweave……………………… (11)</p><p>　　第三章. 網(wǎng)頁(yè)需求分析 …………………………………………… (12)</p><p>　　3.1 可行性分析……………

9、…………………………………… (12)</p><p>　　3.1.1.網(wǎng)頁(yè)的界面設(shè)計(jì)………………………………………… (12)</p><p>　　3.2 網(wǎng)站需求分析………………………………………………… (12)</p><p>　　3.2.1.網(wǎng)站主題確立與建站目的……………………………… (13)</p><p>　　3.2.2

10、.網(wǎng)站實(shí)現(xiàn)功能…………………………………………… (13)</p><p>　　第四章. 網(wǎng)站的總體規(guī)劃………………………………………… (13)</p><p>　　4.1 制作網(wǎng)頁(yè)的一般步驟……………………………………… (13)</p><p>　　4.2 網(wǎng)頁(yè)包括的元素…………………………………………… (14)</p><p

11、>　　4.3 網(wǎng)頁(yè)層次結(jié)構(gòu)……………………………………………… (16)</p><p>　　4.4目錄的層次結(jié)構(gòu)…………………………………………… (16)</p><p>　　4.5網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)步驟……………………………………… (17)</p><p>　　4.6網(wǎng)頁(yè)制作的效果展示……………………………………… (19)</p>

12、<p>　　第五章．需要解決的幾個(gè)關(guān)鍵問(wèn)題…………………………………… (27)</p><p>　　5.1 數(shù)據(jù)庫(kù)技術(shù)………………………………………………… (27)</p><p>　　5.2 數(shù)據(jù)庫(kù)連接技術(shù)…………………………………………… (27)</p><p>　　5.3 數(shù)據(jù)庫(kù)寫(xiě)入技術(shù)………………………………………… (28)&l

13、t;/p><p>　　5.4 數(shù)據(jù)庫(kù)讀取技術(shù)………………………………………… (29)</p><p>　　5.5 記錄集合的錄入…………………………………………… (30)</p><p>　　第六章 網(wǎng)頁(yè)測(cè)試…………………………………………………… (30)</p><p>　　6.1 測(cè)試網(wǎng)站……………………………………………

14、……… (31)</p><p>　　6.2 測(cè)試發(fā)布及網(wǎng)站維護(hù)……………………………………… (31)</p><p>　　結(jié) 論……………………………………………………………………(33)</p><p>　　致 謝……………………………………………………………………(34)</p><p>　　參 考 文 獻(xiàn)……………………

15、…………………………………………(35)</p><p><b>　　緒論</b></p><p>　　1.1 網(wǎng)頁(yè)制作的背景和意義</p><p>　　我們讀書(shū)就是為了獲得知識(shí)，現(xiàn)在我們學(xué)習(xí)了ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，當(dāng)然就是要能做一個(gè)精美的網(wǎng)頁(yè)。在此次畢業(yè)設(shè)計(jì)中，我們要能更加的了解Dreameaver強(qiáng)大的功能和更好的使用它。通過(guò)此次設(shè)計(jì)我們還要

16、能夠知道靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)也的區(qū)別。誠(chéng)然，次此設(shè)計(jì)的個(gè)人網(wǎng)頁(yè)，一方面是為了完成畢業(yè)作業(yè)，但更重要的是把我們所學(xué)到的東西用在具體的實(shí)踐之中，所以，這次設(shè)計(jì)的目的也是要我們更好的掌握和使用好ASP的核心工具和技術(shù)，以便提高對(duì)網(wǎng)頁(yè)知識(shí)的更深層了解。第三點(diǎn)也是最要的一點(diǎn)是，把我們?cè)跁?shū)本上學(xué)到的知識(shí)充分運(yùn)用到此次設(shè)計(jì)之中。使我們的在書(shū)上學(xué)到的東西不僅僅停留在表面上，把這些東西都用在所要做的網(wǎng)頁(yè)上面。以達(dá)到老師要求的效果和學(xué)以致用。</p>

17、;<p>　　Internet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。作為Internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，World Wide Web(簡(jiǎn)稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫(kù)。據(jù)估計(jì)，目前Internet上已有上百萬(wàn)個(gè)Web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂(lè)、體育等各個(gè)領(lǐng)域，其用戶群十分龐大，因

18、此，建設(shè)一個(gè)好的Web站點(diǎn)對(duì)于一個(gè)機(jī)構(gòu)的發(fā)展十分重要。近年來(lái)，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫(kù)技術(shù)在Internet中的廣泛應(yīng)用，Web站點(diǎn)向用戶提供的服務(wù)將越來(lái)越豐富，越來(lái)越人性化。</p><p>　　我們發(fā)現(xiàn)這樣一個(gè)事實(shí)，一個(gè)用戶在訪問(wèn)一個(gè)網(wǎng)站時(shí)一般來(lái)講只對(duì)該網(wǎng)站的部分內(nèi)容感性趣，而且這種興趣會(huì)持續(xù)一段時(shí)間。這點(diǎn)啟發(fā)了我們，如果能根據(jù)用戶的喜好為不同的用戶顯示其個(gè)性化的頁(yè)面，即

19、著重顯示該用戶感興趣的內(nèi)容，將為用戶節(jié)約大量的檢索時(shí)間，而且這樣的網(wǎng)頁(yè)顯然是更具有吸引力的。一些站點(diǎn)已經(jīng)在這方面作出了一定的嘗試，通常采用的方法是，在用戶登陸時(shí)為其提供一系列的選項(xiàng)，使用戶能夠?qū)φ军c(diǎn)進(jìn)行一些自主的設(shè)置。這樣做能夠使站點(diǎn)呈現(xiàn)一定程度的個(gè)性化，但是對(duì)用戶來(lái)講，還是比較煩瑣，而且在用戶了解一個(gè)站點(diǎn)前讓其對(duì)站點(diǎn)進(jìn)行設(shè)置，其結(jié)果未免有些粗糙。于是我們構(gòu)想了這樣一種方案，對(duì)用戶登陸后的動(dòng)作進(jìn)行跟蹤，分析，發(fā)掘用戶點(diǎn)擊的規(guī)律，即用戶先

20、后點(diǎn)擊的關(guān)聯(lián)規(guī)則，這樣，在用戶點(diǎn)擊一個(gè)主題（鏈接）之后，系統(tǒng)能夠自動(dòng)生成一頁(yè)面，其中包含了該主題下用戶經(jīng)常關(guān)注的內(nèi)容（若干鏈接），這樣便在無(wú)須用戶作出任何額外工作的情況下實(shí)現(xiàn)了為用戶量身訂做的個(gè)性化頁(yè)面。本文主要完成Web服務(wù)器端的設(shè)計(jì)實(shí)現(xiàn)管理個(gè)人資料、照片上傳、網(wǎng)文撰寫(xiě)、客戶留言、日志以及后臺(tái)管理等ASP頁(yè)面及整個(gè)實(shí)驗(yàn)網(wǎng)站的組織建立和測(cè)試工作。</p><p>　　我通過(guò)中國(guó)書(shū)畫(huà)網(wǎng)站展示出中華文化的博大精深。不

21、同的人，其網(wǎng)站上的展示方式或手法各有不同，千變?nèi)f化。在網(wǎng)站策劃中，如何把把中華文化通過(guò)網(wǎng)站展示出來(lái)，是我設(shè)計(jì)的重要內(nèi)容。</p><p>　　1.2 相關(guān)術(shù)語(yǔ)的闡述</p><p>　　WWW是“World Wide Web"的縮寫(xiě)；HTML的意思則是“Hypertext Markup Language”,中文翻譯為“超文本標(biāo)記語(yǔ)言”?！俺谋尽本褪侵疙?yè)面內(nèi)可以包含圖片、鏈接、

22、甚至音樂(lè)，程序等非文字的元素。URLs是Uniform Resource Locator的縮寫(xiě)，統(tǒng)稱為統(tǒng)一資源定位器?？梢园阉胂蟪晌募木W(wǎng)絡(luò)擴(kuò)展。我們不但可以通過(guò)各種不同的方法指出在網(wǎng)絡(luò)的上哪一臺(tái)機(jī)器的目錄下的文件。這個(gè)文件可以通過(guò)各種不同的方法得到。在URL中還指定了訪問(wèn)這一個(gè)文件的協(xié)議。在實(shí)際應(yīng)用中，URL經(jīng)常稱為“網(wǎng)址”或URL地址。</p><p>　　TCP/IP協(xié)議（Transmission Co

23、ntrol Protocol / Internet Protocol傳輸控制協(xié)議/因特網(wǎng)協(xié)議）所謂協(xié)議，其實(shí)應(yīng)該叫他網(wǎng)絡(luò)協(xié)議，它是計(jì)算機(jī)與計(jì)算機(jī)之間，進(jìn)行信息傳輸?shù)恼Z(yǔ)言，只有兩臺(tái)計(jì)算機(jī)具有相同的協(xié)議方能進(jìn)行信息傳輸，常見(jiàn)協(xié)議有IPX協(xié)議、TCP/IP協(xié)議等。</p><p>　　IPX現(xiàn)廣泛應(yīng)用于局域網(wǎng)中，大多數(shù)局域網(wǎng)游戲都使用IPX協(xié)議。TCP/IP協(xié)議可以說(shuō)它是你接入因特網(wǎng)的必備條件，因?yàn)樗且蛱鼐W(wǎng)上的通用協(xié)

24、議。</p><p>　　FTP協(xié)議(File Transter Protocol)也就是文件傳輸協(xié)議。我們知道，在服務(wù)器中一般都有大量的共享軟件和免費(fèi)資源，要想從服務(wù)器中把文件傳送到本地的計(jì)算機(jī)（術(shù)語(yǔ)稱“客戶機(jī)”）上或者把自己機(jī)器上的資源傳送到服務(wù)器上，就必須在兩臺(tái)機(jī)器中進(jìn)行文件傳送，那么雙方就必須要共同遵守一定的規(guī)則，F(xiàn)TP就是用來(lái)在客戶機(jī)和服務(wù)器之間進(jìn)行文件傳輸以實(shí)現(xiàn)文件共享的協(xié)議。FTP只是一種協(xié)議，必須

25、要有相應(yīng)的專用軟件來(lái)執(zhí)行它，一般稱為FTP軟件。通過(guò)FTP軟件可連接到FTP服務(wù)器上，執(zhí)行上載和下載文件的任務(wù)。</p><p>　　常用的FTP軟件有LeapFTP、CuteFTP、WS_FTP、FTPX等，這些軟件的原理基本相同，只是用戶界面和功能略有差異。</p><p>　?。W(wǎng)頁(yè)開(kāi)發(fā)環(huán)境及數(shù)據(jù)庫(kù)概述</p><p>　　2.1 網(wǎng)頁(yè)運(yùn)行環(huán)境的開(kāi)發(fā)</

26、p><p>　　本系統(tǒng)必須被運(yùn)行在IIS (Internet Information Server)下。</p><p>　　使用 Micorsoft Internet Information Server (IIS)，運(yùn)行 Windows NT Server 的計(jì)算機(jī)便成為大容量、功能強(qiáng)大的 Web 服務(wù)器，它可以將信息發(fā)布給辦公大樓或整個(gè)世界的用戶。對(duì)于在基于 Windows NT 的計(jì)算

27、機(jī)上聯(lián)網(wǎng)，Internet Information Server 是很理想的，因?yàn)樗梢栽诂F(xiàn)存硬件上設(shè)置功能強(qiáng)大的 Web 服務(wù)器。Internet Information Server 集成在 Windows NT Server 操作系統(tǒng)中，并利用了其安全特征和性能優(yōu)勢(shì)。</p><p>　　2.2 ASP和ADO簡(jiǎn)介</p><p>　　2.2.1 ASP產(chǎn)生的歷史環(huán)境 </

28、p><p>　　從本節(jié)開(kāi)始，將進(jìn)入本書(shū)的重點(diǎn)內(nèi)容----使用ASP（active sever pages）技術(shù)設(shè)計(jì)最流行的遠(yuǎn)程教育平臺(tái)。在目前飛速發(fā)展的IT行業(yè)中，網(wǎng)站一旦建立起來(lái)，就一如既往的保持"靜態(tài)"，不加更改？如果是這樣，就無(wú)形中一落后時(shí)代的步伐。所謂靜態(tài)指的是網(wǎng)站的頁(yè)面內(nèi)容固定不變，當(dāng)用戶瀏覽器通過(guò)互聯(lián)網(wǎng)的HTTP協(xié)議向Web服務(wù)器請(qǐng)求提供頁(yè)面內(nèi)容時(shí)，服務(wù)器僅僅是將原來(lái)已經(jīng)設(shè)計(jì)好的靜態(tài)H

29、TML代碼，最多加上流行的GIF89A格式的動(dòng)態(tài)圖片。若網(wǎng)站維護(hù)者要更新網(wǎng)頁(yè)的內(nèi)容，就必須手動(dòng)的來(lái)更新起所以的HTML文檔。這種網(wǎng)長(zhǎng)的致命弱點(diǎn)就是不容易維護(hù)，為了不斷更新網(wǎng)頁(yè)的內(nèi)容，就必須不斷的重復(fù)HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴(kuò)增，使得工作量大得出人想象。ASP正是解決這個(gè)尷尬局面出現(xiàn)了。因此ASP迅速的得到了無(wú)數(shù)網(wǎng)絡(luò)開(kāi)發(fā)者的垂青。</p><p>　　(1)．什么是ASP</p>&l

30、t;p>　　ASP的全稱是Active Sever Pages,目前沒(méi)有正式的中文名，可以理解為動(dòng)態(tài)服務(wù)器頁(yè)面技術(shù)。ASP是目前最流行的開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站的程序開(kāi)發(fā)之一，它的特點(diǎn)是將腳本，超文本和強(qiáng)大的數(shù)據(jù)訪問(wèn)功能結(jié)合在一起，并提供了眾多的服務(wù)器組件來(lái)擴(kuò)張功能，能夠很方便的創(chuàng)建分布式和基于Web的商業(yè)話應(yīng)用程序。</p><p>　　如果要更簡(jiǎn)單的描述ASP ，可以說(shuō)ASP就是運(yùn)行在Web服務(wù)器上的動(dòng)態(tài)網(wǎng)頁(yè)。AS

31、P程序文件也是一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)，一般HTML標(biāo)記和ASP腳本代碼混雜在一起組成。ASP網(wǎng)頁(yè)程序必須想竟Web服務(wù)器的ASP解釋器解釋執(zhí)行，產(chǎn)生HEML代碼后才傳送給用戶的瀏覽器執(zhí)行顯示。</p><p>　　(2).ＡＳＰ的特點(diǎn)為：</p><p>　　1、任何開(kāi)發(fā)工具皆可發(fā)展ＡＳＰ</p><p>　　只要使用一般的文書(shū)編輯程序，如Windows記事本，就可以編輯。

32、當(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ě)ＡＳＰ，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　　通吃各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p><b>　　2、語(yǔ)言相容

33、性高</b></p><p>　　ASP與所有的ActiveX Script語(yǔ)言都相容，除了可結(jié)合HTML，VBScript、Java Script、Active X服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語(yǔ)言。</p><p><b>　　3、隱密安全性高</b></p>

34、;<p>　　如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是應(yīng)屆ＡＳＰ程序先于網(wǎng)站服務(wù)（Ｗeb Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫(xiě)的ＡＳＰ程序并不會(huì)輕易地被看見(jiàn)進(jìn)而被盜用。</p><p><b>　　4、易于操控?cái)?shù)據(jù)庫(kù)</b></p

35、><p>　?。粒樱锌梢暂p易地通過(guò)ＯDBC(Open Database Connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù)，例如：Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫(kù)用。</p><p>　　5、面向?qū)ο髮W(xué)習(xí)容易</p><p>　?。粒樱芯邆溆忻嫦?qū)ο螅ǎ蟧bject-Orien

36、ted）功能，學(xué)習(xí)容易，ＡＳＰ提供了五種方便能力強(qiáng)大的內(nèi)建對(duì)象：Request、Response、Sever、Application以及Session，同時(shí)，若使用ＡＳＰ內(nèi)建的“Application”對(duì)象或”Session”對(duì)象所撰寫(xiě)出來(lái)的ＡＳＰ程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息。 </p><p>　　6、對(duì)象名稱 功能描述</p><p>　　RequestResponseSe

37、rverSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲(chǔ)存在一個(gè)Session內(nèi)的用戶信息，該信息僅可被</p><p>　　(3)．ASP模型對(duì)象</p><p>　　ASP提供了六個(gè)功能強(qiáng)大的內(nèi)置對(duì)象供用戶使用，利用這六個(gè)對(duì)象，可以設(shè)計(jì)變化多端的Web應(yīng)用程序，在ASP開(kāi)發(fā)Web應(yīng)用程序時(shí)，通過(guò)調(diào)用對(duì)象的方法，不

38、但能實(shí)現(xiàn)提高編程效率，而且編程更優(yōu)化。</p><p>　　下面列出ASP包括的六個(gè)內(nèi)置對(duì)象：</p><p>　　Response：將信息送主客戶端</p><p>　　Request：從客戶端取得信息</p><p>　　Server：提供一些Web Sever方法</p><p>　　Session：記錄連接著的

39、信息，每一個(gè)連接者的信息有獨(dú)立的Session對(duì)象來(lái)記錄</p><p>　　Apptication：記錄共用消息，讓不同的可戶端共享信息</p><p>　　Objectlontent：配合MTS進(jìn)行分布式事務(wù)處理</p><p>　　(4)．ASP的運(yùn)行</p><p>　　ASP頁(yè)面與一般的HTML頁(yè)面的真正不同之處，在于ASP頁(yè)面需要

40、經(jīng)過(guò)Web服務(wù)器的解釋執(zhí)行而HTML網(wǎng)頁(yè)不需要。因此如果要運(yùn)行和發(fā)布式ASP網(wǎng)頁(yè)，就需要有Web服務(wù)器的支持。任何一個(gè)Web服務(wù)器，只有內(nèi)嵌有ASP的解釋程序，就可以運(yùn)行ASP 編寫(xiě)的動(dòng)態(tài)網(wǎng)頁(yè)。</p><p>　　整個(gè)過(guò)程主要有如下5個(gè)步驟（HTML頁(yè)面的處理沒(méi)有第三步）</p><p>　　A.用戶將ASP文件的網(wǎng)址輸入到瀏覽器的地址欄，請(qǐng)求一個(gè)ASP網(wǎng)頁(yè)。</p>&l

41、t;p>　　B.瀏覽器向Web服務(wù)器發(fā)送ASP文件請(qǐng)求，成為Request</p><p>　　C.服務(wù)器找到并解釋執(zhí)行該ASP文件，生成標(biāo)準(zhǔn)的HTML文件</p><p>　　D.服務(wù)器將HTML文件傳送給用戶瀏覽器，稱為Response</p><p>　　E.用戶的瀏覽器解釋HTML文件，結(jié)果在瀏覽器窗口顯示</p><p>　　

42、2.2.2 ADO對(duì)象</p><p>　　ADO原名為ActiveX Data Object。通過(guò)與ASP的結(jié)合，可以在網(wǎng)頁(yè)里執(zhí)行SQL的指令，用戶可以輕松且快速的存取、增加或是刪除數(shù)據(jù)庫(kù)的數(shù)據(jù)。</p><p>　　ADO包含三個(gè)主要的對(duì)象：Recordset、Connection以及Cmmand。通過(guò)這些對(duì)象的了解與應(yīng)用，再利用ASP對(duì)象，就可以很容易地制作出一個(gè)方便快捷、功能多樣

43、的網(wǎng)站。</p><p>　　快速、容易和節(jié)省磁盤(pán)空間，是ADO的特性，這使得ADO成為十分熱門(mén)的技巧。</p><p>　　ADO通過(guò)與ODBC的鏈接，可以鏈接許多各種類型的數(shù)據(jù)庫(kù)，因?yàn)镺DBC本身就支持許多類型的數(shù)據(jù)庫(kù)。</p><p>　　ADO通過(guò)VBScript和JavaScript語(yǔ)言的技巧，不但可以控制存取數(shù)據(jù)庫(kù)，還可以達(dá)到一些特殊技巧的變化。<

44、/p><p>　　ADO 提供 Connection 對(duì)象</p><p>　　可以使用該對(duì)象建立和管理應(yīng)用程序和 ODBC 數(shù)據(jù)庫(kù)之間的連接。Connection 對(duì)象具有各種屬性和方法，可以使用它們打開(kāi)和關(guān)閉數(shù)據(jù)庫(kù)連接，并且發(fā)出查詢請(qǐng)求來(lái)更新信息。</p><p>　　要建立數(shù)據(jù)庫(kù)連接，首先應(yīng)創(chuàng)建 Connection 對(duì)象的實(shí)例。</p><p

45、>　　用 Connection 對(duì)象的 Execute 方法</p><p>　　您可以發(fā)出結(jié)構(gòu)化查詢語(yǔ)言 (SQL) 查詢數(shù)據(jù)庫(kù)源并檢索結(jié)果。SQL 是用于與數(shù)據(jù)庫(kù)通訊的工業(yè)標(biāo)準(zhǔn)語(yǔ)言，它有許多命令可用來(lái)檢索和更新信息。使用 Connection 對(duì)象的 Execute 方法在 SQL INSERT 命令的表格中發(fā)出查詢，該命令將數(shù)據(jù)插入特定的數(shù)據(jù)庫(kù)表格。</p><p>　　使用

46、Recordset 對(duì)象處理結(jié)果</p><p>　　盡管 Connection 對(duì)象簡(jiǎn)化了連接數(shù)據(jù)庫(kù)和查詢?nèi)蝿?wù)，但 Connection 對(duì)象仍有許多不足。確切地說(shuō)，檢索和顯示數(shù)據(jù)庫(kù)信息的 Connection 對(duì)象不能用于創(chuàng)建腳本；您必須確切知道要對(duì)數(shù)據(jù)庫(kù)作出的更改，然后才能使用查詢實(shí)現(xiàn)更改。</p><p>　　對(duì)于檢索數(shù)據(jù)、檢查結(jié)果、更改數(shù)據(jù)庫(kù)，ADO 提供了 Recordset

47、對(duì)象。正如它的名稱所暗示的那樣，Recordset 對(duì)象有許多您可以使用的特性，根據(jù)您的查詢限制，檢索并且顯示一組數(shù)據(jù)庫(kù)行，即記錄。 Recordset 對(duì)象保持查詢返回的記錄的位置，允許您一次一項(xiàng)逐步掃描結(jié)果。</p><p>　　根據(jù) Recordset 對(duì)象的指針類型屬性設(shè)置，您可以滾動(dòng)和更新記錄。數(shù)據(jù)庫(kù)指針可以讓您在一組記錄中定位到特定的項(xiàng)。指針還用于檢索和檢查記錄，然后在這些記錄的基礎(chǔ)上執(zhí)行操作。Rec

48、ordset 對(duì)象有一些屬性，可用于精確地控制指針的行為，提高您檢查和更新結(jié)果的能力。例如，您可以使用 CursorType 和 CursorLocation 屬性設(shè)置指針的類型，將結(jié)果返回給客戶端應(yīng)用程序（結(jié)果通常保留在數(shù)據(jù)庫(kù)服務(wù)器上）并顯示其他用戶對(duì)數(shù)據(jù)庫(kù)的最后一次更改。</p><p>　　一個(gè)成功的數(shù)據(jù)庫(kù)應(yīng)用程序都使用 Connection 對(duì)象建立鏈接并使用 Recordset 對(duì)象處理返回的數(shù)據(jù)。通過(guò)

49、“協(xié)調(diào)”兩個(gè)對(duì)象的特定功能，您可以開(kāi)發(fā)出幾乎可以執(zhí)行任何數(shù)據(jù)處理任務(wù)的數(shù)據(jù)庫(kù)應(yīng)用程序。例如，下面的服務(wù)器端腳本使用 Recordset 對(duì)象執(zhí)行 SQL SELECT 命令。SELECT 命令檢索一組基于查詢限制的信息。查詢也包含 SQL WHERE 子句，用來(lái)縮小查詢的范圍。</p><p>　　通過(guò) ADO Command 對(duì)象，可以象用 Connection 對(duì)象和 Recordset 對(duì)象那樣執(zhí)行查詢，唯

50、一的不同在于用 Command 對(duì)象您可以在數(shù)據(jù)庫(kù)源上準(zhǔn)備、編譯您的查詢并且反復(fù)使用一組不同的值來(lái)發(fā)出查詢。這種方式的編譯查詢的優(yōu)點(diǎn)是您可以最大程度地減少向現(xiàn)有查詢重復(fù)發(fā)出修改的請(qǐng)求所需的時(shí)間。另外，您還可以在執(zhí)行之前通過(guò)您的查詢的可變部分的選項(xiàng)使 SQL 查詢保持局部未定義。</p><p>　　Command 對(duì)象的 parameter 集合減少了您的麻煩，使您不必在每次重新發(fā)出查詢時(shí)重新建立查詢。</

51、p><p>　　2.3 網(wǎng)頁(yè)圖像設(shè)計(jì)工具——Photoshop </p><p>　　Adobe公司開(kāi)發(fā)，處理圖形圖像的專門(mén)設(shè)計(jì)軟件。DTP和圖像軟件的結(jié)合，使設(shè)計(jì)師可在電腦上直接完成文字的錄入、排版、圖像處理、形象創(chuàng)造和分色制板的全過(guò)程，開(kāi)創(chuàng)了“電腦平面設(shè)計(jì)”時(shí)代。 Photoshop的專長(zhǎng)在于圖像處理，而不是圖形創(chuàng)作。有必要區(qū)分一下這兩個(gè)概念。圖像處理是對(duì)已有的位圖圖像進(jìn)行編輯加工處理以

52、及運(yùn)用一些特殊效果，其重點(diǎn)在于對(duì)圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意，使用矢量圖形來(lái)設(shè)計(jì)圖形，這類軟件主要有Adobe公司的另一個(gè)著名軟件Illustrator和Micromedia公司的Freehand。Photoshop系列中使用最廣泛的有Photoshop5.0版本、Photoshop7.0。</p><p>　　2.4.網(wǎng)頁(yè)設(shè)計(jì)工具——Dreamweaver</p><p&

53、gt;　　Macromedia 公司的產(chǎn)品的另一款“所見(jiàn)即所得”的網(wǎng)頁(yè)編輯工具。與 Frontpage 不同，Deamweaver 采用的是 Mac 機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格，對(duì)于初學(xué)者來(lái)說(shuō)可能會(huì)感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后，就會(huì)發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage 所無(wú)法比擬的。 </p><p>　　Dreamweaver 對(duì)于 DHTML 的支持特別好，可以輕而易舉地做出

54、很多眩目的頁(yè)面特效。插件式的程序設(shè)計(jì)使得其功能可以無(wú)限的擴(kuò)展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁(yè)制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個(gè)非常緊密的結(jié)合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說(shuō)Dreamweaver 是高級(jí)網(wǎng)頁(yè)制作的首選并不為過(guò)。常見(jiàn)的版本為 Dreamweaver3、Dreamweaver4、Dre

55、amweaverMX、Dreamweaver8.0、Dreamweaver CS.</p><p>　　所以我本次設(shè)計(jì)主要選用Dreamweaver CS.5結(jié)合Photoshop7.0處理圖片。</p><p>　　第三章．網(wǎng)頁(yè)需求分析</p><p><b>　　3.1可行性分析</b></p><p>　　3.1.

56、1網(wǎng)頁(yè)的界面設(shè)計(jì)</p><p>　　由于越來(lái)越多個(gè)人開(kāi)始建立自己的網(wǎng)站，網(wǎng)站除了具有傳播信息的功能外，還往往代表個(gè)人的形象。網(wǎng)站建設(shè)商業(yè)化和廣告化的趨勢(shì)，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性提出了更高的要求。雖然HTML語(yǔ)言提供了對(duì)常用Windows標(biāo)準(zhǔn)控件的支持，但是，由于Windows標(biāo)準(zhǔn)控件的形狀和顏色十分單一，網(wǎng)頁(yè)的視覺(jué)效果可能會(huì)很差。例如：列表框和下拉列表框只能呈現(xiàn)凹陷邊框，而且下拉列表的箭頭的顏色不能改變，滾動(dòng)條只能

57、出現(xiàn)在窗口的下邊和右邊，當(dāng)網(wǎng)頁(yè)分成多個(gè)幀的時(shí)候，滾動(dòng)條就不可避免的出現(xiàn)在網(wǎng)頁(yè)的中間，破壞網(wǎng)頁(yè)的整體性。若在網(wǎng)頁(yè)的設(shè)計(jì)中主動(dòng)配合Windows標(biāo)準(zhǔn)控件的形狀和顏色，網(wǎng)頁(yè)的創(chuàng)作空間就會(huì)受到限制。因此，有必要實(shí)現(xiàn)網(wǎng)頁(yè)中的自定義控件，以滿足網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)化的要求。</p><p>　　A. 網(wǎng)頁(yè)界面構(gòu)成要素</p><p>　　與傳統(tǒng)媒體不同，網(wǎng)頁(yè)除了文字和圖像以外，還包含聲音、視頻和動(dòng)畫(huà)等新興多媒

58、體元素，更借助由代碼語(yǔ)言編程所實(shí)現(xiàn)的各種交互式效果，增加了網(wǎng)頁(yè)界面的生動(dòng)性和復(fù)雜性，也使得網(wǎng)頁(yè)設(shè)計(jì)者需要考慮更多頁(yè)面元素的排布、優(yōu)化。 一般來(lái)說(shuō)，網(wǎng)頁(yè)的界面主要由下面幾個(gè)因素構(gòu)成：</p><p>　　（1）文字：文字元素是信息傳達(dá)的主體部分。網(wǎng)頁(yè)中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說(shuō)明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要

59、比率的元素，同時(shí)又是信息重要載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。</p><p>　?。?）圖形：圖形在網(wǎng)頁(yè)界面中具有重要作用。合理的運(yùn)用圖形?？梢陨鷦?dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)頁(yè)中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)。</p><p>　　3.2.網(wǎng)站需求分析</p><p>　

60、　3.2.1.主題確立與建站目的</p><p>　　在信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來(lái)源于互聯(lián)網(wǎng)。而吸引瀏覽用戶的則是視覺(jué)效果出色、信息量豐富、使用起來(lái)便捷的網(wǎng)頁(yè)，所以網(wǎng)頁(yè)設(shè)計(jì)尤為重要。</p><p>　　互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。網(wǎng)頁(yè)設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由

61、于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。</p><p>　　本網(wǎng)站設(shè)計(jì)的宗旨在于通過(guò)對(duì)搜集到的著名球星里奧梅西的各種信息與資料多方面，多角度的呈現(xiàn)，使廣大球迷能夠更加全面完整地了解梅西。我們還會(huì)不定期實(shí)時(shí)更新數(shù)據(jù)信息，確保廣大球迷都能夠接受到最新資訊。</p><p>　　3.2.2.網(wǎng)站實(shí)現(xiàn)功能&

62、lt;/p><p>　　廣大梅西的忠實(shí)粉絲通過(guò)本網(wǎng)站可以快速獲取與他有關(guān)的信息，了解其不太為人所熟知的成長(zhǎng)經(jīng)歷，婚姻，家庭生活狀況以及比賽和獲獎(jiǎng)情況，從而使球迷對(duì)里奧梅西形成一個(gè)更加立體全面地認(rèn)識(shí)。</p><p>　　第四章．網(wǎng)站的總體規(guī)劃</p><p>　　4.1制作網(wǎng)頁(yè)的一般步驟</p><p>　　首先，你應(yīng)該明確制作網(wǎng)頁(yè)是為了干什么。

63、比如，你是公司的職員，想通過(guò)網(wǎng)頁(yè)來(lái)對(duì)公司進(jìn)行廣告宣傳；再假設(shè)你正在做一個(gè)項(xiàng)目，想和外地的工程師通過(guò)網(wǎng)頁(yè)討論該項(xiàng)目。如果你要制作個(gè)人網(wǎng)頁(yè)，那么你可能想通過(guò)個(gè)人網(wǎng)頁(yè)在網(wǎng)上進(jìn)行傳播，從而展示自己，并和網(wǎng)友交朋友。這就是你的目的。我這次做這個(gè)網(wǎng)頁(yè)就是為了讓同學(xué)們?cè)谧约旱陌嗉?jí)網(wǎng)站里面更好的交流和聯(lián)系，及時(shí)發(fā)布一些班級(jí)新聞，為同學(xué)們建造一個(gè)網(wǎng)上家園。</p><p>　　其次，組織好你的網(wǎng)頁(yè)內(nèi)容。試想，你把自己的照片和內(nèi)容都

64、堆在一起，別人將無(wú)法明白你想干什么，說(shuō)不準(zhǔn)，連你自己都糊涂了。如果組織得好，用戶從你的網(wǎng)頁(yè)中獲取信息就容易得多。對(duì)于那些很重要的信息，用戶只需要簡(jiǎn)單的操作就能得到。一般來(lái)說(shuō)，組織好網(wǎng)頁(yè)的關(guān)鍵是要對(duì)網(wǎng)頁(yè)建立層次分明、條理清楚的結(jié)構(gòu)圖。腦子里有了這樣一張結(jié)構(gòu)圖，就會(huì)對(duì)網(wǎng)頁(yè)很明白，并且有助于制作網(wǎng)頁(yè)。</p><p>　　而后，要確定你的網(wǎng)頁(yè)所具有的外觀和特色，目的就是讓用戶被你的網(wǎng)頁(yè)所吸引。如果你只是要把很多漂亮的畫(huà)

65、面堆在一起，而不管內(nèi)容，那將沒(méi)人看。應(yīng)該讓你的網(wǎng)頁(yè)不僅漂亮，更重要的是實(shí)用。怎么把自己的照片和內(nèi)容有機(jī)的結(jié)合到一起，這也正是你的網(wǎng)頁(yè)特色所在。</p><p>　　然后，開(kāi)始制作網(wǎng)頁(yè)。具體操作時(shí)，首先要?jiǎng)?chuàng)建個(gè)人站點(diǎn)，再充分利用Dreamweaver的功能建立各個(gè)網(wǎng)頁(yè)。</p><p>　　最后，等網(wǎng)頁(yè)做好了，就該發(fā)布站點(diǎn)了。站點(diǎn)發(fā)布后，為了保持站點(diǎn)的吸引力，要經(jīng)常修改網(wǎng)頁(yè)的內(nèi)容（添加新的內(nèi)

66、容，更換已過(guò)時(shí)的圖像等），就要更新和維護(hù)你的站點(diǎn)了。</p><p>　　4.2網(wǎng)頁(yè)包括的元素</p><p>　　無(wú)論是初次領(lǐng)略Internet風(fēng)光的新手，還是經(jīng)常上網(wǎng)沖浪的老手，在初次設(shè)計(jì)網(wǎng)頁(yè)之前，都必須先認(rèn)識(shí)一下構(gòu)成網(wǎng)頁(yè)的基本元素。只有這樣，才能在真正的設(shè)計(jì)工作中得心應(yīng)手，根據(jù)需要合理的組織和安排網(wǎng)頁(yè)的內(nèi)容，從而達(dá)到期望的目標(biāo)。</p><p>　　設(shè)計(jì)網(wǎng)頁(yè)的

67、目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也就成了網(wǎng)頁(yè)的基本組成部分，超級(jí)鏈接是Web的核心，使它將萬(wàn)維網(wǎng)中無(wú)數(shù)的網(wǎng)頁(yè)鏈接在一起，如果沒(méi)有它，Web就無(wú)從談起，此外，表格、動(dòng)畫(huà)、音樂(lè)和交互表單等信息的組織、表現(xiàn)，以及交互元素在網(wǎng)頁(yè)中也具有舉足輕重的地位。</p><p><b>　　(1)、文本</b></p><p>　　文本一直是人類最重要的信息載體和交流

68、工具，網(wǎng)頁(yè)中的信息也以文本為主，與圖像相比，文字雖不如圖像那樣能夠很快的引起瀏覽者的主意，但卻能準(zhǔn)確的表達(dá)消息的內(nèi)容和含義，為了克服文字固有的缺點(diǎn)，人們賦予了網(wǎng)頁(yè)中文本更多的屬性，如文字、字號(hào)、顏色、底紋和邊框等，通過(guò)不同格式的區(qū)別，突出顯示重要的內(nèi)容，此外，用戶還可以在網(wǎng)頁(yè)中設(shè)計(jì)各種各樣的文字列表來(lái)清晰表達(dá)一系列項(xiàng)目，這些功能都給網(wǎng)頁(yè)中的文本賦予了新的生命力。</p><p><b>　　(2)、圖像

69、</b></p><p>　　圖像在網(wǎng)頁(yè)中具有提供信息，展示作品，裝飾網(wǎng)頁(yè)，表達(dá)個(gè)人情調(diào)和風(fēng)格的作用。用戶可以在網(wǎng)頁(yè)中使用GIF、JPEG、PNG 3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。</p><p><b>　　(3)、超級(jí)鏈接</b></p><p>　　超級(jí)鏈接技術(shù)可以說(shuō)是萬(wàn)維網(wǎng)流行起來(lái)的最主要的原因

70、，它是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接，例如指向另一個(gè)網(wǎng)頁(yè)或相同網(wǎng)頁(yè)上的不同位置，這個(gè)目的端通常是另一個(gè)網(wǎng)頁(yè)，但也可以是一幅圖片，一個(gè)電子郵件地址，一個(gè)文件，一個(gè)程序或本網(wǎng)頁(yè)中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見(jiàn)的程序腳本。</p><p>　　當(dāng)瀏覽者單擊超級(jí)鏈接時(shí)，其目的端將顯示在Web瀏覽器上，并根據(jù)目的端的類型以不同方式鏈接。例如，當(dāng)指向一個(gè)AVI文件的超級(jí)鏈接被單擊后，該

71、文件將在媒體播放軟件中打開(kāi);如果是指向一個(gè)網(wǎng)頁(yè)的超級(jí)鏈接，則該網(wǎng)頁(yè)將顯示在Web瀏覽器上。</p><p><b>　　(4).表格</b></p><p>　　在網(wǎng)頁(yè)中表格用來(lái)控制網(wǎng)頁(yè)中信息的布局方式。這包括兩方面：一是使用行和列的形式來(lái)布局文本和圖像以及其他的列表化數(shù)據(jù)；二是還可以使用表格來(lái)精</p><p>　　4.3.網(wǎng)頁(yè)層次結(jié)構(gòu)（附結(jié)

72、構(gòu)圖）</p><p>　　4.4.目錄的層次結(jié)構(gòu)（附結(jié)構(gòu)圖）</p><p>　　4.5.網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)步驟</p><p>　　4.5.1 創(chuàng)建網(wǎng)頁(yè)頁(yè)面</p><p>　　在Dreamveaver“文件－新建－常規(guī)－基本頁(yè)－HTML”，這樣就建好了一個(gè)頁(yè)面，英文版的默認(rèn)的文件名為untitled.htm。中文版的的默認(rèn)的文件名為“無(wú)標(biāo)

73、題文檔”。html就表示這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML文件。給它改名index.html</p><p>　　在標(biāo)題空格里輸入網(wǎng)頁(yè)名稱，點(diǎn)擊修改－頁(yè)面屬性，打開(kāi)“頁(yè)面屬性”窗口。設(shè)置網(wǎng)站主題。</p><p>　　4.5.2 插入圖像 使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對(duì)話框，選中該圖像文件，單擊確定。</p><p>　　4.

74、5.3 插入標(biāo)題文字 進(jìn)入頁(yè)面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對(duì)齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁(yè)”四個(gè)字。字小不要緊，我們可以對(duì)它進(jìn)行設(shè)置。</p><p>　　4.5.4 設(shè)置文字的格式</p><p>　　選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體，大小可任意更改字號(hào)

75、。并選中“B”將字體變粗。</p><p>　　根據(jù)這樣的方法，逐漸填充完整我們的首頁(yè)。</p><p>　　以此類推，完成我們的其他子頁(yè)面。</p><p>　　4.5.5 插入logo</p><p>　　插入圖片方式，在網(wǎng)站中心加入本網(wǎng)站的logo</p><p>　　4.6.網(wǎng)頁(yè)設(shè)計(jì)的效果展示</p>

76、;<p>　　4.6.1 主頁(yè)界面展示</p><p>　　4.6.2 運(yùn)動(dòng)生涯界面展示</p><p>　　.4.6.3 場(chǎng)外生活界面展示</p><p>　　4.6.4 職業(yè)數(shù)據(jù)界面展示</p><p>　　4.6.5 獲獎(jiǎng)記錄界面展示</p><p>　　4.6.6 精彩瞬間界面展示</p&g

77、t;<p>　　4.6.7 注冊(cè)我們界面展示</p><p>　　4.6.8 登錄網(wǎng)站界面展示</p><p>　　第五章．需要解決的幾個(gè)關(guān)鍵問(wèn)題</p><p><b>　　5.1 數(shù)據(jù)庫(kù)技術(shù)</b></p><p>　　Access是Office系列軟件中用來(lái)專門(mén)管理數(shù)據(jù)庫(kù)的應(yīng)用軟件。所謂數(shù)據(jù)庫(kù)是指經(jīng)過(guò)

78、組織的、關(guān)于特定主題或?qū)ο蟮男畔⒓?。?shù)據(jù)庫(kù)管理系統(tǒng)分為兩類：文件管理系統(tǒng)和關(guān)系型管理系統(tǒng)。Access應(yīng)用程序就是一種功能強(qiáng)大且使用方便的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，一般也稱關(guān)系型數(shù)據(jù)庫(kù)管理軟件。它可運(yùn)行于各種Microsoft Windows系統(tǒng)環(huán)境中，由于它繼承了Windows的特性，不僅易于使用，而且界面友好，如今在世界各地廣泛流行。它并不需要數(shù)據(jù)庫(kù)管理者具有專業(yè)的程序設(shè)計(jì)水平，任何非專業(yè)的用戶都可以用它來(lái)創(chuàng)建功能強(qiáng)大的數(shù)據(jù)庫(kù)管理系統(tǒng)

79、。</p><p>　　Access使用標(biāo)準(zhǔn)的SQL（Structured Query Language,結(jié)構(gòu)化查詢語(yǔ)言）作為它的數(shù)據(jù)庫(kù)語(yǔ)言，從而提供了強(qiáng)大的數(shù)據(jù)處理能力和通用性，使其成為一個(gè)功能強(qiáng)大而且易于使用的桌面關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)和應(yīng)用程序生成器。</p><p>　　Access數(shù)據(jù)庫(kù)使用單一的*.mdb文件管理所有的信息，這種針對(duì)數(shù)據(jù)庫(kù)集成的最優(yōu)化文件結(jié)構(gòu)不僅包括數(shù)據(jù)本身，也包

80、括了它的支持對(duì)象。此外，Access 2000還利用Office套件共享的編程語(yǔ)言VBA（Visual Basic for Application）進(jìn)行高級(jí)操作控制和復(fù)雜的數(shù)據(jù)操作。</p><p>　　5.2. 數(shù)據(jù)庫(kù)連接技術(shù)</p><p>　　一個(gè)動(dòng)態(tài)的網(wǎng)站，它的動(dòng)態(tài)就體現(xiàn)在數(shù)據(jù)庫(kù)技術(shù)上面，那么怎么才能使數(shù)據(jù)庫(kù)與我們的WEB頁(yè)面進(jìn)行連接呢？這里就要用到ASP六大內(nèi)對(duì)象中的server

81、對(duì)象！具體代碼如下：</p><p><b>　　<%</b></p><p>　　dim conn,connstr</p><p>　　set conn=server.createobject(“adodb.connection”)</p><p>　　connstr=”dbq=”&server.mapp

82、ath(“數(shù)據(jù)庫(kù)的路徑”)&” ;driver={Microsoft access driver(*.mdb)}”</p><p>　　conn .open connstr</p><p><b>　　%></b></p><p>　　這些代碼一般都放在一個(gè)名稱為conn.asp的文件里面。如果WEB頁(yè)面中需要用到數(shù)據(jù)庫(kù)連接時(shí)就使

83、用宏定義把這個(gè)文件包含進(jìn)去就可以了！具體代碼十分簡(jiǎn)單：<!--#include file=conn.asp-->。</p><p>　　5.3. 數(shù)據(jù)庫(kù)寫(xiě)入技術(shù)</p><p>　　關(guān)于數(shù)據(jù)庫(kù)的寫(xiě)入技術(shù)一般可以分為兩類：ADDNEW方法和INSERT…INTO！</p><p>　　在ASP中，直接使用“Insert into” 語(yǔ)句與使用ADO中Add

84、New方法有什么區(qū)別？哪一種更好呢？AddNew方法的實(shí)質(zhì)就是封裝了“Insert into”語(yǔ)句。所以，當(dāng)我們需要對(duì)大量</p><p>　　數(shù)據(jù)進(jìn)行操作的時(shí)候，應(yīng)優(yōu)先選用“Insert into”語(yǔ)句。因?yàn)橹苯邮褂肧QL語(yǔ)句，減少了ADO的解釋時(shí)間，顯然會(huì)大大加快存取數(shù)據(jù)的速度。</p><p>　　下面我們分別來(lái)看一下它們的代碼！以向一個(gè)名為data的表中插入一個(gè)類型均為文本型的兩個(gè)

85、字段 username和psw</p><p>　　一：insert into</p><p>　　<!--#include file=conn.asp-->這句話包括了數(shù)據(jù)庫(kù)的文件！</p><p><b>　　<%</b></p><p>　　name=request.form("name

86、")</p><p>　　psw=request.form("psw")</p><p>　　sql=”select *from data where(Id is null)”</p><p>　　sql="insert into data(username,psw)values('"+name+"

87、',"+psw+"')"</p><p>　　conn.execute sql</p><p>　　conn.close</p><p>　　set conn=nothing</p><p>　　response.write "記錄添加成功!"</p><p

88、><b>　　%></b></p><p><b>　　分析：</b></p><p>　　1：<!--#include file=conn.asp-->是一個(gè)宏它是我們提前定義好的一個(gè)數(shù)據(jù)庫(kù)連接的文件！</p><p>　　2：psw=request.form(“psw”)實(shí)際上我們省略了一個(gè)提交

89、的頁(yè)面我們定義了兩個(gè)中間的變量，</p><p>　　3：sql=”select *form data where(id is null)”這里我們要找的就是把數(shù)據(jù)庫(kù)中id為空的記錄找出來(lái)！</p><p>　　4：sql=”insert into data(“username,psw”)values(’”+name+”’,’”+psw+”’)”這里是我們值得注意的地方因?yàn)樗顷P(guān)鍵！學(xué)過(guò)v

90、f或sql的對(duì)這語(yǔ)句并不陌生！但是一定要寫(xiě)對(duì)因?yàn)樵谶@一行語(yǔ)句的values值中需要根據(jù)數(shù)據(jù)庫(kù)中的字段類型來(lái)定義的！它使用了單引號(hào)、雙引號(hào)、連接符的排列順序！其中連接符號(hào)還可以是&!</p><p>　　下面我們來(lái)看看用Addnew是如何實(shí)現(xiàn)的！</p><p>　　<!--#include file=conn.asp-->這句話包括了數(shù)據(jù)庫(kù)的文件！</p>

91、<p><b>　　<%</b></p><p>　　name=request.form("name")</p><p>　　psw=request.form("psw")</p><p>　　set rs=server.createobject(“adodb.recordset”)&l

92、t;/p><p>　　sql=”select *from data where(Id is null)”</p><p>　　rs.open sql,conn1,3</p><p><b>　　rs.addnew</b></p><p>　　rs(“username”)=name</p><p>　　

93、rs(“psw”)=psw</p><p><b>　　rs.updata</b></p><p><b>　　rs.close</b></p><p>　　set rs=nothing</p><p>　　conn.close</p><p>　　set conn=noth

94、ing</p><p>　　response.write "記錄添加成功!"</p><p><b>　　%></b></p><p>　　5.4 數(shù)據(jù)庫(kù)的讀取技術(shù)</p><p>　　數(shù)據(jù)庫(kù)的讀取技術(shù)是與記錄集合的建立相結(jié)合而使用的！因?yàn)樵跀?shù)據(jù)庫(kù)中一行記錄可能會(huì)包括很多信息。但是這一行記錄始終

95、是一個(gè)數(shù)據(jù)單元！我們可以通過(guò)該數(shù)據(jù)單元的具體情況和數(shù)據(jù)庫(kù)的查詢條件找到需要的數(shù)據(jù)項(xiàng)！下面我們?cè)賮?lái)看一段代碼：</p><p><b>　　<%</b></p><p>　　set rs=server.createobject("adodb.recordset")

96、 </p><p>　　sql="select * from music " </p><p>　　rs.open sql,conn,1,3</p><p>　　if not rs1.eof then</p><p><b>　

97、　end if</b></p><p>　　<AHREF="javascript:void(0)" onClick="newpage('swfPlay.asp?id=<%=rs("id")%>');"><%=rs("name")%></a>

98、 %></p><p>　　5.5記錄集合的建立</p><p>　　記錄集是我們?cè)谧鰟?dòng)態(tài)網(wǎng)站必須要考慮的問(wèn)題因?yàn)閯?dòng)態(tài)網(wǎng)站的所有信息都是用一個(gè)或多個(gè)紀(jì)錄集組合而得到的其實(shí)一的web頁(yè)面的內(nèi)容有時(shí)就是很簡(jiǎn)單的幾個(gè)記錄集合！記錄集中記錄的是和我們要查詢的條件相同的一條或多條記錄！由此可以知道記錄集是非常重要的！那么怎么去寫(xiě)一個(gè)記錄集呢？</p><p&

99、gt;<b>　　<%</b></p><p>　　set rs= server.createobject(“adodb.recordset”)</p><p>　　sql=”select * from 表名 where 條件語(yǔ)句”</p><p>　　rs.open sql,conn,1,1</p><p>&l

100、t;b>　　%></b></p><p>　　這樣我們就可以把我們要查詢的東西放在記錄集rs里面如果我們想從數(shù)據(jù)庫(kù)中把數(shù)據(jù)讀出來(lái)就response 對(duì)象了！一般我們就可以直接簡(jiǎn)寫(xiě)成<%=%>可以了！如果數(shù)據(jù)庫(kù)中只有一條記錄我們這樣寫(xiě)就可以了但是 如果有多條記錄我們就要用到vb或則c語(yǔ)言中的循環(huán)條件！</p><p><b>　　第六章．網(wǎng)頁(yè)測(cè)試

101、</b></p><p><b>　　6.1.網(wǎng)頁(yè)測(cè)試</b></p><p>　　IIS配置當(dāng)IIS被成功安裝后，將在計(jì)算機(jī)C:\Inetpub\wwwroot下新建一個(gè)默認(rèn)網(wǎng)站，通過(guò)修改默認(rèn)網(wǎng)站配置可以建立自己的站點(diǎn)。如自己的網(wǎng)頁(yè)放在D:\Wy目錄下，首頁(yè)文件名為Index.asp，其具體步驟如下：第一步：在“默認(rèn)Web站點(diǎn)”上單擊右鍵，選“屬性”

102、，以進(jìn)入名為“默認(rèn)Web站點(diǎn)屬性”設(shè)置界面。 第二步：轉(zhuǎn)到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網(wǎng)頁(yè)所在的“D:\Wy”目錄。 第三步：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認(rèn)文檔名”后輸入自己網(wǎng)頁(yè)的首頁(yè)文件名“Index.asp”。 第四步：在“默認(rèn)Web站點(diǎn)”上單擊右鍵，選“新建→虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再按提示操作。</p&g

103、t;<p>　　數(shù)據(jù)源（ODBC）配置第一步：選擇控制面板中的管理工具打開(kāi)數(shù)據(jù)源（ODBC）。第二步：在選項(xiàng)卡系統(tǒng)DNS中添加Microsoft Access Driver(*.mdb)驅(qū)動(dòng)并指定數(shù)據(jù)源為網(wǎng)站的數(shù)據(jù)庫(kù)文件。</p><p><b>　　測(cè)試</b></p><p>　　打開(kāi)瀏覽器，直接在地址欄中輸入：http://test/index

104、.asp或者h(yuǎn)ttp://127.0.0.1/test/index.asp即可。</p><p>　　6.2 網(wǎng)頁(yè)發(fā)布及網(wǎng)站維護(hù)</p><p>　　在測(cè)試完成后，網(wǎng)頁(yè)就可以發(fā)布到互聯(lián)網(wǎng)上了，接下來(lái)要做的就是網(wǎng)站的日常維護(hù)了。網(wǎng)站維護(hù)就是對(duì)服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問(wèn)題進(jìn)行評(píng)估，制定響應(yīng)時(shí)間，制定相關(guān)維護(hù)規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化，主要包括以下內(nèi)容：</p>

105、<p>　　即時(shí)更新新聞內(nèi)容留言、信箱、論壇等定期回復(fù)及編改數(shù)據(jù)庫(kù)內(nèi)容定期備份、刪減、分類更正數(shù)據(jù)庫(kù)使用過(guò)程中發(fā)現(xiàn)的問(wèn)題</p><p>　　定期進(jìn)行綜合分析，不斷優(yōu)化數(shù)據(jù)庫(kù)中數(shù)據(jù)結(jié)構(gòu)，提高使用效率在系統(tǒng)運(yùn)行過(guò)程中應(yīng)定期對(duì)管理員用戶名和密碼進(jìn)行更新，并對(duì)IIS和NT權(quán)限作相應(yīng)設(shè)置</p><p><b>　　第八章．結(jié)論</b></p>

106、<p>　　本設(shè)計(jì)作業(yè)經(jīng)過(guò)長(zhǎng)時(shí)間的查資料、整理材料、設(shè)計(jì)網(wǎng)頁(yè)、建設(shè)網(wǎng)站到寫(xiě)作論文，今天終于可以順利的完成論文，終于讓本課程的學(xué)習(xí)，得以劃下了完美的句點(diǎn)。</p><p>　　設(shè)計(jì)作業(yè)是對(duì)我們大學(xué)生活兩年來(lái)教學(xué)的一個(gè)總結(jié)性考察，里面包含了我們學(xué)過(guò)的很多方面的知識(shí)，平時(shí)的學(xué)習(xí)都是自己聽(tīng)老師講解，或者就是做練習(xí)之類，缺少了自己的獨(dú)立思考，通過(guò)這次的設(shè)計(jì)任務(wù)，讓自己清楚了解到自己的學(xué)習(xí)程度，和自我學(xué)習(xí)思考的能

107、力。從第一眼看到資料的那種眼花繚亂的感覺(jué)，到最后看到自己做出的設(shè)計(jì)論文的成功，體驗(yàn)了一次從茫然到無(wú)助，最后的那種成功的欣慰，真的讓自己受益匪淺，也使自己明白了，無(wú)論今后做什么事情，都要堅(jiān)持不懈的努力，多從問(wèn)題的關(guān)鍵出發(fā)，分析不同的思路，多做總結(jié)與比較，從而得到最佳的結(jié)果。</p><p>　　這次的論文設(shè)計(jì)讓我重新了解了很多在學(xué)校所學(xué)不到的東西，也借此回顧了一下我大學(xué)所學(xué)的知識(shí)。它讓我掌握了很多ASP和Acces

108、s的知識(shí)，讓我對(duì)我所學(xué)過(guò)的知識(shí)有所鞏固和提高。在整個(gè)過(guò)程中，我學(xué)到了新知識(shí)，擴(kuò)大了知識(shí)面。也讓我認(rèn)識(shí)到了學(xué)海無(wú)涯的真正含義，我將會(huì)不斷的學(xué)習(xí)新的知識(shí)，讓自己的能力得到進(jìn)一不的提升。</p><p>　　在論文的設(shè)計(jì)中它不僅培養(yǎng)了我嚴(yán)謹(jǐn)?shù)乃季S方法，更造就了我積極樂(lè)觀的生活態(tài)度。而且還要做到穩(wěn)重但又不失創(chuàng)新，開(kāi)朗但不浮躁，興趣廣泛，思路開(kāi)闊，辦事沉穩(wěn)，團(tuán)結(jié)合作的精神。</p><p>　　總之

109、，在這次畢業(yè)設(shè)計(jì)中，我們學(xué)會(huì)了許多的知識(shí)，是大學(xué)兩年來(lái)所學(xué)知識(shí)的綜合運(yùn)用，切實(shí)感受到設(shè)計(jì)的苦與樂(lè)。在這里希望各位老師提出意見(jiàn)和建議，我們定會(huì)努力學(xué)習(xí)改進(jìn)，爭(zhēng)取作出更大的進(jìn)步 。</p><p><b>　　致 謝</b></p><p>　　經(jīng)過(guò)這段時(shí)間的努力，網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)論文撰寫(xiě)和網(wǎng)頁(yè)制作均順利完成。在此我要感謝我的任課老師在此期間給予我的幫助和指導(dǎo)。同時(shí)

110、也要感謝那些我的幾名室友，是他們給予了我們極大的幫助，指引我們的論文的寫(xiě)作的方向和架構(gòu)，并提供了很多查找資料的方法，讓我們更清晰的了解了設(shè)計(jì)的整體規(guī)劃，從而比較容易的著手，也能按時(shí)完成，借此真誠(chéng)地向所有人道聲“謝謝”！</p><p>　　網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)課程的結(jié)束，其實(shí)也宣告了我們大二這一學(xué)年即將走向終結(jié)，心里雖然對(duì)未來(lái)充滿了期待，但也有的點(diǎn)不舍，想想自己走過(guò)來(lái)的一步一步，一點(diǎn)一滴，心中感慨萬(wàn)千，希望自己帶著

111、那份對(duì)未來(lái)社會(huì)的憧憬和希望，順利走進(jìn)大三的學(xué)習(xí)生活，在學(xué)業(yè)上取得更高的成就。在此，感謝長(zhǎng)久以來(lái)老師和同學(xué)們的幫助，謝謝你們！</p><p><b>　　參 考 文 獻(xiàn)</b></p><p>　　[1] 薛凱，康亞雄編著．《Dreamweaver CS3 入門(mén) 提高 精通》．機(jī)械工業(yè)出版社 2008</p><p>　　[2] 甘登岱編著．《