1、第一章.緒論1.1網(wǎng)頁(yè)制作的背景和意義我們讀書就是為了獲得知識(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ì)我們還要能夠知道靜態(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è)跁旧蠈W(xué)到的知識(shí)充分運(yùn)用到此次設(shè) 計(jì)之中。使我們的在書上學(xué)到的東西不僅僅停留在表面上，把

2、這些東西都用在所要做的網(wǎng)頁(yè)上面。以達(dá)到老師要求的效果和學(xué)以致用。In ternet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各 種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。作為In ternet上一種先進(jìn)的，易于被人們所接受 的信息檢索手段，World Wide Web（簡(jiǎn)稱WWW）發(fā)展十分迅速，成為目前世界上 最大的信息資源寶庫(kù)。據(jù)估計(jì)，目前In ternet上已有上百萬(wàn)個(gè) Web站點(diǎn)，其內(nèi)容 范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂(lè)、體育等各個(gè)領(lǐng) 域，其用戶群十分龐大，因此，建設(shè)一個(gè)好的Web站點(diǎn)對(duì)于一個(gè)機(jī)構(gòu)的發(fā)展十分重要。近年來(lái)，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速

3、發(fā)展，特別是數(shù)據(jù)庫(kù)技術(shù)在In ternet中的廣泛應(yīng)用，Web站點(diǎn)向用戶提供的服務(wù)將越來(lái)越豐 富，越來(lái)越人性化。我們發(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è)面，即著重顯示該用戶感興趣的內(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)講， 還是比較煩瑣，而且在用戶

4、了解一個(gè) 站點(diǎn)前讓其對(duì)站點(diǎn)進(jìn)行設(shè)置，其結(jié)果未免有些粗糙。于是我們構(gòu)想了這樣一種方 案，對(duì)用戶登陸后的動(dòng)作進(jìn)行跟蹤，分析，發(fā)掘用戶點(diǎn)擊的規(guī)律，即用戶先后點(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)文撰寫、客戶留言、 日志以及后臺(tái)管理等ASP頁(yè)面及整個(gè)實(shí)驗(yàn)網(wǎng)站的組織建立和測(cè)試工作。我通過(guò)中國(guó)書畫網(wǎng)站展示出中華文化的博大精深。 不同的人，其網(wǎng)站上的展 示方式或手法各有不同，千變?nèi)f

5、化。 在網(wǎng)站策劃中，如何把把中華文化通過(guò)網(wǎng)站 展示出來(lái)，是我設(shè)計(jì)的重要內(nèi)容。第二章.網(wǎng)頁(yè)開(kāi)發(fā)環(huán)境及數(shù)據(jù)庫(kù)概述2.1網(wǎng)頁(yè)運(yùn)行環(huán)境的開(kāi)發(fā)本系統(tǒng)必須被運(yùn)行在 IIS (In ternet In formation Server)下。使用 Micorsoft In ternet In formation Server (IIS)，運(yùn)行 Win dows NTServer的計(jì)算機(jī)便成為大容量、功能強(qiáng)大的Web服務(wù)器，它可以將信息發(fā)布給 辦公大樓或整個(gè)世界的用戶。對(duì)于在基于Windows NT的計(jì)算機(jī)上聯(lián)網(wǎng)，In ternet In formation Server是很理想的，因?yàn)樗梢栽诂F(xiàn)存硬件上設(shè)置功

6、能 強(qiáng)大的 Web 服務(wù)器。In ternet In formation Server 集成在 Win dows NTServer 操作系統(tǒng)中，并利用了其安全特征和性能優(yōu)勢(shì)。2.2 ASP和ADO簡(jiǎn)介2.2.1 ASP產(chǎn)生的歷史環(huán)境從本節(jié)開(kāi)始，將進(jìn)入本書的重點(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)容

7、時(shí)，服務(wù)器僅僅是將原來(lái)已經(jīng)設(shè)計(jì)好 的靜態(tài)HTML弋碼，最多加上流行的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ā)者的垂青。什么是ASPASP的全稱是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)功

