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

1、<p>　　題 目: 網頁設計——企業(yè)網</p><p>　　所屬系、部 : 信息技術系 </p><p>　　年級、 專業(yè): </p><p><b>　　摘 要</b></p><p>　　隨著網絡信息的飛速發(fā)展，網絡傳媒以被越來

2、越多的企業(yè)看好，而網站就是傳媒很好的一種方式，目前有很多企業(yè)都在開發(fā)屬于自己的網站，所以研究網站建設是很有必要的。本文針對開發(fā)網站的ASP(Active Server Pages)技術做了具體的闡述，說明了ASP(Active Server Pages)服務器的安裝及IIS的配置,。數據庫系統(tǒng)是對數據進行存儲，管理，處理和維護的軟件系統(tǒng)，每個動態(tài)網站都必須牽涉到數據庫，數據庫的地位是非常重要的，本文根據數據庫盡可能不重復，以最優(yōu)的方式組

3、織數據的特點，對數據的增、刪、改和檢索由統(tǒng)一軟件進行管理和控制。數據庫和ASP(Active Server Pages)技術也是本文研究的主要對象。</p><p>　　本文運用ASP(Active Server Pages)技術、數據庫和相應的網站開發(fā)軟件，闡述了網站前后臺設計，并對其功能進行了論述，實現了整個網站功能的使用。通過對整個網站的設計，說明了在制作過程中遇到常見問題的解決方法。</p>

4、<p>　　關鍵詞： ASP技術, 軟件工程, 數據庫</p><p><b>　　ABSTRACT</b></p><p>　　Along with the rapid development of network information, network media by more and more enterprises, and web site

5、is a way to media is very good now, many enterprises in the development of web site, so that belongs to his research website construction is very necessary. Based on the ASP (Active Server mix) technology was expounded,

6、and illustrates the ASP (Active Server mix) Server installation and IIS configuration.</p><p>　　Database of data storage system is, management, processing and maintenance of software system, each dynamic web

7、site must involves database, which is very important, based on database as not to repeat, with the optimal way to organize data to the data, the characteristics and roles, and retrieval of unified management and control

8、software. Database and Active Server (ASP) technology is studied in this paper and mix the main object.</p><p>　　Using Active Server (ASP) technology, database and mix the corresponding website development s

9、oftware, this paper expounds QianHouTai website design, and discussed the function, realized the function of use. Through the website of the design, the manufacture process solutions to common problems.</p><p&

10、gt;　　Key words: ASP technology, database, software engineering</p><p><b>　　目 錄</b></p><p>　　緒論 ……………………………………………………… (1)</p><p>　　網頁制作的背景和意義 ……………………………… (2)<

11、;/p><p>　　相關術語的闡述 ………………………………………… (3)</p><p>　　第一章. 網頁開發(fā)環(huán)境及數據庫概述 …………………………… (4)</p><p>　　1.1 網頁環(huán)境的開發(fā)………………………………………… (4)</p><p>　　1.2 ASP和ADO簡介…………………………………………… (

12、4)</p><p>　　1.2.1 ASP產生的歷史環(huán)境……………………………… (4)</p><p>　　1.2.2 ADO對象…………………………………………… （7)</p><p>　　1.3 網頁圖像設計工具——photoshop …………………… (8)</p><p>　　1.4 網頁頁面設計工具——Dreamwe

13、ave……………………… (9)</p><p>　　第二章. 網頁需求分析 …………………………………………… (10)</p><p>　　2.1 可行性分析………………………………………………… (10)</p><p>　　2.1.1.網頁的界面設計……………………………… (10)</p><p>　　2.2 網站需求分析………

14、……………………………………… (11)</p><p>　　2.2.1.建站目的…………………………………… (11)</p><p>　　2.2.2.網站實現功能……………………………… (11)</p><p>　　第三章. 網站的總體規(guī)劃………………………………………… (13)</p><p>　　3.1 制作網頁的一

15、般步驟……………………………………… (13)</p><p>　　3.2 網頁包括的元素…………………………………………… (13)</p><p>　　3.3 網頁層次結構……………………………………………… (15)</p><p>　　3.4目錄的層次結構…………………………………………… (16)</p><p>　　第四章．需要

