網(wǎng)頁的設計與制作畢業(yè)論文

1、<p><b>　　目錄</b></p><p>　　第一章. 緒論 ……………………………………………………… (2)</p><p>　　1.1 網(wǎng)頁制作的背景和意義 ……………………………… (2)</p><p>　　1.2 相關術語的闡述 ………………………………………… (2)</p><

2、;p>　　第二章. 網(wǎng)頁開發(fā)環(huán)境及數(shù)據(jù)庫概述 …………………………… (5)</p><p>　　2.1 網(wǎng)頁環(huán)境的開發(fā)………………………………………… (5)</p><p>　　2.2 ASP和ADO簡介…………………………………………… (5)</p><p>　　2.2.1 ASP產(chǎn)生的歷史環(huán)境……………………………… (5)</p

3、><p>　　2.2.2 ADO對象…………………………………………… （5)</p><p>　　2.3 網(wǎng)頁圖像設計工具——photoshop …………………… (9)</p><p>　　2.4 網(wǎng)頁頁面設計工具——Dreamweave……………………… (10)</p><p>　　第三章. 網(wǎng)頁需求分析 ……………………………

4、……………… (11)</p><p>　　3.1 可行性分析………………………………………………… (11)</p><p>　　3.1.1.網(wǎng)頁的界面設計……………………………… (11)</p><p>　　3.2 網(wǎng)站需求分析……………………………………………… (11)</p><p>　　3.2.1.建站目的…………………………

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

6、…………………………… (13)</p><p>　　4.3 網(wǎng)頁層次結(jié)構(gòu)……………………………………………… (15)</p><p>　　4.4目錄的層次結(jié)構(gòu)…………………………………………… (15)</p><p>　　第五章．需要解決的幾個關鍵問題…………………………………… (2)</p><p>　　5.1 數(shù)據(jù)庫技術…………

7、……………………………………… (2)</p><p>　　5.2 數(shù)據(jù)庫連接技術…………………………………………… (2)</p><p>　　5.3 數(shù)據(jù)庫寫入技術………………………………………… (2)</p><p>　　5.4 數(shù)據(jù)庫讀取技術………………………………………… (2)</p><p>　　5.5 記錄集

8、合的錄入…………………………………………… (2)</p><p>　　第六章 網(wǎng)頁測試…………………………………………………… (2)</p><p>　　6.1 測試網(wǎng)站…………………………………………………… (2)</p><p>　　6.2 測試發(fā)布及網(wǎng)站維護……………………………………… (2)</p><p>　　結(jié)

9、 論……………………………………………………………………(2)</p><p><b>　　緒論</b></p><p>　　1.1 網(wǎng)頁制作的背景和意義</p><p>　　我們讀書就是為了獲得知識，現(xiàn)在我們學習了ASP動態(tài)網(wǎng)頁設計，當然就是要能做一個精美的網(wǎng)頁。在此次畢業(yè)設計中，我們要能更加的了解Dreameaver強大的功能和更好的使

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

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

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

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

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

15、示出中華文化的博大精深。不同的人，其網(wǎng)站上的展示方式或手法各有不同，千變?nèi)f化。在網(wǎng)站策劃中，如何把把中華文化通過網(wǎng)站展示出來，是我設計的重要內(nèi)容。</p><p>　　1.2 相關術語的闡述</p><p>　　WWW是“World Wide Web"的縮寫；HTML的意思則是“Hypertext Markup Language”,中文翻譯為“超文本標記語言”?！俺谋尽本褪侵?/p>

16、頁面內(nèi)可以包含圖片、鏈接、甚至音樂，程序等非文字的元素。URLs是Uniform Resource Locator的縮寫，統(tǒng)稱為統(tǒng)一資源定位器。可以把它想象成文件名的網(wǎng)絡擴展。我們不但可以通過各種不同的方法指出在網(wǎng)絡的上哪一臺機器的目錄下的文件。這個文件可以通過各種不同的方法得到。在URL中還指定了訪問這一個文件的協(xié)議。在實際應用中，URL經(jīng)常稱為“網(wǎng)址”或URL地址。</p><p>　　TCP/IP協(xié)議（Tr

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

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

19、。FTP只是一種協(xié)議，必須要有相應的專用軟件來執(zhí)行它，一般稱為FTP軟件。通過FTP軟件可連接到FTP服務器上，執(zhí)行上載和下載文件的任務。</p><p>　　常用的FTP軟件有LeapFTP、CuteFTP、WS_FTP、FTPX等，這些軟件的原理基本相同，只是用戶界面和功能略有差異。</p><p>　　第二章．網(wǎng)頁開發(fā)環(huán)境及數(shù)據(jù)庫概述</p><p>　　2.