8、能結(jié)合在一起，并提供了眾多的服務(wù)器組件來(lái)擴(kuò)張功能，能夠很方便的創(chuàng)建分布式和基于Web的商業(yè)話應(yīng)用程序。如果要更簡(jiǎn)單的描述 ASP，可以說(shuō)ASP就是運(yùn)行在 Web服務(wù)器上的動(dòng)態(tài)網(wǎng) 頁(yè)。ASP程序文件也是一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)，一般HTML標(biāo)記和ASP腳本代碼混雜在一起組成。ASP網(wǎng)頁(yè)程序必須想竟Web服務(wù)器的ASP解釋器解釋執(zhí)行，產(chǎn)生HEML 代碼后才傳送給用戶的瀏覽器執(zhí)行顯示。(2) . ASP的特點(diǎn)為：1、任何開(kāi)發(fā)工具皆可發(fā)展ASP只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPage Express、 F FrontPage等也都可以；不過(guò)

9、還是建議你用記事本來(lái)寫，既省錢又方便，若是使用那些所見(jiàn)即所得的網(wǎng)頁(yè)編 輯來(lái)寫ASP，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。通吃各家瀏覽由于 ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的 HTML文件適用于不同的瀏覽器。2、語(yǔ)言相容性高ASP 與所有的ActiveX Script語(yǔ)言都相容，除了可結(jié)合HTMLVBScript、 Java Script 、Active X 服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由“ plug-In (外掛組件 模組)的方式，使用其他廠商(Third Party )所提供的語(yǔ)言。3、隱密安全性高如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到HTML文件，原始的ASP程序

10、代碼是看不到的！這是應(yīng)屆ASP程序先于網(wǎng)站服務(wù) (Web Server )端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶端(Client )的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會(huì)輕易地被看 見(jiàn)進(jìn)而被盜用。4、易于操控?cái)?shù)據(jù)庫(kù)ASP可以輕易地通過(guò)O DBC(OperDatabase Co nn ectivity) 驅(qū)動(dòng)程序 連接各種不同的數(shù)據(jù)庫(kù)，例如：Access、FoxPro、dBase Oracle等等，另外，ASP亦可將“文本文件”或是” Excel”文件當(dāng)成數(shù)據(jù)庫(kù)用。5、面向?qū)ο髮W(xué)習(xí)容易ASP具備有面向?qū)ο?O object-Oriented )功能，學(xué)習(xí)容易，ASP提供

11、了五種方便能力強(qiáng)大的內(nèi)建對(duì)象： Request、Response Sever> Application 以及Session，同時(shí)，若使用ASP內(nèi)建的“ Application ”對(duì)象或” Session ” 對(duì)象所撰寫出來(lái)的ASP程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息。6對(duì)象名稱功能描述RequestResp on seServerSessio nApplicatio nObjectC on text從客戶端取得信息將信息送給客戶端提供一些 Wet服務(wù)器工具儲(chǔ)存在一個(gè)Session內(nèi)的 用戶信息，該信息僅可被(3) . ASP模型對(duì)象ASP提供了六個(gè)功能強(qiáng)大的內(nèi)置對(duì)象供用戶使用，利用這

12、六個(gè)對(duì)象，可以設(shè) 計(jì)變化多端的 Web應(yīng)用程序，在ASP開(kāi)發(fā)Web應(yīng)用程序時(shí)，通過(guò)調(diào)用對(duì)象的方法， 不但能實(shí)現(xiàn)提高編程效率，而且編程更優(yōu)化。下面列出ASP包括的六個(gè)內(nèi)置對(duì)象：Response：將信息送主客戶端Request :從客戶端取得信息Server :提供一些 Web Sever方法Session :記錄連接著的信息，每一個(gè)連接者的信息有獨(dú)立的Session對(duì)象來(lái)記錄Apptication :記錄共用消息，讓不同的可戶端共享信息Objectlontent :配合MTS進(jìn)行分布式事務(wù)處理(4) . ASP的運(yùn)行ASP頁(yè)面與一般的HTML頁(yè)面的真正不同之處，在于 ASP頁(yè)面需要經(jīng)過(guò)Web 服