16、解決的幾個關鍵問題…………………………………… (17)</p><p>　　4.1 數據庫技術………………………………………………… (17)</p><p>　　4.2 數據庫連接技術…………………………………………… (17)</p><p>　　4.3 數據庫寫入技術………………………………………… (18)</p><p>

17、;　　4.4 數據庫讀取技術………………………………………… (20)</p><p>　　4.5 記錄集合的錄入…………………………………………… (20)</p><p>　　第五章 網頁測試…………………………………………………… (21)</p><p>　　5.1 測試網站…………………………………………………… (21)</p>

18、;<p>　　5.2 測試發(fā)布及網站維護……………………………………… (21)</p><p>　　結 論……………………………………………………………………(23)</p><p>　　致 謝……………………………………………………………………(24)</p><p>　　參 考 文 獻………………………………………………………………(2

19、5)</p><p>　　附 錄……………………………………………………………………(26)</p><p><b>　　緒 論</b></p><p>　　網頁制作的背景和意義</p><p>　　我們讀書就是為了獲得知識，現在我們學習了ASP動態(tài)網頁設計，當然就是要能做一個精美的網頁。在此次畢業(yè)設計中，我們要能

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

21、西都用在所要做的網頁上面。以達到老師要求的效果和學以致用。</p><p>　　Internet是目前世界上最大的計算機互聯網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上百萬個Web站點，其內容范圍跨越了教育科研

22、、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。</p><p>　　我們發(fā)現這樣一個事實，一個用戶在訪問一個網站時一般來講只對該網站的部分內容感性趣，而且這種興趣會持續(xù)一段

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

24、這樣一種方案，對用戶登陸后的動作進行跟蹤，分析，發(fā)掘用戶點擊的規(guī)律，即用戶先后點擊的關聯規(guī)則，這樣，在用戶點擊一個主題（鏈接）之后，系統(tǒng)能夠自動生成一頁面，其中包含了該主題下用戶經常關注的內容（若干鏈接），這樣便在無須用戶作出任何額外工作的情況下實現了為用戶量身訂做的個性化頁面。本文主要完成Web服務器端的設計實現企業(yè)信息的管理、照片上傳、客戶對企業(yè)評論、以及后臺管理等ASP頁面及整個實驗網站的組織建立和測試工作。</p>

25、<p>　　企業(yè)網就是通過企業(yè)的成立年限，企業(yè)的產品展示，企業(yè)的管理理念與生產產品的資料來吸引更多的客戶，企業(yè)網進去的第一印象很重要，所以在圖片處理方面與設計要醒目，大方，這就是一個企業(yè)網的設計理念與初衷。</p><p><b>　　相關術語的闡述</b></p><p>　　WWW是“World Wide Web"的縮寫；HTML的意思則是“

26、Hypertext Markup Language”,中文翻譯為“超文本標記語言”?！俺谋尽本褪侵疙撁鎯瓤梢园瑘D片、鏈接、甚至音樂，程序等非文字的元素。URLs是Uniform Resource Locator的縮寫，統(tǒng)稱為統(tǒng)一資源定位器。可以把它想象成文件名的網絡擴展。我們不但可以通過各種不同的方法指出在網絡的上哪一臺機器的目錄下的文件。這個文件可以通過各種不同的方法得到。在URL中還指定了訪問這一個文件的協(xié)議。在實際應用中，UR

27、L經常稱為“網址”或URL地址。</p><p>　　TCP/IP協(xié)議（Transmission Control Protocol / Internet Protocol傳輸控制協(xié)議/因特網協(xié)議）所謂協(xié)議，其實應該叫他網絡協(xié)議，它是計算機與計算機之間，進行信息傳輸的語言，只有兩臺計算機具有相同的協(xié)議方能進行信息傳輸，常見協(xié)議有IPX協(xié)議、TCP/IP協(xié)議等。</p><p>　　IPX現廣

28、泛應用于局域網中，大多數局域網游戲都使用IPX協(xié)議。TCP/IP協(xié)議可以說它是你接入因特網的必備條件，因為它是因特網上的通用協(xié)議。</p><p>　　FTP協(xié)議(File Transter Protocol)也就是文件傳輸協(xié)議。我們知道，在服務器中一般都有大量的共享軟件和免費資源，要想從服務器中把文件傳送到本地的計算機（術語稱“客戶機”）上或者把自己機器上的資源傳送到服務器上，就必須在兩臺機器中進行文件傳送，那