20、1 網(wǎng)頁運行環(huán)境的開發(fā)</p><p>　　本系統(tǒng)必須被運行在IIS (Internet Information Server)下。</p><p>　　使用 Micorsoft Internet Information Server (IIS)，運行 Windows NT Server 的計算機便成為大容量、功能強大的 Web 服務器，它可以將信息發(fā)布給辦公大樓或整個世界的用戶。對于在基

21、于 Windows NT 的計算機上聯(lián)網(wǎng)，Internet Information Server 是很理想的，因為它可以在現(xiàn)存硬件上設置功能強大的 Web 服務器。Internet Information Server 集成在 Windows NT Server 操作系統(tǒng)中，并利用了其安全特征和性能優(yōu)勢。</p><p>　　2.2 ASP和ADO簡介</p><p>　　2.2.1 AS

22、P產(chǎn)生的歷史環(huán)境 </p><p>　　從本節(jié)開始，將進入本書的重點內(nèi)容----使用ASP（active sever pages）技術設計最流行的遠程教育平臺。在目前飛速發(fā)展的IT行業(yè)中，網(wǎng)站一旦建立起來，就一如既往的保持"靜態(tài)"，不加更改？如果是這樣，就無形中一落后時代的步伐。所謂靜態(tài)指的是網(wǎng)站的頁面內(nèi)容固定不變，當用戶瀏覽器通過互聯(lián)網(wǎng)的HTTP協(xié)議向Web服務器請求提供頁面內(nèi)容時，服務

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

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

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

26、indows記事本，就可以編輯。當然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、 ＦFrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　　通吃各家瀏覽由于ASP程序是在網(wǎng)絡服務器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p>&

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

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

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

30、對象（Ｏobject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。 </p><p>　　6、對象名稱 功能描述</p><p>　　R

31、equestResponseServerSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被</p><p>　　(3)．ASP模型對象</p><p>　　ASP提供了六個功能強大的內(nèi)置對象供用戶使用，利用這六個對象，可以設計變化多端的Web應用程序，在ASP開發(fā)Web應

32、用程序時，通過調(diào)用對象的方法，不但能實現(xiàn)提高編程效率，而且編程更優(yōu)化。</p><p>　　下面列出ASP包括的六個內(nèi)置對象：</p><p>　　Response：將信息送主客戶端</p><p>　　Request：從客戶端取得信息</p><p>　　Server：提供一些Web Sever方法</p><p>

33、　　Session：記錄連接著的信息，每一個連接者的信息有獨立的Session對象來記錄</p><p>　　Apptication：記錄共用消息，讓不同的可戶端共享信息</p><p>　　Objectlontent：配合MTS進行分布式事務處理</p><p>　　(4)．ASP的運行</p><p>　　ASP頁面與一般的HTML頁面的

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

35、頁。</p><p>　　B.瀏覽器向Web服務器發(fā)送ASP文件請求，成為Request</p><p>　　C.服務器找到并解釋執(zhí)行該ASP文件，生成標準的HTML文件</p><p>　　D.服務器將HTML文件傳送給用戶瀏覽器，稱為Response</p><p>　　E.用戶的瀏覽器解釋HTML文件，結(jié)果在瀏覽器窗口顯示</p&

36、gt;<p>　　2.2.2 ADO對象</p><p>　　ADO原名為ActiveX Data Object。通過與ASP的結(jié)合，可以在網(wǎng)頁里執(zhí)行SQL的指令，用戶可以輕松且快速的存取、增加或是刪除數(shù)據(jù)庫的數(shù)據(jù)。</p><p>　　ADO包含三個主要的對象：Recordset、Connection以及Cmmand。通過這些對象的了解與應用，再利用ASP對象，就可以很容

37、易地制作出一個方便快捷、功能多樣的網(wǎng)站。</p><p>　　快速、容易和節(jié)省磁盤空間，是ADO的特性，這使得ADO成為十分熱門的技巧。</p><p>　　ADO通過與ODBC的鏈接，可以鏈接許多各種類型的數(shù)據(jù)庫，因為ODBC本身就支持許多類型的數(shù)據(jù)庫。</p><p>　　ADO通過VBScript和JavaScript語言的技巧，不但可以控制存取數(shù)據(jù)庫，還可以

38、達到一些特殊技巧的變化。</p><p>　　ADO 提供 Connection 對象</p><p>　　可以使用該對象建立和管理應用程序和 ODBC 數(shù)據(jù)庫之間的連接。Connection 對象具有各種屬性和方法，可以使用它們打開和關閉數(shù)據(jù)庫連接，并且發(fā)出查詢請求來更新信息。</p><p>　　要建立數(shù)據(jù)庫連接，首先應創(chuàng)建 Connection 對象的實例。&

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

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