13、務(wù)器的解釋執(zhí)行而HTML網(wǎng)頁(yè)不需要。因此如果要運(yùn)行和發(fā)布式 ASP網(wǎng)頁(yè)，就 需要有Wet服務(wù)器的支持。任何一個(gè) Wet服務(wù)器，只有內(nèi)嵌有ASP的解釋程序， 就可以運(yùn)行ASP編寫的動(dòng)態(tài)網(wǎng)頁(yè)。整個(gè)過(guò)程主要有如下5個(gè)步驟（HTML頁(yè)面的處理沒(méi)有第三步）A. 用戶將ASP文件的網(wǎng)址輸入到瀏覽器的地址欄，請(qǐng)求一個(gè) ASP網(wǎng)頁(yè)。B. 瀏覽器向Web服務(wù)器發(fā)送ASP文件請(qǐng)求，成為RequestC. 服務(wù)器找到并解釋執(zhí)行該 ASP文件，生成標(biāo)準(zhǔn)的HTML文件D. 服務(wù)器將HTML文件傳送給用戶瀏覽器，稱為 ResponseE. 用戶的瀏覽器解釋HTM文件，結(jié)果在瀏覽器窗口顯示2.2.2 ADO 對(duì)象ADO原名

14、為ActiveX Data Object。通過(guò)與ASP的結(jié)合，可以在網(wǎng)頁(yè)里執(zhí)行SQL的指令，用戶可以輕松且快速的存取、增加或是刪除數(shù)據(jù)庫(kù)的數(shù)據(jù)。ADO包含三個(gè)主要的對(duì)象：Recordset、Conn ection以及Cmmand通過(guò)這些對(duì)象的了解與應(yīng)用，再利用 ASP對(duì)象，就可以很容易地制作出一個(gè)方便快捷、功 能多樣的網(wǎng)站?？焖?、容易和節(jié)省磁盤空間，是ADO勺特性，這使得ADO成為十分熱門的技 巧。ADO!過(guò)與ODBC勺鏈接，可以鏈接許多各種類型的數(shù)據(jù)庫(kù)，因?yàn)镺DB（本身就支持許多類型的數(shù)據(jù)庫(kù)。ADO!過(guò)VBScript和JavaScript語(yǔ)言的技巧，不但可以控制存取數(shù)據(jù)庫(kù)， 還可以達(dá)到一些

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

16、據(jù)庫(kù)表格。使用Recordset 對(duì)象處理結(jié)果盡管Conn ection對(duì)象簡(jiǎn)化了連接數(shù)據(jù)庫(kù)和查詢?nèi)蝿?wù)，但Conn ection對(duì)象 仍有許多不足。確切地說(shuō)，檢索和顯示數(shù)據(jù)庫(kù)信息的Connection對(duì)象不能用于 創(chuàng)建腳本；您必須確切知道要對(duì)數(shù)據(jù)庫(kù)作出的更改，然后才能使用查詢實(shí)現(xiàn)更改。對(duì)于檢索數(shù)據(jù)、檢查結(jié)果、更改數(shù)據(jù)庫(kù)， ADO提供了 Recordset對(duì)象。正 如它的名稱所暗示的那樣，Recordset對(duì)象有許多您可以使用的特性，根據(jù)您的 查詢限制，檢索并且顯示一組數(shù)據(jù)庫(kù)行，即記錄。Recordset對(duì)象保持查詢返回的記錄的位置，允許您一次一項(xiàng)逐步掃描結(jié)果。根據(jù)Recordset對(duì)象的指針類

17、型屬性設(shè)置，您可以滾動(dòng)和更新記錄。數(shù)據(jù) 庫(kù)指針可以讓您在一組記錄中定位到特定的項(xiàng)。指針還用于檢索和檢查記錄，然后在這些記錄的基礎(chǔ)上執(zhí)行操作。Recordset對(duì)象有一些屬性，可用于精確地控 制指針的行為，提高您檢查和更新結(jié)果的能力。例如，您可以使用CursorType和 CursorLocatio n 屬性設(shè)置指針的類型，將結(jié)果返回給客戶端應(yīng)用程序（結(jié)果通 常保留在數(shù)據(jù)庫(kù)服務(wù)器上）并顯示其他用戶對(duì)數(shù)據(jù)庫(kù)的最后一次更改。一個(gè)成功的數(shù)據(jù)庫(kù)應(yīng)用程序都使用Conn ectio n 對(duì)象建立鏈接并使用Recordset對(duì)象處理返回的數(shù)據(jù)。通過(guò)“協(xié)調(diào)”兩個(gè)對(duì)象的特定功能，您可以開(kāi) 發(fā)出幾乎可以執(zhí)行任何數(shù)據(jù)