29、么雙方就必須要共同遵守一定的規(guī)則，FTP就是用來在客戶機和服務器之間進行文件傳輸以實現文件共享的協(xié)議。FTP只是一種協(xié)議，必須要有相應的專用軟件來執(zhí)行它，一般稱為FTP軟件。通過FTP軟件可連接到FTP服務器上，執(zhí)行上載和下載文件的任務。</p><p>　　常用的FTP軟件有LeapFTP、CuteFTP、WS_FTP、FTPX等，這些軟件的原理基本相同，只是用戶界面和功能略有差異。</p>&l

30、t;p>　　第一章．網頁開發(fā)環(huán)境及數據庫概述</p><p>　　1.1 網頁運行環(huán)境的開發(fā)</p><p>　　本系統(tǒng)必須被運行在IIS (Internet Information Server)下。</p><p>　　使用 Micorsoft Internet Information Server (IIS)，運行 Windows NT Server 的

31、計算機便成為大容量、功能強大的 Web 服務器，它可以將信息發(fā)布給辦公大樓或整個世界的用戶。對于在基于 Windows NT 的計算機上聯網，Internet Information Server 是很理想的，因為它可以在現存硬件上設置功能強大的 Web 服務器。Internet Information Server 集成在 Windows NT Server 操作系統(tǒng)中，并利用了其安全特征和性能優(yōu)勢。</p><p

32、>　　1.2 ASP和ADO簡介</p><p>　　1.2.1 ASP產生的歷史環(huán)境 </p><p>　　從本節(jié)開始，將進入本書的重點內容----使用ASP（active sever pages）技術設計最流行的遠程教育平臺。在目前飛速發(fā)展的IT行業(yè)中，網站一旦建立起來，就一如既往的保持"靜態(tài)"，不加更改？如果是這樣，就無形中一落后時代的步伐。所謂靜態(tài)指的

33、是網站的頁面內容固定不變，當用戶瀏覽器通過互聯網的HTTP協(xié)議向Web服務器請求提供頁面內容時，服務器僅僅是將原來已經設計好的靜態(tài)HTML代碼，最多加上流行的GIF89A格式的動態(tài)圖片。若網站維護者要更新網頁的內容，就必須手動的來更新起所以的HTML文檔。這種網長的致命弱點就是不容易維護，為了不斷更新網頁的內容，就必須不斷的重復HTML文檔，隨著網站內容和信息量的日益擴增，使得工作量大得出人想象。ASP正是解決這個尷尬局面出現了。因此A

34、SP迅速的得到了無數網絡開發(fā)者的垂青。</p><p>　　(1)．什么是ASP</p><p>　　ASP的全稱是Active Sever Pages,目前沒有正式的中文名，可以理解為動態(tài)服務器頁面技術。ASP是目前最流行的開發(fā)動態(tài)網站的程序開發(fā)之一，它的特點是將腳本，超文本和強大的數據訪問功能結合在一起，并提供了眾多的服務器組件來擴張功能，能夠很方便的創(chuàng)建分布式和基于Web的商業(yè)話應用

35、程序。</p><p>　　如果要更簡單的描述ASP ，可以說ASP就是運行在Web服務器上的動態(tài)網頁。ASP程序文件也是一個標準的網頁，一般HTML標記和ASP腳本代碼混雜在一起組成。ASP網頁程序必須想竟Web服務器的ASP解釋器解釋執(zhí)行，產生HEML代碼后才傳送給用戶的瀏覽器執(zhí)行顯示。</p><p>　　(2).ＡＳＰ的特點為：</p><p>　　1、任何

36、開發(fā)工具皆可發(fā)展ＡＳＰ</p><p>　　只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁發(fā)展工具，例如，FrontPage Express、 ＦFrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　　通吃各家瀏覽由于ASP程序是在網絡服務器端

37、中執(zhí)行，執(zhí)行結果所產生的HTML文件適用于不同的瀏覽器。</p><p><b>　　2、語言相容性高</b></p><p>　　ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java Script、Active X服務器組件來設計外，并可經由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）