41、O 提供了 Recordset 對象。正如它的名稱所暗示的那樣，Recordset 對象有許多您可以使用的特性，根據(jù)您的查詢限制，檢索并且顯示一組數(shù)據(jù)庫行，即記錄。 Recordset 對象保持查詢返回的記錄的位置，允許您一次一項逐步掃描結(jié)果。</p><p>　　根據(jù) Recordset 對象的指針類型屬性設置，您可以滾動和更新記錄。數(shù)據(jù)庫指針可以讓您在一組記錄中定位到特定的項。指針還用于檢索和檢查記錄，然后在

42、這些記錄的基礎上執(zhí)行操作。Recordset 對象有一些屬性，可用于精確地控制指針的行為，提高您檢查和更新結(jié)果的能力。例如，您可以使用 CursorType 和 CursorLocation 屬性設置指針的類型，將結(jié)果返回給客戶端應用程序（結(jié)果通常保留在數(shù)據(jù)庫服務器上）并顯示其他用戶對數(shù)據(jù)庫的最后一次更改。</p><p>　　一個成功的數(shù)據(jù)庫應用程序都使用 Connection 對象建立鏈接并使用 Record

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

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

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

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

47、t;/p><p>　　Macromedia 公司的產(chǎn)品的另一款“所見即所得”的網(wǎng)頁編輯工具。與 Frontpage 不同，Deamweaver 采用的是 Mac 機浮動面版的設計風格，對于初學者來說可能會感到不適應。但當你習慣了其操作方式后，就會發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。 </p><p>　　Dreamweaver 對于 DHTML

48、的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常緊密的結(jié)合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說Dreamweaver 是高級網(wǎng)頁制作的首選并不為過。常見的版本為 Dreamweaver3、

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

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

51、頭的顏色不能改變，滾動條只能出現(xiàn)在窗口的下邊和右邊，當網(wǎng)頁分成多個幀的時候，滾動條就不可避免的出現(xiàn)在網(wǎng)頁的中間，破壞網(wǎng)頁的整體性。若在網(wǎng)頁的設計中主動配合Windows標準控件的形狀和顏色，網(wǎng)頁的創(chuàng)作空間就會受到限制。因此，有必要實現(xiàn)網(wǎng)頁中的自定義控件，以滿足網(wǎng)頁設計藝術化的要求。</p><p>　　A. 網(wǎng)頁界面構(gòu)成要素</p><p>　　與傳統(tǒng)媒體不同，網(wǎng)頁除了文字和圖像以外，還包

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

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

54、;<p>　　3.2.1.建站目的</p><p>　　Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計，目前Internet上已有上千萬個Web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)

55、、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構(gòu)的發(fā)展十分重要。近年來，隨著網(wǎng)絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數(shù)據(jù)庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。因此網(wǎng)站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。提高公司知名度，擴大公司規(guī)模，***

56、公司的領導決定建立自己的公司網(wǎng)站。 </p><p>　　3.2.2.網(wǎng)站實現(xiàn)功能</p><p>　　本網(wǎng)站給客戶提供一個了解公司的平臺，客戶可以與公司及時地交換意見，產(chǎn)生互動，公司也可以及時對網(wǎng)站進行更新維護。</p><p><b>　　前臺客戶系統(tǒng)功能：</b></p><p>　　(1) 用戶可以瀏覽公司的一些

57、基本的信息。</p><p>　　(2) 用戶可以瀏覽公司的新聞。</p><p>　　(3) 用戶可以查看公司的聯(lián)系方式。</p><p>　　(4) 用戶可以瀏覽留言板的帖子。</p><p>　　(5) 用戶可以隨時發(fā)表自己的言論。</p><p><b>　　后臺管理系統(tǒng)功能：</b>&l

58、t;/p><p>　　(1) 增加、修改、刪除公司的新聞。</p><p>　　(2) 修改、刪除留言板帖子。</p><p>　　(3) 瀏覽、刪除最新產(chǎn)品信息。</p><p>　　第四章．網(wǎng)站的總體規(guī)劃</p><p>　　4.1制作網(wǎng)頁的一般步驟</p><p>　　首先，你應該明確制作網(wǎng)頁

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

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

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

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

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

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

65、　(2)、圖像</b></p><p>　　圖像在網(wǎng)頁中具有提供信息，展示作品，裝飾網(wǎng)頁，表達個人情調(diào)和風格的作用。用戶可以在網(wǎng)頁中使用GIF、JPEG、PNG 3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。</p><p><b>　　(3)、超級鏈接</b></p><p>　　超級鏈接技術可以說是萬維網(wǎng)流行起來

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

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

