網頁設計畢業(yè)論文1

1、<p><b>　　網頁設計畢業(yè)論文</b></p><p><b>　　摘 要</b></p><p>　　隨著網絡信息的飛速發(fā)展，網絡傳媒以被越來越多的企業(yè)看好，而網站就是傳媒很好的一種方式，目前有很多企業(yè)都在開發(fā)屬于自己的網站，所以研究網站建設是很有必要的。本文針對開發(fā)網站的ASP(ActiveServerPages)技術做了具體

2、的闡述，說明了ASP(ActiveServerPages)服務器的安裝及IIS的配置。數據庫系統(tǒng)是對數據進行存儲，管理，處理和維護的軟件系統(tǒng)，每個動態(tài)網站都必須牽涉到數據庫，數據庫的地位是非常重要的，本文根據數據庫盡可能不重復，以最優(yōu)的方式組織數據的特點，對數據的增、刪、改和檢索由統(tǒng)一軟件進行管理和控制。數據庫和ASP(ActiveServerPages)技術也是本文研究的主要對象。</p><p>　　本文運用

3、ASP(ActiveServerPages)技術、數據庫和相應的網站開發(fā)軟件，闡述網站前后臺設計，并對其功能進行了論述，實現(xiàn)了整個網站功能的使用。通過對整個網站的設計，說明了在制作過程中遇到常見問題的解決方法。</p><p>　　關鍵詞：ASP技術,軟件工程,數據庫</p><p><b>　　目錄</b></p><p><b>

4、　　1前言1</b></p><p><b>　　2緒論…1</b></p><p>　　2.1網頁制作的背景和意義1</p><p>　　2.2相關術語的闡述2</p><p>　　3網頁開發(fā)環(huán)境及數據庫概述3</p><p>　　3.1網頁運行環(huán)境的開發(fā)3</p&

5、gt;<p>　　3.2ASP和ADO簡介4</p><p>　　3.2.1ASP產生的歷史環(huán)境4</p><p>　　3.2.2ADO對象6</p><p>　　3.3網頁圖像設計工具——Photoshop7</p><p>　　3.4網頁設計工具——Dreamweaver8</p><p>

6、<b>　　4網頁需求分析8</b></p><p>　　4.1可行性分析8</p><p>　　4.1.1網頁的界面設計8</p><p>　　4.1.2網頁界面構成要素9</p><p>　　4.2網站需求分析9</p><p>　　4.2.1建站目的9</p>&l

7、t;p>　　4.2.2網站實現(xiàn)功能10</p><p>　　5網站的總體規(guī)劃10</p><p>　　5.1制作網頁的一般步驟10</p><p>　　5.2網頁包括的元素11</p><p>　　5.3網頁層次結構12</p><p>　　6需要解決的幾個關鍵問題13</p><

8、p>　　6.1數據庫技術13</p><p>　　6.2數據庫連接技術14</p><p>　　6.3數據庫寫入技術14</p><p>　　6.4數據庫的讀取技術16</p><p>　　6.5記錄集合的建立16</p><p><b>　　7網頁測試17</b></p&

9、gt;<p>　　7.1網頁測試17</p><p>　　7.2網頁發(fā)布及網站維護18</p><p><b>　　結論18</b></p><p><b>　　致 謝20</b></p><p><b>　　參考文獻22</b></p>

10、<p><b>　　1前 言</b></p><p>　　中華民族文化源遠流長，中國文化博大精深，而中國畫在思想內容和藝術創(chuàng)作上，都反映了中華民族的社會意識和審美情趣，體現(xiàn)了中國人對自然、社會及與之相關聯(lián)的政治、哲學、宗教、道德、文藝等方面的認識。傳承中國文化，并將其發(fā)揚廣大，是我作為一個華夏之女的心愿。在信息技術飛速發(fā)展的今天，人們獲取信息的方式更多是來源于互聯(lián)網。而吸引瀏覽用戶

11、的則是視覺效果出色、信息量豐富、使用起來便捷的網頁，所以網頁設計尤為重要。</p><p>　　互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經</p><p>　　濟、生活等各個方面發(fā)揮著重要的作用。網頁設計伴隨著網絡的快速發(fā)展而快速</p><p>　　興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常的重要。網頁</p>

12、<p>　　講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了</p><p><b>　　解網站提供的信息。</b></p><p>　　面對日益加快的生活節(jié)奏和信息社會日新月異的變化，企業(yè)極需要一種快捷，便利的平臺來對外宣傳企業(yè)形象,介紹最新產品和及時售后服務。如何運用現(xiàn)代化信息技術完成這一目標，建立“一座企業(yè)與顧客之間暢通無阻的大

13、橋”已成為企業(yè)中應該解決的重要課題之一，本網站正是為這一目標設計制作的。</p><p><b>　　2緒論</b></p><p>　　2.1網頁制作的背景和意義</p><p>　　我們讀書就是為了獲得知識，現(xiàn)在我們學習了ASP動態(tài)網頁設計，當然就是要能做一個精美的網頁。在此次畢業(yè)設計中，我們要能更加的了解Dreameaver強大的功能和更