38、所提供的語言。</p><p><b>　　3、隱密安全性高</b></p><p>　　如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是應屆ＡＳＰ程序先于網站服務（Ｗeb Server）端執(zhí)行后，將結果轉換成標準ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地

39、被看見進而被盜用。</p><p><b>　　4、易于操控數據庫</b></p><p>　　ＡＳＰ可以輕易地通ODBC(Open Database Connectivity)驅動程序連接各種不同的數據庫，例如：Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel” 文件當成數據庫用。</p><

40、;p>　　5、面向對象學習容易</p><p>　?。粒樱芯邆溆忻嫦驅ο螅╫bject-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網頁之間暫時保存必要的信息。 </p>

41、<p>　　6、對象名稱 功能描述</p><p>　　RequestResponseServerSessionApplicationObjectContext 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內的用戶信息，該信息僅可被</p><p>　　(3)．ASP模型對象</p><p>　　ASP提供了六個功能

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

43、gt;　　Server：提供一些Web Sever方法</p><p>　　Session：記錄連接著的信息，每一個連接者的信息有獨立的Session對象來記錄</p><p>　　Apptication：記錄共用消息，讓不同的可戶端共享信息</p><p>　　Objectlontent：配合MTS進行分布式事務處理</p><p>　　(

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

45、gt;<p>　　1.用戶將ASP文件的網址輸入到瀏覽器的地址欄，請求一個ASP網頁。</p><p>　　2.瀏覽器向Web服務器發(fā)送ASP文件請求，成為Request</p><p>　　3.服務器找到并解釋執(zhí)行該ASP文件，生成標準的HTML文件</p><p>　　4.服務器將HTML文件傳送給用戶瀏覽器，稱為Response</p>

46、;<p>　　5.用戶的瀏覽器解釋HTML文件，結果在瀏覽器窗口顯示</p><p>　　1.2.2 ADO對象</p><p>　　ADO原名為ActiveX Data Object。通過與ASP的結合，可以在網頁里執(zhí)行SQL的指令，用戶可以輕松且快速的存取、增加或是刪除數據庫的數據。</p><p>　　ADO包含三個主要的對象：Recordse

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

48、;　　ADO通過VBScript和JavaScript語言的技巧，不但可以控制存取數據庫，還可以達到一些特殊技巧的變化。</p><p>　　ADO 提供 Connection 對象</p><p>　　可以使用該對象建立和管理應用程序和 ODBC 數據庫之間的連接。Connection 對象具有各種屬性和方法，可以使用它們打開和關閉數據庫連接，并且發(fā)出查詢請求來更新信息。</p&g

49、t;<p>　　要建立數據庫連接，首先應創(chuàng)建 Connection 對象的實例。</p><p>　　用 Connection 對象的 Execute 方法</p><p>　　您可以發(fā)出結構化查詢語言 (SQL) 查詢數據庫源并檢索結果。SQL 是用于與數據庫通訊的工業(yè)標準語言，它有許多命令可用來檢索和更新信息。使用 Connection 對象的 Execute 方法在 S

50、QL INSERT 命令的表格中發(fā)出查詢，該命令將數據插入特定的數據庫表格。</p><p>　　使用 Recordset 對象處理結果</p><p>　　盡管 Connection 對象簡化了連接數據庫和查詢任務，但 Connection 對象仍有許多不足。確切地說，檢索和顯示數據庫信息的 Connection 對象不能用于創(chuàng)建腳本；您必須確切知道要對數據庫作出的更改，然后才能使用查詢

51、實現更改。</p><p>　　對于檢索數據、檢查結果、更改數據庫，ADO 提供了 Recordset 對象。正如它的名稱所暗示的那樣，Recordset 對象有許多您可以使用的特性，根據您的查詢限制，檢索并且顯示一組數據庫行，即記錄。 Recordset 對象保持查詢返回的記錄的位置，允許您一次一項逐步掃描結果。</p><p>　　根據 Recordset 對象的指針類型屬性設置，您可

52、以滾動和更新記錄。數據庫指針可以讓您在一組記錄中定位到特定的項。指針還用于檢索和檢查記錄，然后在這些記錄的基礎上執(zhí)行操作。Recordset 對象有一些屬性，可用于精確地控制指針的行為，提高您檢查和更新結果的能力。例如，您可以使用 CursorType 和 CursorLocation 屬性設置指針的類型，將結果返回給客戶端應用程序（結果通常保留在數據庫服務器上）并顯示其他用戶對數據庫的最后一次更改。</p><p&

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

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

55、>　　Command 對象的 parameter 集合減少了您的麻煩，使您不必在每次重新發(fā)出查詢時重新建立查詢。</p><p>　　1.3 網頁圖像設計工具——Photoshop </p><p>　　Adobe公司開發(fā)，處理圖形圖像的專門設計軟件。DTP和圖像軟件的結合，使設計師可在電腦上直接完成文字的錄入、排版、圖像處理、形象創(chuàng)造和分色制板的全過程，開創(chuàng)了“電腦平面設計”時代

56、。 Photoshop的專長在于圖像處理，而不是圖形創(chuàng)作。有必要區(qū)分一下這兩個概念。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在于對圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構思創(chuàng)意，使用矢量圖形來設計圖形，這類軟件主要有Adobe公司的另一個著名軟件Illustrator和Micromedia公司的Freehand。Photoshop系列中使用最廣泛的有Photoshop5.0版本、Photoshop7.0。

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

58、擬的。 </p><p>　　Dreamweaver 對于 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網頁制作三劍客，由于是同一公司的產品，因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，

59、說Dreamweaver 是高級網頁制作的首選并不為過。常見的版本為 Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、Dreamweaver CS.</p><p>　　所以我本次設計主要選用Dreamweaver8.0結合Photoshop7.0處理圖片。</p><p>　　第二章．網頁需求分析</p><

60、;p><b>　　2.1可行性分析</b></p><p>　　2.1.1網頁的界面設計</p><p>　　由于越來越多個人開始建立自己的網站，網站除了具有傳播信息的功能外，還往往代表企業(yè)的形象。網站建設商業(yè)化和廣告化的趨勢，對網頁設計的藝術性提出了更高的要求。雖然HTML語言提供了對常用Windows標準控件的支持，但是，由于Windows標準控件的形狀和顏

61、色十分單一，網頁的視覺效果可能會很差。例如：列表框和下拉列表框只能呈現凹陷邊框，而且下拉列表的箭頭的顏色不能改變，滾動條只能出現在窗口的下邊和右邊，當網頁分成多個幀的時候，滾動條就不可避免的出現在網頁的中間，破壞網頁的整體性。若在網頁的設計中主動配合Windows標準控件的形狀和顏色，網頁的創(chuàng)作空間就會受到限制。因此，有必要實現網頁中的自定義控件，以滿足網頁設計藝術化的要求。</p><p>　　A. 網頁界面構

62、成要素</p><p>　　與傳統(tǒng)媒體不同，網頁除了文字和圖像以外，還包含聲音、視頻和動畫等新興多媒體元素，更借助由代碼語言編程所實現的各種交互式效果，增加了網頁界面的生動性和復雜性，也使得網頁設計者需要考慮更多頁面元素的排布、優(yōu)化。 一般來說，網頁的界面主要由下面幾個因素構成：</p><p>　?。?）文字：文字元素是信息傳達的主體部分。網頁中的文字主要包括標題、信息、

63、文字鏈接、幾種主要形式。標題和傳統(tǒng)媒體中信息傳達的基本作用相同，是內容的簡概說明一般比較醒目、優(yōu)先編排。文字作為占據頁面重要比率的元素，同時又是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大。</p><p>　?。?）圖像：圖像在網頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地表現設計主題。網頁中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快

64、，具有跨平臺</p><p>　　（3）多媒體：網頁構成中的多媒體元素主要包括音頻、視頻和動畫。這些是界面構成中最吸引人的元素，但是我個人始終認為網頁應該“內容為王”，任何技術的應用應該以信息的更好傳達為中心，不能唯視覺化。</p><p>　　2.2.網站需求分析</p><p>　　2.2.1.建站目的</p><p>　　Interne

65、t是目前世界上最大的計算機互聯網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上千萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)