68、層次結(jié)構(gòu)（附結(jié)構(gòu)圖）</p><p>　　4.4.目錄的層次結(jié)構(gòu)（附結(jié)構(gòu)圖）</p><p>　　第五章．需要解決的幾個關鍵問題</p><p><b>　　5.1 數(shù)據(jù)庫技術</b></p><p>　　Access是Office系列軟件中用來專門管理數(shù)據(jù)庫的應用軟件。所謂數(shù)據(jù)庫是指經(jīng)過組織的、關于特定主題或?qū)ο蟮男?/p>

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

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

71、ess 2000還利用Office套件共享的編程語言VBA（Visual Basic for Application）進行高級操作控制和復雜的數(shù)據(jù)操作。</p><p>　　5.2. 數(shù)據(jù)庫連接技術</p><p>　　一個動態(tài)的網(wǎng)站，它的動態(tài)就體現(xiàn)在數(shù)據(jù)庫技術上面，那么怎么才能使數(shù)據(jù)庫與我們的WEB頁面進行連接呢？這里就要用到ASP六大內(nèi)對象中的server對象！具體代碼如下：</

72、p><p><b>　　<%</b></p><p>　　dim conn,connstr</p><p>　　set conn=server.createobject(“adodb.connection”)</p><p>　　connstr=”dbq=”&server.mappath(“數(shù)據(jù)庫的路徑”)&a

73、mp;” ;driver={Microsoft access driver(*.mdb)}”</p><p>　　conn .open connstr</p><p><b>　　%></b></p><p>　　這些代碼一般都放在一個名稱為conn.asp的文件里面。如果WEB頁面中需要用到數(shù)據(jù)庫連接時就使用宏定義把這個文件包含進去就可

74、以了！具體代碼十分簡單：<!--#include file=conn.asp-->。</p><p>　　5.3. 數(shù)據(jù)庫寫入技術</p><p>　　關于數(shù)據(jù)庫的寫入技術一般可以分為兩類：ADDNEW方法和INSERT…INTO！</p><p>　　在ASP中，直接使用“Insert into” 語句與使用ADO中AddNew方法有什么區(qū)別？哪一種更

75、好呢？AddNew方法的實質(zhì)就是封裝了“Insert into”語句。所以，當我們需要對大量</p><p>　　數(shù)據(jù)進行操作的時候，應優(yōu)先選用“Insert into”語句。因為直接使用SQL語句，減少了ADO的解釋時間，顯然會大大加快存取數(shù)據(jù)的速度。</p><p>　　下面我們分別來看一下它們的代碼！以向一個名為data的表中插入一個類型均為文本型的兩個字段 username和psw

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

77、t;<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+"',"+ps

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

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

80、，</p><p>　　3：sql=”select *form data where(id is null)”這里我們要找的就是把數(shù)據(jù)庫中id為空的記錄找出來！</p><p>　　4：sql=”insert into data(“username,psw”)values(’”+name+”’,’”+psw+”’)”這里是我們值得注意的地方因為它是關鍵！學過vf或sql的對這語句并不陌生！

81、但是一定要寫對因為在這一行語句的values值中需要根據(jù)數(shù)據(jù)庫中的字段類型來定義的！它使用了單引號、雙引號、連接符的排列順序！其中連接符號還可以是&!</p><p>　　下面我們來看看用Addnew是如何實現(xiàn)的！</p><p>　　<!--#include file=conn.asp-->這句話包括了數(shù)據(jù)庫的文件！</p><p><b

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

83、>　　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>　　rs(“psw”)=psw&l

84、t;/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=nothing</p>

85、<p>　　response.write "記錄添加成功!"</p><p><b>　　%></b></p><p>　　5.4 數(shù)據(jù)庫的讀取技術</p><p>　　數(shù)據(jù)庫的讀取技術是與記錄集合的建立相結(jié)合而使用的！因為在數(shù)據(jù)庫中一行記錄可能會包括很多信息。但是這一行記錄始終是一個數(shù)據(jù)單元！我們可以通過該

86、數(shù)據(jù)單元的具體情況和數(shù)據(jù)庫的查詢條件找到需要的數(shù)據(jù)項！下面我們再來看一段代碼：</p><p><b>　　<%</b></p><p>　　set rs=server.createobject("adodb.recordset")

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

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

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

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

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

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

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

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

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

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

97、設計經(jīng)過幾個月的查資料、整理材料、設計網(wǎng)頁、建設網(wǎng)站到寫作論文，今天終于可以順利的完成論文，終于讓學生在大學的生活，得以劃下了完美的句點。</p><p>　　畢業(yè)設計是對我們大學生活三年來教學的一個總結(jié)性考察，里面包含了我們學過的很多方面的知識，平時的學習都是自己聽老師講解，或者就是做練習之類，缺少了自己的獨立思考，通過這次的畢業(yè)設計，讓自己清楚了解到自己的學習程度，和自我學習思考的能力。從第一眼看到資料的那種

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

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