18、處理任務(wù)的數(shù)據(jù)庫(kù)應(yīng)用程序。例如，下面的服務(wù)器端腳本使用Recordset 對(duì)象執(zhí)行SQL SELECT命令。SELECT命令檢索一組基于查 詢限制的信息。查詢也包含 SQL WHEREF句，用來(lái)縮小查詢的范圍。通過(guò)ADOCommand寸象，可以象用 Connection 對(duì)象和Recordset 對(duì)象那 樣執(zhí)行查詢，唯一的不同在于用 Comma nd對(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查詢保持局部未定義。C

19、omma nd寸象的parameter集合減少了您的麻煩，使您不必在每次重新發(fā) 出查詢時(shí)重新建立查詢。2.3網(wǎng)頁(yè)圖像設(shè)計(jì)工具PhotoshopAdobe公司開(kāi)發(fā)，處理圖形圖像的專門設(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) 行編輯加工處理以及運(yùn)用一些特殊效果，其重點(diǎn)在于對(duì)圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意，使用矢量圖形來(lái)設(shè)計(jì)圖形，這類軟件主要有Adobe 公司的另一個(gè)著

20、名軟件 Illustrator 和 Micromedia 公司的 Freehand。Photoshop 系列中使用最廣泛的有 Photoshop5.0版本、Photoshop7.0。24網(wǎng)頁(yè)設(shè)計(jì)工具DreamweaverMacromedia公司的產(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 的直觀性與高效性是Fron tpage所無(wú)法比擬的。Dreamweaver對(duì)于DHTML的支持特別好，可以輕而易舉地做出很多眩目的 頁(yè)面特

21、效。插件式的程序設(shè)計(jì)使得其功能可以無(wú)限的擴(kuò)展。Dreamweaver與Flash、Firework并稱為Macromedia的網(wǎng)頁(yè)制作三劍客，由于是同一公司的產(chǎn) 品，因而在功能上有著一個(gè)非常緊密的結(jié)合。而最新推出的DreamweaverUltraDev 更支持Asp，Jsp。因此，說(shuō) Dreamweaver是高級(jí)網(wǎng)頁(yè)制作的首選并 不為過(guò)。常見(jiàn)的 版本為 Dreamweaver3 Dreamweaver4 DreamweaverMX Dreamweaver8.0、Dreamweaver CS.所以我本次設(shè)計(jì)主要選用 Dreamweaver8.0結(jié)合Photoshop7.0處理圖片。第三章.網(wǎng)頁(yè)需

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

23、作空間就會(huì)受到限制。因此，有必 要實(shí)現(xiàn)網(wǎng)頁(yè)中的自定義控件，以滿足網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)化的要求。A.網(wǎng)頁(yè)界面構(gòu)成要素與傳統(tǒng)媒體不同，網(wǎng)頁(yè)除了文字和圖像以外，還包含聲音、視頻和動(dòng)畫等新 興多媒體元素，更借助由代碼語(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)成：(1) 文字：文字元素是信息傳達(dá)的主體部分。網(wǎng)頁(yè)中的文字主要包括標(biāo)題、 信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同， 是內(nèi)容的簡(jiǎn)概說(shuō)明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要比率的元素， 同時(shí)又是信息重要載體，

24、它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。(2) 圖形：圖形在網(wǎng)頁(yè)界面中具有重要作用。合理的運(yùn)用圖形。可以生動(dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)頁(yè)中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)3.2.網(wǎng)站需求分析3.2.1. 建站目的In ternet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。作為In ternet上一種先進(jìn)的，易于被人們所接受的信息檢索手段， World Wide Web(簡(jiǎn)稱WW發(fā)展十分迅速，成為目前 世界上最大的信息資源寶庫(kù)。據(jù)估計(jì)，目前In ternet上已有上千萬(wàn)個(gè)

25、Web站點(diǎn), 其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂(lè)、體育等 各個(gè)領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個(gè)好的Web站點(diǎn)對(duì)于一個(gè)機(jī)構(gòu)的發(fā) 展十分重要。近年來(lái)，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展， 特別是數(shù)據(jù)庫(kù)技術(shù)在In ternet中的廣泛應(yīng)用，Web站點(diǎn)向用戶提供的服務(wù)將越 來(lái)越豐富，越來(lái)越人性化。因此網(wǎng)站建設(shè)在In ternet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。 提高公司知名度，擴(kuò)大公司規(guī)模，*公司的領(lǐng)導(dǎo)決定建立自己的公司網(wǎng)站。 3.22網(wǎng)站實(shí)現(xiàn)功能本網(wǎng)站給客戶提供一個(gè)了解公司的平臺(tái)，客戶可以與

26、公司及時(shí)地交換意見(jiàn)，產(chǎn)生互動(dòng)，公司也可以及時(shí)對(duì)網(wǎng)站進(jìn)行更新維護(hù)。前臺(tái)客戶系統(tǒng)功能：(1) 用戶可以瀏覽公司的一些基本的信息。(2) 用戶可以瀏覽公司的新聞。(3) 用戶可以查看公司的聯(lián)系方式。(4) 用戶可以瀏覽留言板的帖子。(5) 用戶可以隨時(shí)發(fā)表自己的言論。后臺(tái)管理系統(tǒng)功能：(1) 增加、修改、刪除公司的新聞。(2) 修改、刪除留言板帖子。(3) 瀏覽、刪除最新產(chǎn)品信息。第四章.網(wǎng)站的總體規(guī)劃4.1制作網(wǎng)頁(yè)的一般步驟首先，你應(yīng)該明確制作網(wǎng)頁(yè)是為了干什么。比如，你是公司的職員，想通過(guò) 網(wǎng)頁(yè)來(lái)對(duì)公司進(jìn)行廣告宣傳；再假設(shè)你正在做一個(gè)項(xiàng)目，想和外地的工程師通過(guò) 網(wǎng)頁(yè)討論該項(xiàng)目。如果你要制作個(gè)人網(wǎng)頁(yè)

27、，那么你可能想通過(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)上家園。其次，組織好你的網(wǎng)頁(yè)內(nèi)容。試想，你把自己的照片和內(nèi)容都堆在一起，別 人將無(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è)。而后，要確定你的網(wǎng)頁(yè)所具有的外觀和

28、特色， 目的就是讓用戶被你的網(wǎng)頁(yè)所 吸引。如果你只是要把很多漂亮的畫面堆在一起，而不管內(nèi)容，那將沒(méi)人看。應(yīng) 該讓你的網(wǎng)頁(yè)不僅漂亮，更重要的是實(shí)用。怎么把自己的照片和內(nèi)容有機(jī)的結(jié)合 到一起，這也正是你的網(wǎng)頁(yè)特色所在。然后，開(kāi)始制作網(wǎng)頁(yè)。具體操作時(shí)，首先要?jiǎng)?chuàng)建個(gè)人站點(diǎn)，再充分利用Dreamweaver的功能建立各個(gè)網(wǎng)頁(yè)。最后，等網(wǎng)頁(yè)做好了，就該發(fā)布站點(diǎn)了。站點(diǎn)發(fā)布后，為了保持站點(diǎn)的吸引 力，要經(jīng)常修改網(wǎng)頁(yè)的內(nèi)容（添加新的內(nèi)容，更換已過(guò)時(shí)的圖像等），就要更新和維護(hù)你的站點(diǎn)了。4.2網(wǎng)頁(yè)包括的元素?zé)o論是初次領(lǐng)略In ternet風(fēng)光的新手，還是經(jīng)常上網(wǎng)沖浪的老手，在初次 設(shè)計(jì)網(wǎng)頁(yè)之前，都必須先認(rèn)識(shí)一下