66、展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。提高公司知名度，擴大公司規(guī)模，***公司的領導決定建立自己的公司網站。 </p><p>　　2.2.2.網站實現功能&

67、lt;/p><p>　　本網站給客戶提供一個了解公司的平臺，客戶可以與公司及時地交換意見，產生互動，公司也可以及時對網站進行更新維護。</p><p><b>　　前臺客戶系統(tǒng)功能：</b></p><p>　　(1) 用戶可以瀏覽公司的一些基本的信息。</p><p>　　(2) 用戶可以瀏覽公司的新聞。</p>

68、;<p>　　(3) 用戶可以查看公司的聯系方式。</p><p>　　(4) 用戶可以瀏覽留言板的帖子。</p><p>　　(5) 用戶可以隨時發(fā)表自己的言論。</p><p><b>　　后臺管理系統(tǒng)功能：</b></p><p>　　(1) 增加、修改、刪除公司的新聞。</p><

69、;p>　　(2) 修改、刪除留言板帖子。</p><p>　　(3) 瀏覽、刪除最新產品信息。</p><p>　　第三章．網站的總體規(guī)劃</p><p>　　3.1制作網頁的一般步驟</p><p>　　首先，你應該明確制作網頁是為了干什么。比如，你是公司的職員，想通過網頁來對公司進行廣告宣傳；再假設你正在做一個項目，想和外地的工程師