14、好的使用它。通過此次設計我們還要能夠知道靜態(tài)網頁和動態(tài)網頁的區(qū)別。誠然，次此設計的個人網頁，一方面是為了完成畢業(yè)作業(yè)，但更重要的是把我們所學到的東西用在具體的實踐之中，所以，這次設計的目的也是要我們更好的掌握和使用好ASP的核心工具和技術，以便提高對網頁知識的更深層了解。第三點也是最要的一點是，把我們在書本上學到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上，把這些東西都用在所要做的網頁上面。以達到老師要求的效

15、果和學以致用。</p><p>　　Internet是目前世界上最大的計算機互聯(lián)網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，WorldWideWeb(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上百萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各

16、個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。</p><p>　　我們發(fā)現(xiàn)這樣一個事實，用戶在訪問一個網站時一般來講只對該網站的部分內容感性趣，而且這種興趣會持續(xù)一段時間。這點啟發(fā)了我們，如果能根據用戶的喜好為不同的用

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

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

19、出中華文化的博大精深。不同的人，其網站上的展示方式或手法各有不同，千變萬化。在網站策劃中，如何把把中華文化通過網站展示出來，是我設計的重要內容。</p><p>　　2.2相關術語的闡述</p><p>　　WWW是“WorldWideWeb"的縮寫；HTML的意思則是“Hyper　text　Markup　Language”,中文翻譯為“超文本標記語言”?！俺谋尽本褪侵疙撁鎯瓤?/p>

20、以包含圖片、鏈接、甚至音樂，程序等非文字的元素。URLs是UniformResourceLocator的縮寫，統(tǒng)稱為統(tǒng)一資源定位器?？梢园阉胂蟪晌募木W絡擴展。我們不但可以通過各種不同的方法指出在網絡的上哪一臺機器的目錄下的文件。這個文件可以通過各種不同的方法得到。在URL中還指定了訪問這一個文件的協(xié)議。在實際應用中，URL經常稱為“網址”或URL地址。</p><p>　　TCP/IP協(xié)議（Transmis

21、sionControlProtocol/InternetProtocol傳輸控制協(xié)議/</p><p>　　因特網協(xié)議）所謂協(xié)議，其實應該叫他網絡協(xié)議，它是計算機與計算機之間，進行信息傳輸的語言，只有兩臺計算機具有相同的協(xié)議方能進行信息傳輸，常見協(xié)議有IPX協(xié)議、TCP/IP協(xié)議等。IPX現(xiàn)廣泛應用于局域網中，大多數局域網游戲都使用IPX協(xié)議。TCP/IP協(xié)議可以說它是你接入因特網的必備條件，因為它是因特網上的通

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

23、要有相應的專用軟件來執(zhí)行它，一般稱為FTP軟件。通過FTP軟件可連接到FTP服務器上，執(zhí)行上載和下載文件的任務。常用的FTP軟件有LeapFTP、CuteFTP、WS_FTP、FTPX等，這些軟件的原理基本相同，只是用戶界面和功能略有差異。</p><p>　　3網頁開發(fā)環(huán)境及數據庫概述</p><p>　　3.1網頁運行環(huán)境的開發(fā)</p><p>　　本系統(tǒng)必須被

24、運行在IIS(InternetInformationServer)下使用IIS，運行WindowsNTServer 的計算機便成為大容量、功能強大的Web服務器，它可以將信息發(fā)布給辦公大樓或整個世界的用戶。對于在基于WindowsNT的計算機上聯(lián)網，Internet</p><p>　　InformationServer 是很理想的，因為它可以在現(xiàn)存硬件上設置功能強大的Web服務器。InternetInforma

25、tionServer 集成在WindowsNTServer 操作系統(tǒng)中，并利用了其安全特征和性能優(yōu)勢。</p><p>　　3.2ASP和ADO簡介</p><p>　　3.2.1ASP產生的歷史環(huán)境</p><p>　　從本節(jié)開始，將進入本書的重點內容----使用ASP（activeseverpages）技術設計最流行的遠程教育平臺。在目前飛速發(fā)展的IT行業(yè)中，網

26、站一旦建立起來，就一如既往的保持"靜態(tài)"，不加更改？如果是這樣，就無形中一落后時代的步伐。所謂靜態(tài)指的是網站的頁面內容固定不變，當用戶瀏覽器通過互聯(lián)網的HTTP協(xié)議向Web服務器請求提供頁面內容時，服務器僅僅是將原來已經設計好的靜態(tài)HTML代碼，最多加上流行的GIF89A格式的動態(tài)圖片。若網站維護者要更新網頁的內容，就必須手動的來更新起所以的HTML文檔。這種網長的致命弱點就是不容易維護，為了不斷更新網頁的內容，就必

27、須不斷的重復HTML文檔，隨著網站內容和信息量的日益擴增，使得工作量大得出人想象。ASP正是解決這個尷尬局面出現(xiàn)了。因此ASP迅速的得到了無數網絡開發(fā)者的垂青。</p><p><b>　　(1)什么是ASP</b></p><p>　　ASP的全稱是ActiveSeverPages,目前沒有正式的中文名，可以理解為動態(tài)服務器頁面技術。ASP是目前最流行的開發(fā)動態(tài)網站

28、的程序開發(fā)之一，它的特點是將腳本，超文本和強大的數據訪問功能結合在一起，并提供了眾多的服務器組件來擴張功能，能夠很方便的創(chuàng)建分布式和基于Web的商業(yè)話應用程序。如果要更簡單的描述ASP，可以說ASP就是運行在Web服務器上的動態(tài)網頁。ASP程序文件也是一個標準的網頁，一般HTML標記和ASP腳本代碼混雜在一起組成。ASP網頁程序必須想竟Web服務器的ASP解釋器解釋執(zhí)行，產生HEML代碼后才傳送給用戶的瀏覽器執(zhí)行顯示。</p>

29、;<p><b>　　(2)ＡＳＰ的特點</b></p><p>　　1、任何開發(fā)工具皆可發(fā)展ＡＳＰ</p><p>　　只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁發(fā)展工具，例如，F(xiàn)rontPageExpress、ＦFrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網頁編輯

30、來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。通吃各家瀏覽由于ASP程序是在網絡服務器端中執(zhí)行，執(zhí)行結果所產生的HTML文件適用于不同的瀏覽器。</p><p><b>　　2、語言相容性高</b></p><p>　　ASP與所有的ActiveXScript語言都相容，除了可結合HTML，VBScript、JavaScript、ActiveX服務器組件來設計外，并可

31、經由“plug-In（外掛組件模組）的方式，使用其他廠商（ThirdParty）所提供的語言。</p><p><b>　　3、隱密安全性高</b></p><p>　　如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是應屆ＡＳＰ程序先于網站服務（Ｗeb Server）端執(zhí)行后，將結果轉換成標準ＨＴＭＬ文件，再傳送到

32、客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進而被盜用。</p><p><b>　　4、易于操控數據庫</b></p><p>　　ＡＳＰ可以輕易地通過ＯDBC(OpenDatabaseConnectivity)驅動程序連接各種不同的數據庫，例如：Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文

33、本文件”或是”Excel”文件當成數據庫用。</p><p>　　5、面向對象學習容易</p><p>　　ＡＳＰ具備有面向對象（Ｏobject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內建的“Application”對象或”Session”對象所撰寫

34、出來的ＡＳＰ程序可以在多個網頁之間暫時保存必要的信息。</p><p>　　6、對象名稱功能描述</p><p>　　RequestResponseServerSessionApplicationObjectContext從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內的用戶信息。</p><p>　　(3)ASP模型對象</

35、p><p>　　ASP提供了六個功能強大的內置對象供用戶使用，利用這六個對象，可以設計變化多端的Web應用程序，在ASP開發(fā)Web應用程序時，通過調用對象的方法，不但能實現(xiàn)提高編程效率，而且編程更優(yōu)化。</p><p>　　下面列出ASP包括的六個內置對象：</p><p>　　Response：將信息送主客戶端</p><p>　　Reques

36、t：從客戶端取得信息</p><p>　　Server：提供一些WebSever方法</p><p>　　Session：記錄連接著的信息，每一個連接者的信息有獨立的Session對象來記錄</p><p>　　Apptication：記錄共用消息，讓不同的可戶端共享信息</p><p>　　Objectlontent：配合MTS進行分布式事

37、務處理</p><p><b>　　(4)ASP的運行</b></p><p>　　ASP頁面與一般的HTML頁面的真正不同之處，在于ASP頁面需要經過Web服務器的解釋執(zhí)行而HTML網頁不需要。因此如果要運行和發(fā)布式ASP網頁，就需要有Web服務器的支持。任何一個Web服務器，只有內嵌有ASP的解釋程序，就可以運行ASP編寫的動態(tài)網頁。</p><

38、;p>　　整個過程主要有如下5個步驟（HTML頁面的處理沒有第三步）：</p><p>　　A.用戶將ASP文件的網址輸入到瀏覽器的地址欄，請求一個ASP網頁。</p><p>　　B.瀏覽器向Web服務器發(fā)送ASP文件請求，成為Request</p><p>　　C.服務器找到并解釋執(zhí)行該ASP文件，生成標準的HTML文件</p><p&

39、gt;　　D.服務器將HTML文件傳送給用戶瀏覽器，稱為Response</p><p>　　E.用戶的瀏覽器解釋HTML文件，結果在瀏覽器窗口顯示</p><p>　　3.2.2ADO對象</p><p>　　ADO原名為ActiveXDataObject。通過與ASP的結合，可以在網頁里執(zhí)行SQL的指令，用戶可以輕松且快速的存取、增加或是刪除數據庫的數據。ADO

40、包含三個主要的對象：Recordset、Connection以及Cmmand。通過這些對象的了解與應用，再利用ASP對象，就可以很容易地制作出一個方便快捷、功能多樣的網站?？焖?、容易和節(jié)省磁盤空間，是ADO的特性，這使得ADO成為十分熱門的技巧。ADO通過與ODBC的鏈接，可以鏈接許多各種類型的數據庫，因為ODBC本身就支持許多類型的數據庫。</p><p>　　ADO通過VBScript和JavaScript語

41、言的技巧，不但可以控制存取數據庫，還可以達到一些特殊技巧的變化。ADO提供Connection對象可以使用該對象建立和管理應用程序和ODBC數據庫之間的連接。Connection對象具有各種屬性和方法，可以使用它們打開和關閉數據庫連接，并且發(fā)出查詢請求來更新信息。要建立數據庫連接，首先應創(chuàng)建Connection對象的實例。用Connection對象的Execute方法您可以發(fā)出結構化查詢語言(SQL) 查詢數據庫源并檢索結果。</

42、p><p>　　SQL是用于與數據庫通訊的工業(yè)標準語言，它有許多命令可用來檢索和更新信息。使用Connection對象的Execute方法在SQLINSERT 命令的表格中發(fā)出查詢，該命令將數據插入特定的數據庫表格。使用Recordset對象處理結果盡管Connection對象簡化了連接數據庫和查詢任務，但Connection對象仍有許多不足。確切地說，檢索和顯示數據庫信息的Connection對象不能用于創(chuàng)建腳本；

43、您必須確切知道要對數據庫作出的更改，然后才能使用查詢實現(xiàn)更改。對于檢索數據、檢查結果、更改數據庫，ADO提供了Recordset對象。正如它的名稱所暗示的那樣，Recordset對象有許多您可以使用的特性，根據您的查詢限制，檢索并且顯示一組數據庫行，即記錄。Recordset對象保持查詢返回的記錄的位置，允許您一次一項逐步掃描結果。根據Recordset對象的指針類型屬性設置，您可以滾動和更新記錄。數據庫指針可以讓您在一組記錄中定位到特

44、定的項。指針還用于檢索和檢查記錄，然后在這些記錄的基礎上執(zhí)行操作。Recordset對象有一些屬性，可用于精確地控制指針的行為，提高您檢查和更新結果的能力。</p><p>　　發(fā)出幾乎可以執(zhí)行任何數據處理任務的數據庫應用程序。例如，下面的服務器端腳本使用Recordset對象執(zhí)行SQLSELECT命令。SELECT命令檢索一組基于查詢限制的信息。查詢也包含SQLWHERE子句，用來縮小查詢的范圍。通過ADOCo

45、mmand對象，可以象用Connection對象和Recordset對象那樣執(zhí)行查詢，唯一的不同在于用Command對象您可以在數據庫源上準備、編譯您的查詢并且反復使用一組不同的值來發(fā)出查詢。這種方式的編譯查詢的優(yōu)點是您可以最大程度地減少向現(xiàn)有查詢重復發(fā)出修改的請求所需的時間。另外，您還可以在執(zhí)行之前通過您的查詢的可變部分的選項使SQL查詢保持局部未定義。Command對象的parameter 集合減少了您的麻煩，使您不必在每次重新發(fā)出

46、查詢時重新建立查詢。</p><p>　　3.3網頁圖像設計工具——Photoshop</p><p>　　Adobe公司開發(fā)，處理圖形圖像的專門設計軟件。DTP和圖像軟件的結合，使設計師可在電腦上直接完成文字的錄入、排版、圖像處理、形象創(chuàng)造和分色制板的全過程，開創(chuàng)了“電腦平面設計”時代。Photoshop的專長在于圖像處理，而不是圖形創(chuàng)作。有必要區(qū)分一下這兩個概念。圖像處理是對已有的位圖

47、圖像進行編輯加工處理以及運用一些特殊效果，其重點在于對圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構思創(chuàng)意，使用矢量圖形來設計圖形，這類軟件主要有Adobe公 司 的 另一 個 著 名 軟 件Illustrator 和Micromedia公 司 的Freehand。Photoshop系列中使用最廣泛的有Photoshop5.0版本、Photoshop7.0。</p><p>　　3.4網頁設計工具——Dreamwea

48、ver</p><p>　　Macromedia公司的產品的另一款“所見即所得”的網頁編輯工具。與Frontpage不同，Deamweaver采用的是Mac機浮動面版的設計風格，對于初學者來說可能會感到不適應。但當你習慣了其操作方式后，就會發(fā)現(xiàn)Dreamweaver的直觀性與高效性是Frontpage所無法比擬的。Dreamweaver對于DHTML的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序

49、設計使得其功能可以無限的擴展。Dreamweaver與Flash、Firework并稱為Macromedia的網頁制作三劍客，由于是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的DreamweaverUltraDev更支持Asp，Jsp。因此，說Dreamweaver是高級網頁制作的首選并不為 過 。 常 見 的 版 本 為Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamwea

50、ver8.0、DreamweaverCS.</p><p>　　所以我本次設計主要選用Dreamweaver8.0結合Photoshop7.0處理圖片。</p><p><b>　　4網頁需求分析</b></p><p><b>　　4.1可行性分析</b></p><p>　　4.1.1網頁的界面

51、設計</p><p>　　由于越來越多個人開始建立自己的網站，網站除了具有傳播信息的功能外，還往往代表個人的形象。網站建設商業(yè)化和廣告化的趨勢，對網頁設計的藝術性提出了更高的要求。雖然HTML語言提供了對常用Windows標準控件的支持，但是，由于Windows標準控件的形狀和顏色十分單一，網頁的視覺效果可能會很差。例如：列表框和下拉列表框只能呈現(xiàn)凹陷邊框，而且下拉列表的箭頭的顏色不能改變，滾動條只能出現(xiàn)在窗口的

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

53、更借助由代碼語言編程所實現(xiàn)的各種交互式效果，增加了網頁界面的生動性和復雜性，也使得網頁設計者需要考慮更多頁面元素的排布、優(yōu)化。</p><p>　　一般來說，網頁的界面主要由下面幾個因素構成：</p><p>　?。?）文字：文字元素是信息傳達的主體部分。網頁中的文字主要包括標題、信息、文字鏈接、幾種主要形式。標題和傳統(tǒng)媒體中信息傳達的基本作用相同，是內容的簡概說明一般比較醒目、優(yōu)先編排。

54、文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大。</p><p>　?。?）圖形：圖形在網頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地表現(xiàn)設計主題。網頁中常用的圖形格式包括jpg 和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺功能。</p><p><b>　　4.2網站需求分析&

55、lt;/b></p><p><b>　　4.2.1建站目的</b></p><p>　　Internet是目前世界上最大的計算機互聯(lián)網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，WorldWideWeb(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Inte

56、rnet上已有上千萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重

57、要組成部分，從而倍受人們的重視。提高公司知名度，擴大公司規(guī)模，***公司的領導決定建立自己的公司網站。</p><p>　　4.2.2網站實現(xiàn)功能</p><p>　　本網站給客戶提供一個了解公司的平臺，客戶可以與公司及時地交換意見，產生互動，公司也可以及時對網站進行更新維護。</p><p><b>　　前臺客戶系統(tǒng)功能：</b></p

58、><p>　　(1) 用戶可以瀏覽公司的一些基本的信息。</p><p>　　(2) 用戶可以瀏覽公司的新聞。</p><p>　　(3) 用戶可以查看公司的聯(lián)系方式。</p><p>　　(4) 用戶可以瀏覽留言板的帖子。</p><p>　　(5) 用戶可以隨時發(fā)表自己的言論。</p><p>

59、<b>　　后臺管理系統(tǒng)功能：</b></p><p>　　(1) 增加、修改、刪除公司的新聞。</p><p>　　(2) 修改、刪除留言板帖子。</p><p>　　(3) 瀏覽、刪除最新產品信息。</p><p><b>　　5網站的總體規(guī)劃</b></p><p>　

60、　5.1制作網頁的一般步驟</p><p>　　首先，你應該明確制作網頁是為了干什么。比如，你是公司的職員，想通過網頁來對公司進行廣告宣傳；再假設你正在做一個項目，想和外地的工程師通過網頁討論該項目。如果你要制作個人網頁，那么你可能想通過個人網頁在網上進行傳播，從而展示自己，并和網友交朋友。這就是你的目的。我這次做這個網頁就是為了讓同學們在自己的班級網站里面更好的交流和聯(lián)系，及時發(fā)布一些班級新聞，為同學們建造一個

61、網上家園。其次，組織好你的網頁內容。試想，你把自己的照片和內容都堆在一起，別人將無法明白你想干什么，說不準，連你自己都糊涂了。如果組織得好，用戶從你的網頁中獲取信息就容易得多。對于那些很重要的信息，用戶只需要簡單的操作就能得到。一般來說，組織好網頁的關鍵是要對網頁建立層次分明、條理清楚的結構圖。腦子里有了這樣一張結構圖，就會對網頁很明白，并且有助于制作網頁。而后，要確定你的網頁所具有的外觀和特色，目的就是讓用戶被你的網頁所吸引。如果你只

62、是要把很多漂亮的畫面堆在一起，而不管內容，那將沒人看。應該讓你的網頁不僅漂亮，更重要的是實用。怎么把自己的照片和內容有機的結合到一起，這也正是你的網頁特色所在。然后，開始制作網頁。具體操作時，</p><p>　　5.2網頁包括的元素</p><p>　　無論是初次領略Internet風光的新手，還是經常上網沖浪的老手，在初次設計網頁之前，都必須先認識一下構成網頁的基本元素。只有這樣，才能

63、在真正的設計工作中得心應手，根據需要合理的組織和安排網頁的內容，從而達到期望的目標。設計網頁的目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也就成了網頁的基本組成部分，超級鏈接是Web的核心，使它將萬維網中無數的網頁鏈接在一起，如果沒有它，Web就無從談起，此外，表格、動畫、音樂和交互表單等信息的組織、表現(xiàn)，以及交互元素在網頁中也具有舉足輕重的地位。</p><p><b>　　(1)、文本<

64、/b></p><p>　　文本一直是人類最重要的信息載體和交流工具，網頁中的信息也以文本為主，與圖像相比，文字雖不如圖像那樣能夠很快的引起瀏覽者的主意，但卻能準確的表達消息的內容和含義，為了克服文字固有的缺點，人們賦予了網頁中文本更多的屬性，如文字、字號、顏色、底紋和邊框等，通過不同格式的區(qū)別，突出顯示重要的內容，此外，用戶還可以在網頁中設計各種各樣的文字列表來清晰表達一系列項目，這些功能都給網頁中的文本

65、賦予了新的生命力。</p><p><b>　　(2)、圖像</b></p><p>　　圖像在網頁中具有提供信息，展示作品，裝飾網頁，表達個人情調和風格的作用。用戶可以在網頁中使用GIF、JPEG、PNG3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。</p><p><b>　　(3)、超級鏈接</b>&

66、lt;/p><p>　　超級鏈接技術可以說是萬維網流行起來的最主要的原因，它是從一個網頁指向另一個目的端的鏈接，例如指向另一個網頁或相同網頁上的不同位置，這個目的端通常是另一個網頁，但也可以是一幅圖片，一個電子郵件地址，一個文件，一個程序或本網頁中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見的程序腳本。當瀏覽者單擊超級鏈接時，其目的端將顯示在Web瀏覽器上，并根據目的端的類型以不同方式鏈接。例

67、如，當指向一個AVI文件的超級鏈接被單擊后，該文件將在媒體播放軟件中打開;如果是指向一個網頁的超級鏈接，則該網頁將顯示在Web瀏覽器上。</p><p><b>　　(4)、表格</b></p><p>　　在網頁中表格用來控制網頁中信息的布局方式。這包括兩方面：一是使用行和列的形式來布局文本和圖像以及其他的列表化數據；二是還可以使用表格來精確表示。</p>

68、;<p>　　5.3網頁層次結構（附結構圖）</p><p>　　5.4目錄的層次結構（附結構圖）</p><p>　　6需要解決的幾個關鍵問題</p><p><b>　　6.1數據庫技術</b></p><p>　　Access是Office系列軟件中用來專門管理數據庫的應用軟件。所謂數據庫是指經過組織

69、的、關于特定主題或對象的信息集合。數據庫管理系統(tǒng)分為兩類：文件管理系統(tǒng)和關系型管理系統(tǒng)。Access應用程序就是一種功能強大且使用方便的關系型數據庫管理系統(tǒng)，一般也稱關系型數據庫管理軟件。它可運行于各種MicrosoftWindows系統(tǒng)環(huán)境中，由于它繼承了Windows的特性，不僅易于使用，而且界面友好，如今在世界各地廣泛流行。它并不需要數據庫管理者具有專業(yè)的程序設計水平，任何非專業(yè)的用戶都可以用它來創(chuàng)建功能強大的數據庫管理系統(tǒng)。&l

70、t;/p><p>　　Access使用標準的SQL（StructuredQueryLanguage,結構化查詢語言）作為它的數據庫語言，從而提供了強大的數據處理能力和通用性，使其成為一個功能強大而且易于使用的桌面關系型數據庫管理系統(tǒng)和應用程序生成器。Access數據庫使用單一的*.mdb文件管理所有的信息，這種針對數據庫集成的最優(yōu)化文件結構不僅包括數據本身，也包括了它的支持對象。此外，Access2000還利用Off

71、ice套件共享的編程語言VBA（VisualBasicforApplication）進行高級操作控制和復雜的數據操作。</p><p>　　6.2數據庫連接技術</p><p>　　一個動態(tài)的網站，它的動態(tài)就體現(xiàn)在數據庫技術上面，那么怎么才能使數據庫與我們的WEB頁面進行連接呢？這里就要用到ASP六大內對象中的server對象！</p><p><b>　

72、　具體代碼如下：</b></p><p><b>　　<%</b></p><p>　　dimconn,connstr</p><p>　　setconn=server.createobject(“adodb.connection”)</p><p>　　connstr= ”dbq= ”&ser

73、ver.mappath( “數 據 庫 的 路</p><p><b>　　18</b></p><p>　　徑”)&”;driver={Microsoftaccessdriver(*.mdb)}”</p><p>　　conn.openconnstr</p><p><b>　　%></b

74、></p><p>　　這些代碼一般都放在一個名稱為conn.asp的文件里面。如果WEB頁面中需要用到數據庫連接時就使用宏定義把這個文件包含進去就可以了！具體代碼十分簡單：<!--#includefile=conn.asp-->。</p><p>　　6.3數據庫寫入技術</p><p>　　關于數據庫的寫入技術一般可以分為兩類：ADDNEW方法

75、和INSERT…INTO！在ASP中，直接使用“Insertinto”語句與使用ADO中AddNew方法有什么區(qū)別？哪一種更好呢？AddNew方法的實質就是封裝了“Insertinto”語句。所以，當我們需要對大量數據進行操作的時候，應優(yōu)先選用“Insertinto”語句。因為直接使用SQL語句，減少了ADO的解釋時間，顯然會大大加快存取數據的速度。下面我們分別來看一下它們的代碼！</p><p>　　以向一個名

76、為data的表中插入一個類型均為文本型的兩個字段username和psw</p><p>　　一：insertinto</p><p>　　<!--#includefile=conn.asp-->這句話包括了數據庫的文件！</p><p><b>　　<%</b></p><p>　　name=requ

77、est.form("name")</p><p>　　psw=request.form("psw")</p><p>　　sql=”select*fromdatawhere(Idisnull)”</p><p>　　sql="insertintodata(username,psw)values('"

78、+name+"',"+psw+"')"</p><p>　　conn.executesql</p><p>　　conn.close</p><p>　　setconn=nothing</p><p>　　response.write"記錄添加成功!"</p&g

79、t;<p><b>　　%></b></p><p><b>　　19</b></p><p><b>　　分析：</b></p><p>　　1：<!--#includefile=conn.asp-->是一個宏它是我們提前定義好的一個數據庫連接的文件，</p&g

80、t;<p>　　2：psw=request.form(“psw”)實際上我們省略了一個提交的頁面我們定義了兩個中間的變量，</p><p>　　3：sql=”select*formdatawhere(idisnull)”這里我們要找的就是把數據庫中id為空的記錄找出來，</p><p>　　4：sql=”insertintodata(“username,psw”)values

81、(’”+name+”’,’”+psw+”’)”這里是我們值得注意的地方因為它是關鍵。學過vf或sql的對這語句并不陌生，但是一定要寫對因為在這一行語句的values值中需要根據數據庫中的字段類型來定義的。它使用了單引號、雙引號、連接符的排列順序。其中連接符號還可以是&!</p><p>　　下面我們來看看用Addnew是如何實現(xiàn)的：</p><p>　　<!--#includ

82、efile=conn.asp-->這句話包括了數據庫的文件</p><p><b>　　<%</b></p><p>　　name=request.form("name")</p><p>　　psw=request.form("psw")</p><p>　　setr

83、s=server.createobject(“adodb.recordset”)</p><p>　　sql=”select*fromdatawhere(Idisnull)”</p><p>　　rs.opensql,conn1,3</p><p><b>　　rs.addnew</b></p><p>　　rs(“us

84、ername”)=name</p><p>　　rs(“psw”)=psw</p><p><b>　　rs.updata</b></p><p><b>　　rs.close</b></p><p>　　setrs=nothing</p><p>　　conn.close&

85、lt;/p><p>　　setconn=nothing</p><p>　　response.write"記錄添加成功!"</p><p><b>　　20</b></p><p><b>　　%></b></p><p>　　6.4數據庫的讀取技術&l

86、t;/p><p>　　數據庫的讀取技術是與記錄集合的建立相結合而使用的！因為在數據庫中一行記錄可能會包括很多信息。但是這一行記錄始終是一個數據單元！我們可以通過該數據單元的具體情況和數據庫的查詢條件找到需要的數據項！下面我們再來看一段代碼：</p><p><b>　　<%</b></p><p>　　setrs=server.createo

87、bject("adodb.recordset")</p><p>　　sql="select* frommusic"</p><p>　　rs.opensql,conn,1,3</p><p>　　ifnotrs1.eofthen</p><p><b>　　endif</b>&l

88、t;/p><p>　　<AHREF="javascript:void(0)"</p><p>　　onClick="newpage('swfPlay.asp?id=<%=rs("id")%>');"><%=rs("name")%></p><p

89、><b>　　</a> %></b></p><p>　　6.5記錄集合的建立</p><p>　　記錄集是我們在做動態(tài)網站必須要考慮的問題因為動態(tài)網站的所有信息都是用一個或多個紀錄集組合而得到的其實一的web頁面的內容有時就是很簡單的幾個記錄集合。記錄集中記錄的是和我們要查詢的條件相同的一條或多條記錄。由此可以知道記錄集是非常重要的。那么怎么

90、去寫一個記錄集呢？</p><p><b>　　<%</b></p><p>　　setrs=server.createobject(“adodb.recordset”)</p><p>　　sql=”select* from表名where條件語句”</p><p>　　rs.opensql,conn,1,1<

91、;/p><p><b>　　%></b></p><p>　　這樣我們就可以把我們要查詢的東西放在記錄集rs里面如果我們想從數據庫中把數據讀出來就response對象了。一般我們就可以直接簡寫成<%=%>可以了。如果數據庫中只有一條記錄我們這樣寫就可以了但是如果有多條記錄我們就要用到vb或則c語言中的循環(huán)條件。</p><p>&

92、lt;b>　　7網頁測試</b></p><p><b>　　7.1網頁測試</b></p><p><b>　　?IIS配置</b></p><p>　　當IIS被成功安裝后，將在計算機C:\Inetpub\wwwroot下新建一個默認網站，通過修改默認網站配置可以建立自己的站點。如自己的網頁放在D:\

93、Wy目錄下，首頁文件名為Index.asp，其具體步驟如下：</p><p>　　第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為“默認Web站點屬性”設置界面。</p><p>　　第二步：轉到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網頁所在的“D:\Wy”目錄。</p><p>　　第三步：轉到“文檔”窗口，再按“添加”按

94、鈕，根據提示在“默認文檔名”后輸入自己網頁的首頁文件名“Index.asp”。</p><p>　　第四步：在“默認Web站點”上單擊右鍵，選“新建→虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D:\Wy”后再按提示操作。</p><p>　　?數據源（ODBC）配置</p><p>　　第一步：選擇控制面板中的管理工具打開數據源（ODBC）。&

95、lt;/p><p>　　第二步：在選項卡系統(tǒng)DNS中添加MicrosoftAccessDriver(*.mdb)驅動并指定數據源為網站的數據庫文件。</p><p><b>　　?測試</b></p><p>　　打開瀏覽器，直接在地址欄中輸入：http://test/index.asp或者http://127.0.0.1/test/index.a

96、sp即可。</p><p>　　7.2網頁發(fā)布及網站維護</p><p>　　在測試完成后，網頁就可以發(fā)布到互聯(lián)網上了，接下來要做的就是網站的日常維護了。網站維護就是對服務器及相關軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應時間，制定相關維護規(guī)定，將網站維護制度化、規(guī)范化，主要包括以下內容：</p><p><b>　　?即時更新新聞內容</b&

97、gt;</p><p><b>　　留言、信箱、論壇等</b></p><p>　　定期回復及編改數據庫內容</p><p>　　定期備份、刪減、分類更正數據庫使用過程中發(fā)現(xiàn)的問題</p><p>　　?定期進行綜合分析，不斷優(yōu)化數據庫中數據結構，提高使用效率在系統(tǒng)運行過程中應定期對管理員用戶名和密碼進行更新，并對IIS

98、和NT權限作相應設置。</p><p><b>　　結論</b></p><p>　　本畢業(yè)設計經過幾個月的查資料、整理材料、設計網頁、建設網站到寫作論文，今天終于可以順利的完成論文，終于讓學生在大學的生活，得以劃下了完美的句點。</p><p>　　畢業(yè)設計是對我們大學生活三年來教學的一個總結性考察，里面包含了我們學過的很多方面的知識，平時的

99、學習都是自己聽老師講解，或者就是做練習之類，缺少了自己的獨立思考，通過這次的畢業(yè)設計，讓自己清楚了解到自己的學習程度，和自我學習思考的能力。從第一眼看到資料的那種眼花繚亂的感覺，到最后看到自己做出的設計論文的成功，體驗了一次從茫然到無助，最后的那種成功的欣慰，真的讓自己受益匪淺，也使自己明白了，無論今后做什么事情，都要堅持不懈的努力，多從問題的關鍵出發(fā)，分析不同的思路，多做總結與比較，從而得到最佳的結果。</p><

100、p>　　這次的論文設計讓我重新了解了很多在學校所學不到的東西，也借此回顧了一下我大學所學的知識。它讓我掌握了很多ASP和SQL的知識，讓我對我所學過的知識有所鞏固和提高。在整個過程中，我學到了新知識，擴大了知識面。也讓我認識到了學海無涯的真正含義，我將會不斷的學習新的知識，讓自己的能力得到進一不的提升。</p><p>　　在論文的設計中它不僅培養(yǎng)了我嚴謹的思維方法，更造就了我積極樂觀的生活態(tài)度。而且還要做

101、到穩(wěn)重但又不失創(chuàng)新，開朗但不浮躁，興趣廣泛，思路開闊，辦事沉穩(wěn)，團結合作的精神。</p><p>　　總之，在這次畢業(yè)設計中，我們學會了許多的知識，是大學三年來所學知識的綜合運用，切實感受到設計的苦與樂。在這里希望各位老師提出意見和建議，我們定會努力學習改進，爭取作出更大的進步。</p><p><b>　　致 謝</b></p><p>　　

102、經過幾個月的時間我的畢業(yè)論文撰寫和網頁制作均順利完成。在此我要特別感謝我的指導老師趙晶在此期間給予我的幫助和指導。在設計期間，多次向趙老師請教，她給予了我們極大的幫助，指引我們的論文的寫作的方向和架構，并提供了很多查找資料的方法，讓我們更清晰的了解了設計的整體規(guī)劃，從而比較容易的著手，也能按時完成，借此真誠地向王老師道聲“謝謝”！</p><p>　　同時也感謝朋友和熱心同學的幫助！因為有了他們的辛勤付出和無私奉

103、獻，信任支持和幫助，我才能放心大膽的去進行課題的設計和制作。同時，也是因為我們的相互合作，才能最終較好地完成我們的課題任務。在此，衷心地感謝你們！</p><p>　　設計的結束，真的也宣告了我們大學生涯的終結，心里雖然充滿了期待，但也有的點不舍，想想自己走過來的一步一步，一點一滴，心中感慨萬千，希望自己帶著那份對未來社會的憧憬和希望，順利走進社會的大家庭，開始自己新的生活，在此，感謝長久以來老師和同學們的幫助，

104、謝謝你們！</p><p><b>　　參考文獻</b></p><p>　　[1]薛凱，康亞雄編著．《DreamweaverCS3入門提高精通》．機械工業(yè)出版社，2008</p><p>　　[2]甘登岱編著．《網頁設計三合一》．清華大學出版社，2009</p><p>　　[3]王龍，黃峰．ASP管理信息系統(tǒng)項目開發(fā)

105、實踐．科學出版社</p><p>　　[4]李嚴，于亞芳，王國輝．ASP數據庫開發(fā)實例解析．北京：機械工業(yè)出版社，2005</p><p>　　[5]胡緒英，李梓，鄭傳生．Access2003數據庫技術及應用．北京：科學出版社，2003</p><p>　　[6][美]Eric A. Smith．Active ServerPages寶典．電子工業(yè)出版社，2000&l

106、t;/p><p>　　[7]網冠科技．動態(tài)網頁設計師ASP．機械工業(yè)出版社，2001</p><p>　　[8]林志強．ASP電子商務設計實務．中國鐵道出版社，2000</p><p>　　[9]A.KeytonWeissinger．ASPina Nutsbell．中國電力出版社，2001</p><p>　　[10]天創(chuàng)工作室．ASP網頁制作實