29、構(gòu)成網(wǎng)頁(yè)的基本元素。只有這樣，才能在真正 的設(shè)計(jì)工作中得心應(yīng)手，根據(jù)需要合理的組織和安排網(wǎng)頁(yè)的內(nèi)容， 從而達(dá)到期望 的目標(biāo)。設(shè)計(jì)網(wǎng)頁(yè)的目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也就成 了網(wǎng)頁(yè)的基本組成部分，超級(jí)鏈接是 Web的核心，使它將萬(wàn)維網(wǎng)中無(wú)數(shù)的網(wǎng)頁(yè)鏈 接在一起，如果沒(méi)有它， Wet就無(wú)從談起，此外，表格、動(dòng)畫、音樂(lè)和交互表單 等信息的組織、表現(xiàn)，以及交互元素在網(wǎng)頁(yè)中也具有舉足輕重的地位。、文本文本一直是人類最重要的信息載體和交流工具，網(wǎng)頁(yè)中的信息也以文本為 主，與圖像相比，文字雖不如圖像那樣能夠很快的引起瀏覽者的主意，但卻能準(zhǔn) 確的表達(dá)消息的內(nèi)容和含義，為了克服文字固有的缺點(diǎn)，

30、人們賦予了網(wǎng)頁(yè)中文本 更多的屬性，如文字、字號(hào)、顏色、底紋和邊框等，通過(guò)不同格式的區(qū)別，突出 顯示重要的內(nèi)容，此外，用戶還可以在網(wǎng)頁(yè)中設(shè)計(jì)各種各樣的文字列表來(lái)清晰表 達(dá)一系列項(xiàng)目，這些功能都給網(wǎng)頁(yè)中的文本賦予了新的生命力。、圖像圖像在網(wǎng)頁(yè)中具有提供信息，展示作品，裝飾網(wǎng)頁(yè)，表達(dá)個(gè)人情調(diào)和風(fēng)格的 作用。用戶可以在網(wǎng)頁(yè)中使用 GIF、JPEG PNG 3種圖像文件格式，其中使用最 廣泛的是GIF和JPEG兩種格式。(3) 、超級(jí)鏈接超級(jí)鏈接技術(shù)可以說(shuō)是萬(wàn)維網(wǎng)流行起來(lái)的最主要的原因，它是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接，例如指向另一個(gè)網(wǎng)頁(yè)或相同網(wǎng)頁(yè)上的不同位置，這個(gè)目的端通常是另一個(gè)網(wǎng)頁(yè)，但也可以是