70、通過網頁討論該項目。如果你要制作個人網頁，那么你可能想通過個人網頁在網上進行傳播，從而展示自己，并和網友交朋友。這就是你的目的。我做這個企業(yè)網頁的就是讓每個企業(yè)把自己的產品展示給大家，讓大家來評論交流，提出寶貴的意見，然后再加以改進，使得企業(yè)的產品更加滿足消費者，還有企業(yè)網站就是企業(yè)的門面，所以我這次做這個網頁就是為了給企業(yè)打廣告，其次，組織好你的網頁內容。試想，你把自己的照片和內容都堆在一起，別人將無法明白你想干什么，說不準，連你自己

71、都糊涂了。如果組織得好，用戶從你的網頁中獲取信息就容易得多。對于那些很重要的信息，用戶只需要簡單的操作就能得到。一般來說，組織好網頁的關鍵是要對網頁建立層次分明、條理清楚的結構圖。腦子里有了這樣一張結構圖，就會對網頁很明白，并且有助于制作網頁。</p><p>　　而后，要確定你的網頁所具有的外觀和特色，目的就是讓用戶被你的網頁所吸引。如果你只是要把很多漂亮的畫面堆在一起，而不管內容，那將沒人看。應該讓你的網頁不

72、僅漂亮，更重要的是實用。怎么把自己的照片和內容有機的結合到一起，這也正是你的網頁特色所在。</p><p>　　然后，開始制作網頁。具體操作時，首先要創(chuàng)建個人站點，再充分利用Dreamweaver的功能建立各個網頁。</p><p>　　最后，等網頁做好了，就該發(fā)布站點了。站點發(fā)布后，為了保持站點的吸引力，要經常修改網頁的內容（添加新的內容，更換已過時的圖像等），就要更新和維護你的站點了。

73、</p><p>　　3.2網頁包括的元素</p><p>　　無論是初次領略Internet風光的新手，還是經常上網沖浪的老手，在初次設計網頁之前，都必須先認識一下構成網頁的基本元素。只有這樣，才能在真正的設計工作中得心應手，根據需要合理的組織和安排網頁的內容，從而達到期望的目標。</p><p>　　設計網頁的目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也

74、就成了網頁的基本組成部分，超級鏈接是Web的核心，使它將萬維網中無數的網頁鏈接在一起，如果沒有它，Web就無從談起，此外，表格、動畫、音樂和交互表單等信息的組織、表現，以及交互元素在網頁中也具有舉足輕重的地位。</p><p><b>　　(1)、文本</b></p><p>　　文本一直是人類最重要的信息載體和交流工具，網頁中的信息也以文本為主，與圖像相比，文字雖不

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

76、p>　　圖像在網頁中具有提供信息，展示產品，裝飾網頁，表達企業(yè)文化的作用。用戶可以在網頁中使用GIF、JPEG、PNG 3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。</p><p><b>　　(3)、超級鏈接</b></p><p>　　超級鏈接技術可以說是萬維網流行起來的最主要的原因，它是從一個網頁指向另一個目的端的鏈接，例如指向另一個網頁

77、或相同網頁上的不同位置，這個目的端通常是另一個網頁，但也可以是一幅圖片，一個電子郵件地址，一個文件，一個程序或本網頁中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見的程序腳本。</p><p>　　當瀏覽者單擊超級鏈接時，其目的端將顯示在Web瀏覽器上，并根據目的端的類型以不同方式鏈接。例如，當指向一個AVI文件的超級鏈接被單擊后，該文件將在媒體播放軟件中打開;如果是指向一個網頁的超級鏈接，

78、則該網頁將顯示在Web瀏覽器上。</p><p><b>　　(4).表格</b></p><p>　　在網頁中表格用來控制網頁中信息的布局方式。這包括兩方面：一是使用行和列的形式來布局文本和圖像以及其他的列表化數據；二是還可以使用表格來精</p><p>　　3.3.網頁層次結構（附結構圖）</p><p>　　3.4

79、.目錄的層次結構（附結構圖）</p><p>　　第四章．需要解決的幾個關鍵問題</p><p><b>　　4.1 數據庫技術</b></p><p>　　Access是Office系列軟件中用來專門管理數據庫的應用軟件。所謂數據庫是指經過組織的、關于特定主題或對象的信息集合。數據庫管理系統(tǒng)分為兩類：文件管理系統(tǒng)和關系型管理系統(tǒng)。Acces

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

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

82、 Basic for Application）進行高級操作控制和復雜的數據操作。</p><p>　　4.2. 數據庫連接技術</p><p>　　一個動態(tài)的網站，它的動態(tài)就體現在數據庫技術上面，那么怎么才能使數據庫與我們的WEB頁面進行連接呢？這里就要用到ASP六大內對象中的server對象！具體代碼如下：</p><p><b>　　<%<

83、/b></p><p>　　dim conn,connstr</p><p>　　set conn=server.createobject(“adodb.connection”)</p><p>　　connstr=”dbq=”&server.mappath(“數據庫的路徑”)&” ;driver={Microsoft access drive

84、r(*.mdb)}”</p><p>　　conn .open connstr</p><p><b>　　%></b></p><p>　　這些代碼一般都放在一個名稱為conn.asp的文件里面。如果WEB頁面中需要用到數據庫連接時就使用宏定義把這個文件包含進去就可以了！具體代碼十分簡單：<!--#include file=con

85、n.asp-->。</p><p>　　4.3. 數據庫寫入技術</p><p>　　關于數據庫的寫入技術一般可以分為兩類：ADDNEW方法和INSERT…INTO！</p><p>　　在ASP中，直接使用“Insert into” 語句與使用ADO中AddNew方法有什么區(qū)別？哪一種更好呢？AddNew方法的實質就是封裝了“Insert into”語句。所

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

87、</p><p>　　<!--#include file=conn.asp-->這句話包括了數據庫的文件！</p><p><b>　　<%</b></p><p>　　name=request.form("name")</p><p>　　psw=request.form(&quo

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

89、p>　　conn.execute sql</p><p>　　conn.close</p><p>　　set conn=nothing</p><p>　　response.write "記錄添加成功!"</p><p><b>　　%></b></p><p>

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

91、t *form data where(id is null)”這里我們要找的就是把數據庫中id為空的記錄找出來！</p><p>　　4：sql=”insert into data(“username,psw”)values(’”+name+”’,’”+psw+”’)”這里是我們值得注意的地方因為它是關鍵！學過vf或sql的對這語句并不陌生！但是一定要寫對因為在這一行語句的values值中需要根據數據庫中的字段類

92、型來定義的！它使用了單引號、雙引號、連接符的排列順序！其中連接符號還可以是&!</p><p>　　下面我們來看看用Addnew是如何實現的！</p><p>　　<!--#include file=conn.asp-->這句話包括了數據庫的文件！</p><p><b>　　<%</b></p><