31、一幅圖片，一個(gè)電子郵件地址，一個(gè)文件， 一個(gè)程序或本網(wǎng)頁(yè)中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見(jiàn)的程序腳本。當(dāng)瀏覽者單擊超級(jí)鏈接時(shí)，其目的端將顯示在 Web瀏覽器上，并根據(jù)目的端 的類型以不同方式鏈接。例如，當(dāng)指向一個(gè)AVI文件的超級(jí)鏈接被單擊后，該文 件將在媒體播放軟件中打開(kāi)；如果是指向一個(gè)網(wǎng)頁(yè)的超級(jí)鏈接，則該網(wǎng)頁(yè)將顯示 在Web瀏覽器上。.表格在網(wǎng)頁(yè)中表格用來(lái)控制網(wǎng)頁(yè)中信息的布局方式。 這包括兩方面：一是使用行 和列的形式來(lái)布局文本和圖像以及其他的列表化數(shù)據(jù)；二是還可以使用表格來(lái)精4.3.網(wǎng)頁(yè)層次結(jié)構(gòu)（附結(jié)構(gòu)圖）我們小組的簡(jiǎn)介，我們的理念，我們的宗旨，我們的目

32、標(biāo)。介紹國(guó)畫的相關(guān)知識(shí)， 包括 其起源、發(fā)展、分類、流派、 形式、特點(diǎn)等。提供最新業(yè)界信息，剖析 當(dāng)今國(guó)畫行情。深入了解各畫家，對(duì)其背 景及創(chuàng)作史分別介紹。選取有代表性的好作品, 展示給廣大朋友。大家交流學(xué)習(xí)，我們也可收 集讀者信息，并合理采納他們的意見(jiàn)4.4.目錄的層次結(jié)構(gòu)（附結(jié)構(gòu)圖）第五章.需要解決的幾個(gè)關(guān)鍵問(wèn)題5.1數(shù)據(jù)庫(kù)技術(shù)Access是Office系列軟件中用來(lái)專門管理數(shù)據(jù)庫(kù)的應(yīng)用軟件。所謂數(shù)據(jù)庫(kù) 是指經(jīng)過(guò)組織的、關(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)系型