93、;p>　　name=request.form("name")</p><p>　　psw=request.form("psw")</p><p>　　set rs=server.createobject(“adodb.recordset”)</p><p>　　sql=”select *from data where(I

94、d 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</p><p><b>　　rs.upd

95、ata</b></p><p><b>　　rs.close</b></p><p>　　set rs=nothing</p><p>　　conn.close</p><p>　　set conn=nothing</p><p>　　response.write "記錄添加

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

97、代碼：</p><p><b>　　<%</b></p><p>　　set rs=server.createobject("adodb.recordset") </p&

98、gt;<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></p><p>　　<AHREF=&

99、quot;javascript:void(0)" onClick="newpage('swfPlay.asp?id=<%=rs("id")%>');"><%=rs("name")%></a> %></p><p>　　4.5記錄集合的建立<

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

101、　set rs= server.createobject(“adodb.recordset”)</p><p>　　sql=”select * from 表名 where 條件語句”</p><p>　　rs.open sql,conn,1,1</p><p><b>　　%></b></p><p>　　這樣我們

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

103、lt;/b></p><p>　　IIS配置當IIS被成功安裝后，將在計算機C:\Inetpub\wwwroot下新建一個默認網站，通過修改默認網站配置可以建立自己的站點。如自己的網頁放在D:\Wy目錄下，首頁文件名為Index.asp，其具體步驟如下：第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為“默認Web站點屬性”設置界面。 第二步：轉到“主目錄”窗口，再在“本地路徑”輸入（或用

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

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

106、<p>　　5.2 網頁發(fā)布及網站維護</p><p>　　在測試完成后，網頁就可以發(fā)布到互聯網上了，接下來要做的就是網站的日常維護了。網站維護就是對服務器及相關軟硬件的維護，對可能出現的問題進行評估，制定響應時間，制定相關維護規(guī)定，將網站維護制度化、規(guī)范化，主要包括以下內容：</p><p>　　即時更新新聞內容留言、信箱、論壇等定期回復及編改數據庫內容定期備份、刪減、分

107、類更正數據庫使用過程中發(fā)現的問題</p><p>　　定期進行綜合分析，不斷優(yōu)化數據庫中數據結構，提高使用效率在系統(tǒng)運行過程中應定期對管理員用戶名和密碼進行更新，并對IIS和NT權限作相應設置</p><p><b>　　結 論</b></p><p>　　本畢業(yè)設計經過幾個月的查資料、整理材料、設計網頁、建設網站到寫作論文，今天終于可以

108、順利的完成論文，終于讓學生在大學的生活，得以劃下了完美的句點。</p><p>　　畢業(yè)設計是對我們大學生活三年來教學的一個總結性考察，里面包含了我們學過的很多方面的知識，平時的學習都是自己聽老師講解，或者就是做練習之類，缺少了自己的獨立思考，通過這次的畢業(yè)設計，讓自己清楚了解到自己的學習程度，和自我學習思考的能力。從第一眼看到資料的那種眼花繚亂的感覺，到最后看到自己做出的設計論文的成功，體驗了一次從茫然到無助，

109、最后的那種成功的欣慰，真的讓自己受益匪淺，也使自己明白了，無論今后做什么事情，都要堅持不懈的努力，多從問題的關鍵出發(fā)，分析不同的思路，多做總結與比較，從而得到最佳的結果。</p><p>　　這次的論文設計讓我重新了解了很多在學校所學不到的東西，也借此回顧了一下我大學所學的知識。它讓我掌握了很多ASP和SQL的知識，讓我對我所學過的知識有所鞏固和提高。在整個過程中，我學到了新知識，擴大了知識面。也讓我認識到了學海

110、無涯的真正含義，我將會不斷的學習新的知識，讓自己的能力得到進一不的提升。</p><p>　　在論文的設計中它不僅培養(yǎng)了我嚴謹的思維方法，更造就了我積極樂觀的生活態(tài)度。而且還要做到穩(wěn)重但又不失創(chuàng)新，開朗但不浮躁，興趣廣泛，思路開闊，辦事沉穩(wěn)，團結合作的精神。</p><p>　　總之，在這次畢業(yè)設計中，我們學會了許多的知識，是大學三年來所學知識的綜合運用，切實感受到設計的苦與樂。在這里希望