33、數(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)。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)用程序生成器。Access數(shù)據(jù)庫(kù)使用單一的*mdb文件管理所有的信息，這種針對(duì)數(shù)據(jù)庫(kù)集成 的最優(yōu)化

34、文件結(jié)構(gòu)不僅包括數(shù)據(jù)本身，也包括了它的支持對(duì)象。此外，Access2000還利用 Office 套件共享的編程語(yǔ)言 VBA(Visual Basic for Application ) 進(jìn)行高級(jí)操作控制和復(fù)雜的數(shù)據(jù)操作。5.2.數(shù)據(jù)庫(kù)連接技術(shù)一個(gè)動(dòng)態(tài)的網(wǎng)站，它的動(dòng)態(tài)就體現(xiàn)在數(shù)據(jù)庫(kù)技術(shù)上面，那么怎么才能使數(shù)據(jù) 庫(kù)與我們的 WEBS面進(jìn)行連接呢？這里就要用到 ASP六大內(nèi)對(duì)象中的server對(duì) 象！具體代碼如下：<%dim conn,conn strset conn=server.createobject(“adodb.connection ”)conn str= ” dbq= ” &

35、;server.mappath( “ 數(shù)據(jù)庫(kù) 的路 徑”)&” ；driver=Microsoft access driver(*.mdb)”conn .ope n conn str%>這些代碼一般都放在一個(gè)名稱為 conn .asp的文件里面。如果 WEB頁(yè)面中需 要用到數(shù)據(jù)庫(kù)連接時(shí)就使用宏定義把這個(gè)文件包含進(jìn)去就可以了！具體代碼十分簡(jiǎn)單：<!-# in elude file=c onn. asp->。5.3.數(shù)據(jù)庫(kù)寫入技術(shù)關(guān)于數(shù)據(jù)庫(kù)的寫入技術(shù)一般可以分為兩類：ADDNEV方法和INSERTINTO!在ASP中，直接使用“ Insert into ” 語(yǔ)句與使用 A

36、DC中 AddNew方法有什 么區(qū)別？哪一種更好呢？ AddNew方法的實(shí)質(zhì)就是圭寸裝了 “ Insert into ”語(yǔ)句。 所以，當(dāng)我們需要對(duì)大量數(shù)據(jù)進(jìn)行操作的時(shí)候，應(yīng)優(yōu)先選用“ Insert into ”語(yǔ)句。因?yàn)橹苯邮褂肧QL 語(yǔ)句，減少了 ADC的解釋時(shí)間，顯然會(huì)大大加快存取數(shù)據(jù)的速度。下面我們分別來(lái)看一下它們的代碼！以向一個(gè)名為data的表中插入一個(gè)類型均為文本型的兩個(gè)字段 username和psw一: insert into<!-# in clude file=co nn. asp->這句話包括了數(shù)據(jù)庫(kù)的文件！<%n ame=request.form("

37、; name")psw=request.form("psw")sql= ” select *from data where(Id is null)”sql="i nsert into data(username,psw)values('"+name+"',"+psw+"')"conn. execute sqlconn. closeset conn=nothingresponse.write "記錄添加成功!"%>分析：1: <!-#include f

38、ile=conn.asp->是一個(gè)宏它是我們提前定義好的一個(gè)數(shù)據(jù)庫(kù)連接的文件！2 : psw=request.form( “ psw” )實(shí)際上我們省略了一個(gè)提交的頁(yè)面我們 定義了兩個(gè)中間的變量，3 : sql= ” select *form data where(id is null)”這里我們要找的就是把數(shù)據(jù)庫(kù)中id為空的記錄找出來(lái)！4 : sql= ” insert into data( “ username,psw” )values( ' +name+',+psw+”)”這里是我們值得注意的地方因?yàn)樗顷P(guān)鍵！學(xué)過(guò) vf或sql的對(duì)這語(yǔ) 句并不陌生！但是一定要寫對(duì)因

39、為在這一行語(yǔ)句的values值中需要根據(jù)數(shù)據(jù)庫(kù)中的字段類型來(lái)定義的！它使用了單引號(hào)、雙引號(hào)、連接符的排列順序！其中連接符號(hào)還可以是&!下面我們來(lái)看看用Add new是如何實(shí)現(xiàn)的！<!-#i nclude file=co nn. asp->這句話包括了數(shù)據(jù)庫(kù)的文件！<%n ame=request.form(" name")psw=request.form("psw")set rs=server.createobject( “adodb.recordset ”)sql= ” select *from data where(Id is

40、 null)”rs.ope n sql,c onn 1,3rs.add newrs ( “ user name”)=n amers( “ psW' )=pswrs.updatars.closeset rs=no thi ngconn. closeset conn=nothingresponse.write "記錄添加成功!"%>5.4數(shù)據(jù)庫(kù)的讀取技術(shù)數(shù)據(jù)庫(kù)的讀取技術(shù)是與記錄集合的建立相結(jié)合而使用的！因?yàn)樵跀?shù)據(jù)庫(kù)中一行記錄可能會(huì)包括很多信息。但是這一行記錄始終是一個(gè)數(shù)據(jù)單元！ 我們可以通 過(guò)該數(shù)據(jù)單元的具體情況和數(shù)據(jù)庫(kù)的查詢條件找到需要的數(shù)據(jù)項(xiàng)！下面我們?cè)賮?lái)看一

41、段代碼：<%set rs=server.createobject("adodb.recordset")sql="select * from music "rs.ope n sql,c onn ,1,3if not rs1.eof the nend if<AHREF="javascript:void(0)"on Click=" newpage('swfPlay.asp?id=v%=rs("id")%>');"x%=rs(” name")%><

42、/a>%>5.5記錄集合的建立記錄集是我們?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è)記錄集合！記錄集中記錄的是和我們要查詢的條件相同的一條或多條記 錄！由此可以知道記錄集是非常重要的！那么怎么去寫一個(gè)記錄集呢？<%set rs= server.createobject( “adodb.recordset ”)sql= ” select * from 表名 where 條件語(yǔ)句”rs.ope n sql,c onn ,1,1%>這樣我們就可以把我們要查詢的東西放在記錄集 rs里面如果我

43、們想從數(shù)據(jù) 庫(kù)中把數(shù)據(jù)讀出來(lái)就response對(duì)象了！ 一般我們就可以直接簡(jiǎn)寫成 <%=%可以 了！如果數(shù)據(jù)庫(kù)中只有一條記錄我們這樣寫就可以了但是如果有多條記錄我們就要用到vb或則c語(yǔ)言中的循環(huán)條件！第六章.網(wǎng)頁(yè)測(cè)試6.1. 網(wǎng)頁(yè)測(cè)試IIS配置當(dāng)IIS被成功安裝后，將在計(jì)算機(jī) C:lnetpub'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)”上單擊右鍵，選“屬性”，以進(jìn)入名為“默認(rèn) Web站點(diǎn)屬性”設(shè)置界面。第二步：轉(zhuǎn)到“主目錄”窗口，再在“

44、本地路徑”輸入（或用“瀏覽”按鈕 選擇）好自己網(wǎng)頁(yè)所在的“ D: Wy目錄。第三步：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認(rèn)文檔名” 后輸入自己網(wǎng)頁(yè)的首頁(yè)文件名“ Index.asp ”。第四步：在“默認(rèn) Web站點(diǎn)”上單擊右鍵，選“新建一虛擬目錄”，依次在“別名”處輸入“test ”，在“目錄”處輸入“ D: Wy后再按提示操作。 數(shù)據(jù)源（ODBC配置第一步：選擇控制面板中的管理工具打開(kāi)數(shù)據(jù)源（ODB）第二步：在選項(xiàng)卡系統(tǒng) DNS中添加Microsoft Access Driver（*mdb） 驅(qū)動(dòng)并 指定數(shù)據(jù)源為網(wǎng)站的數(shù)據(jù)庫(kù)文件。測(cè)試打開(kāi)瀏覽器，直接在地址欄中輸入：http:/test/i ndex.asp或者 ndex.asp即可。6.2網(wǎng)頁(yè)發(fā)布及網(wǎng)站維護(hù)在測(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)容：即時(shí)更新新聞內(nèi)容留言、信箱、論壇等定期