第 0章 ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)本章將介紹ASP 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)之前應(yīng)適當(dāng)了解的一些入門(mén)知識(shí)。對(duì)這些知識(shí)的學(xué)習(xí)，建議使用如下方法。首先，大概看一遍本章的內(nèi)容，對(duì)其有個(gè)基本的認(rèn)識(shí)（如提到了哪些知識(shí)點(diǎn)）

第 0章 ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

本章將介紹ASP 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)之前應(yīng)適當(dāng)了解的一些入門(mén)知識(shí)。對(duì)這些知識(shí)的學(xué)習(xí)，建議使用如下方法。

首先，大概看一遍本章的內(nèi)容，對(duì)其有個(gè)基本的認(rèn)識(shí)（如提到了哪些知識(shí)點(diǎn)）就可以了。 接著，開(kāi)始學(xué)習(xí)本書(shū)的-個(gè)實(shí)例，在學(xué)習(xí)技術(shù)的過(guò)程中不斷來(lái)這里看看相關(guān)的理論知識(shí)。這樣，既有助于實(shí)例部分的內(nèi)容理解，還可以起到深入掌握本章理論知識(shí)的效果。 0.1

網(wǎng)站的組成

在學(xué)習(xí)動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)技術(shù)之前，我們應(yīng)該清楚一個(gè)網(wǎng)站需要具備什么樣的結(jié)構(gòu)，因?yàn)榫W(wǎng)站的架設(shè)也是圍繞這些來(lái)進(jìn)行的。

1．網(wǎng)站名稱(chēng)

網(wǎng)站的名稱(chēng)就好比我們的名字，知道了網(wǎng)站名稱(chēng)才好稱(chēng)呼，如一個(gè)網(wǎng)站的名稱(chēng)為“中國(guó)紅十字會(huì)”。網(wǎng)站的名稱(chēng)會(huì)在用戶(hù)的瀏覽器窗口的標(biāo)題欄中顯示出來(lái)。

2．網(wǎng)站網(wǎng)址

網(wǎng)站的網(wǎng)址就好比家庭住址，有了這個(gè)地址才能方便地邀請(qǐng)別人來(lái)做客。網(wǎng)站網(wǎng)址既可以是購(gòu)買(mǎi)的頂級(jí)域名，也可以是購(gòu)買(mǎi)空間時(shí)贈(zèng)送的二級(jí)或三級(jí)域名，還可以是網(wǎng)站所在服務(wù)器的IP 地址。

那么，為什么會(huì)出現(xiàn)IP 地址和域名兩種網(wǎng)址呢？這是因?yàn)橛?jì)算機(jī)是個(gè)數(shù)字的世界，任何信息在計(jì)算機(jī)中都會(huì)被表示成數(shù)字的形式。在網(wǎng)絡(luò)世界中，為了準(zhǔn)確地找到目標(biāo)計(jì)算機(jī)，每一臺(tái)計(jì)算機(jī)都必須具有唯一的IP 地址——這就和打電話必須知道對(duì)方全球唯一的電話號(hào)碼一樣。TCP/IPv4中的IP 地址是由32位二進(jìn)制數(shù)字組成，每8位被分成一組，一共4組。組與組之間由半角句號(hào)（俗稱(chēng)“點(diǎn)”）分開(kāi)，這種書(shū)寫(xiě)方法叫做“點(diǎn)分表示法”。為了便于人們記憶，每組數(shù)字一般都是以十進(jìn)制數(shù)字標(biāo)識(shí)，如202.102.48.141。例如，在Windows XP的“命令提示符”窗口中輸入IPconfig 命令并按下“Enter ”鍵后，就會(huì)得到如圖0-1所示的當(dāng)前計(jì)算機(jī)使用的IP 地址——202.102.13.141。

對(duì)于大多數(shù)人來(lái)說(shuō)，用數(shù)字表示的計(jì)算機(jī)網(wǎng)址難以記憶。為了解決這個(gè)問(wèn)題，互聯(lián)網(wǎng)管理機(jī)構(gòu)決定采用便于識(shí)別和記憶的英文或中文名來(lái)表示計(jì)算機(jī)（服務(wù)器）。為了確保網(wǎng)上計(jì)算機(jī)標(biāo)識(shí)的唯一性，互聯(lián)網(wǎng)管理機(jī)構(gòu)制定了一套命名機(jī)制，這就是域名系統(tǒng)。對(duì)于沒(méi)有購(gòu)買(mǎi)域名的服務(wù)器來(lái)說(shuō)，可以使用IP 地址來(lái)直接訪問(wèn)它。

通常，我們把采用域名系統(tǒng)命名的網(wǎng)址稱(chēng)為“域名”或“網(wǎng)址”（網(wǎng)站的IP 地址也可以稱(chēng)為“網(wǎng)址”），域名地址以層次化表示。

ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

圖0-1 查看IP 地址

（1）后綴

最右邊的后綴用于標(biāo)識(shí)域名的性質(zhì)，如cn 表示中國(guó)、edu 表示教育單位。實(shí)際上，由于域名申請(qǐng)的開(kāi)放性，大多數(shù)后綴已放寬了申請(qǐng)限制。我們可以根據(jù)自己的喜好來(lái)注冊(cè).net 或是.com 。這就好比我們可以隨意到某個(gè)城市（隨便使用.com 還是.net ）居住，但城市名稱(chēng)（.com 這樣的后綴）卻不能由我們來(lái)定義。

（2）名稱(chēng)

是域名中間的網(wǎng)站名稱(chēng)，如www.duze.cn ，這個(gè)域名的網(wǎng)站名稱(chēng)就是duze 。這是在注冊(cè)域名時(shí)需要自定義的部分，它在同一種域名后綴中只能是唯一的。也就是說(shuō)，可以有duze.net 和duze.cn ，但不能有兩個(gè)duze.net 。

（3）前綴

最左側(cè)的前綴用于標(biāo)識(shí)網(wǎng)站的類(lèi)別，如：www 表示網(wǎng)絡(luò)服務(wù)。由于申請(qǐng)的域名是duze.net ，所以www 和ftp 這樣的前綴可以自由設(shè)置（不設(shè)置前綴也可以），如zhiguo.duze.net 等。其中，要注意www 和ftp 這樣的前綴名，已經(jīng)約定俗成地供web 服務(wù)和FTP 服務(wù)使用了。

通常，我們可以根據(jù)前綴看出網(wǎng)址對(duì)應(yīng)的是什么內(nèi)容，如下所示。

www ：網(wǎng)站服務(wù)，如www.duze.net 。

ftp ：數(shù)據(jù)上傳下載服務(wù)，如ftp.duze.net 。

bbs ：論壇服務(wù)，如bbs.duze.net 。

mail ：郵局服務(wù)，如mail.duze.net 。

down ：下載服務(wù)，如down.duze.net 。

news ：新聞服務(wù)，如news.duze.net 。

movie ：電影服務(wù)，如movie. duze.net。

music ：音樂(lè)服務(wù)，如music.duze.net 。

除了這些約定俗成的名稱(chēng)外，通常我們都會(huì)以常用的英文單詞或拼音等來(lái)作為前綴，如百度的圖片搜索就是http://image.baidu.com/。

注

意

2 在購(gòu)買(mǎi)域名時(shí)，我們只會(huì)得到duze.net 這樣的域名，而不會(huì)得到www.duze.net 這樣的域名。再次提示，前綴可以自行設(shè)置。

第0

章 ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

（4）協(xié)議

在網(wǎng)址的左側(cè)會(huì)有HTTP （也可以使用小寫(xiě)http ，其全稱(chēng)是Hyper Text Transfer Protocol，中文含義是“超文本傳輸協(xié)議”）的協(xié)議標(biāo)識(shí)，這表示IE 瀏覽器的請(qǐng)求會(huì)由HTTP 負(fù)責(zé)傳送到服務(wù)器，服務(wù)器中存儲(chǔ)的網(wǎng)頁(yè)內(nèi)容也會(huì)由HTTP 負(fù)責(zé)傳送到用戶(hù)的瀏覽器窗口中。

此外，還有FTP 和MMS 等協(xié)議。需要注意的是，協(xié)議與域名前綴是不一樣的。前者決定了數(shù)據(jù)傳輸?shù)姆绞?，后者只是起到提示網(wǎng)站作用的效果罷了。

最后，需要提醒讀者們的是，購(gòu)買(mǎi)頂級(jí)域名雖然很容易，但它有幾點(diǎn)仍需注意。一是域名的名稱(chēng)要反復(fù)斟酌，因?yàn)橐坏┵?gòu)買(mǎi)了就無(wú)法變更了，除非再購(gòu)買(mǎi)新的域名。二是域名一旦使用了，就不能隨便進(jìn)行變更，因?yàn)樽兏鼤?huì)對(duì)網(wǎng)民的訪問(wèn)產(chǎn)生很大的影響。三是盡量不要選擇管理面板不完善、售后服務(wù)質(zhì)量差的域名服務(wù)商，否則后期的域名管理可能會(huì)比較麻煩。

3．存儲(chǔ)空間

通常，我們將存放網(wǎng)站內(nèi)容的計(jì)算機(jī)稱(chēng)為“服務(wù)器”，因?yàn)檫@樣的計(jì)算機(jī)提供了網(wǎng)站訪問(wèn)等服務(wù)。服務(wù)器使用的操作系統(tǒng)通常是UNIX 、Linux 和Windows 中的任一種。本書(shū)中的服務(wù)器環(huán)境均指Windows 。Windows 又分為桌面級(jí)（如Windows XP ）和服務(wù)器級(jí)操作系統(tǒng)（如Windows 2000 Advanced Server和

Windows Server 2003 Enterprise Edition等）。

網(wǎng)站存儲(chǔ)空間是指服務(wù)器中劃分給網(wǎng)站的存儲(chǔ)容量，比如說(shuō)服務(wù)器劃分了100MB 的網(wǎng)站存儲(chǔ)容量，那么網(wǎng)站內(nèi)容的總大小就不能超過(guò)100MB 這個(gè)容量的限制，常見(jiàn)的空間價(jià)格如圖0-2所示。

圖0-2 常見(jiàn)的空間價(jià)格

如果存儲(chǔ)網(wǎng)站的空間是購(gòu)買(mǎi)的，那么通常需要以50MB 或100MB 為單位進(jìn)行付費(fèi)。如果存儲(chǔ)網(wǎng)站的空間是自己的服務(wù)器，那么空間容量通常是服務(wù)器中默認(rèn)網(wǎng)站指向的文件夾所在分區(qū)（如D:web目錄）的可用容量大小。

在準(zhǔn)備網(wǎng)站的存儲(chǔ)空間時(shí)，要注意空間必須支持網(wǎng)站中網(wǎng)頁(yè)的編寫(xiě)語(yǔ)言（請(qǐng)見(jiàn)本章的“建站技術(shù)”部分）。總的來(lái)說(shuō)，網(wǎng)頁(yè)根據(jù)其編寫(xiě)語(yǔ)言可以分為兩大類(lèi)，即靜態(tài)網(wǎng)頁(yè)技術(shù)和動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，這兩種技術(shù)都有其自身的特點(diǎn)。也就是說(shuō)，如果設(shè)計(jì)的是ASP 動(dòng)態(tài)網(wǎng)站，那么購(gòu)買(mǎi)

3

ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

的空間就要支持ASP 才行；如果設(shè)計(jì)的是PHP 網(wǎng)站，那么購(gòu)買(mǎi)的空間就要支持PHP ；如果設(shè)計(jì)的是HTML 純靜態(tài)網(wǎng)站，那么無(wú)論購(gòu)買(mǎi)什么網(wǎng)站空間都可以，因?yàn)槎贾С諬TML 。

4．網(wǎng)頁(yè)

網(wǎng)頁(yè)（Web Pages 或Web Documents ）就是可以通過(guò)IE 等瀏覽器看到的網(wǎng)站文件，網(wǎng)頁(yè)是網(wǎng)站的基本組成單元，它是網(wǎng)站具體內(nèi)容（如文字、圖片、視頻等）的載體，需要通過(guò)不同的網(wǎng)頁(yè)存儲(chǔ)各種各樣的內(nèi)容。

網(wǎng)頁(yè)既可以直接存儲(chǔ)在網(wǎng)站的根目錄下，也可以存儲(chǔ)在單獨(dú)的子文件夾中。網(wǎng)頁(yè)同樣也有網(wǎng)址，如果網(wǎng)頁(yè)是存儲(chǔ)在網(wǎng)站的根目錄下，那么它的網(wǎng)址格式為“網(wǎng)站網(wǎng)址（如http://bbs.duze.net/） 網(wǎng)頁(yè)網(wǎng)址（如index.asp ）”，即“http://bbs.duze.net/index.asp”。如果網(wǎng)頁(yè)是存儲(chǔ)在網(wǎng)站的某個(gè)子文件夾中，那么它的訪問(wèn)格式為“網(wǎng)站網(wǎng)址 文件夾名 網(wǎng)頁(yè)網(wǎng)址”，如“http://bbs.duze.net/news/index.asp”。

其中，首頁(yè)（也稱(chēng)主頁(yè)，即Home Page ）是最重要的頁(yè)面。它的名字根據(jù)實(shí)際需求和使用的網(wǎng)頁(yè)語(yǔ)言不同，文件名和后綴名往往也會(huì)有所不同，如：index.asp 、default.asp 、index.php 、default.cgi 、index.htm 、index.html 、default.htm 和default.html 。

首頁(yè)作為一個(gè)單獨(dú)的網(wǎng)頁(yè)，它相當(dāng)于網(wǎng)站的入口。作為網(wǎng)站的起始點(diǎn)，首頁(yè)匯總了網(wǎng)站主要欄目的鏈接，通過(guò)這些鏈接可以訪問(wèn)網(wǎng)站的方方面面。所以，網(wǎng)站必須設(shè)計(jì)一個(gè)首頁(yè)，并且必須在因特網(wǎng)信息服務(wù)（Internet Information Server, IIS）或購(gòu)買(mǎi)的網(wǎng)站空間管理面板中進(jìn)行指定，如圖0-3所示。

圖0-3 首頁(yè)的設(shè)置 提

示 簡(jiǎn)單地說(shuō)一下網(wǎng)站、網(wǎng)址和網(wǎng)頁(yè)的關(guān)系。一個(gè)網(wǎng)站如同一個(gè)家庭，網(wǎng)址如同家庭地址，而網(wǎng)頁(yè)則如同家庭成員。網(wǎng)民需要通過(guò)網(wǎng)址找到網(wǎng)站，找到網(wǎng)站才能瀏覽其中的網(wǎng)頁(yè)內(nèi)容。

所以，網(wǎng)站不能等同于網(wǎng)頁(yè)或網(wǎng)址來(lái)理解。

5．超鏈接

在網(wǎng)站中，超鏈接（也稱(chēng)“鏈接”）是不可或缺的組成部分，通過(guò)鏈接可以實(shí)現(xiàn)網(wǎng)站中欄目與內(nèi)容、頁(yè)面與頁(yè)面，以及文字/圖片與電子郵件、程序、圖片、音樂(lè)和視頻網(wǎng)址等方面的4

第0

章 ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

關(guān)聯(lián)。比如說(shuō)，在新聞網(wǎng)站中單擊一個(gè)標(biāo)題后，馬上會(huì)打開(kāi)一個(gè)存儲(chǔ)新聞標(biāo)題對(duì)應(yīng)的新聞內(nèi)容的網(wǎng)頁(yè)。這一系列的操作就是由鏈接來(lái)完成的。

使用超鏈接，通?？梢詧?zhí)行下列操作。

定位到網(wǎng)絡(luò)、Intranet 或Internet 上的文件或網(wǎng)頁(yè)；

定位到將來(lái)要?jiǎng)?chuàng)建的文件或網(wǎng)頁(yè)；

發(fā)送電子郵件消息；

啟動(dòng)文件傳送，如下載或上傳。

當(dāng)鼠標(biāo)箭頭指向含有超鏈接的文本或圖片時(shí)，鼠標(biāo)的指針將變成一個(gè)手的形狀，這表示用戶(hù)可以通過(guò)單擊它來(lái)訪問(wèn)對(duì)應(yīng)的內(nèi)容。

0.2

建站技術(shù) 目前，流行的建站技術(shù)多種多樣。但總的來(lái)說(shuō)，可以分為兩大類(lèi)，即靜態(tài)網(wǎng)頁(yè)技術(shù)和動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，這兩種技術(shù)都有其自身的特點(diǎn)。

靜態(tài)網(wǎng)頁(yè)是指使用（超文本置標(biāo)語(yǔ)言，或超文本標(biāo)記語(yǔ)言Hypertext Markup Language, HTML ）編寫(xiě)的各種各樣的Web 文檔，這些網(wǎng)頁(yè)除非使用Dreamweaver 等工具去修改它，否則總是一成不變的。

當(dāng)客戶(hù)端通過(guò)IE 等瀏覽器發(fā)送URL 瀏覽請(qǐng)求給服務(wù)器時(shí)，服務(wù)器在查找到對(duì)應(yīng)的網(wǎng)頁(yè)文件時(shí)，會(huì)直接返回給客戶(hù)端，如圖0-4所示。

圖0-4 靜態(tài)頁(yè)面的瀏覽過(guò)程

在客戶(hù)端的瀏覽器中顯示的頁(yè)面內(nèi)容，和存放在服務(wù)器上的網(wǎng)頁(yè)內(nèi)容完全相同。靜態(tài)網(wǎng)頁(yè)的后綴名通常為.htm 或.html 。

隨著交互性網(wǎng)站的發(fā)展需要，HTML 已經(jīng)滿(mǎn)足不了網(wǎng)站發(fā)展的技術(shù)需求了，動(dòng)態(tài)技術(shù)隨之應(yīng)運(yùn)而生。

當(dāng)靜態(tài)網(wǎng)頁(yè)中有了JavaScript 和VBScript 語(yǔ)言編寫(xiě)的腳本后，客戶(hù)端在打開(kāi)網(wǎng)頁(yè)時(shí)，將

5

ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

會(huì)先執(zhí)行這些腳本語(yǔ)言，進(jìn)而實(shí)現(xiàn)很多動(dòng)態(tài)的頁(yè)面效果，如動(dòng)態(tài)顯示時(shí)間和文本等。

動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)不僅可以為服務(wù)器、客戶(hù)端和網(wǎng)站之間提供極好的互動(dòng)功能，還可以充分發(fā)揮出網(wǎng)站數(shù)據(jù)庫(kù)的效能。當(dāng)用戶(hù)通過(guò)瀏覽器發(fā)出頁(yè)面請(qǐng)求后，服務(wù)器可以根據(jù)頁(yè)面請(qǐng)求產(chǎn)生結(jié)果頁(yè)面，并將它返回給客戶(hù)端。動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)已被廣泛應(yīng)用到聊天室、論壇、網(wǎng)上購(gòu)物和信息管理等交互性網(wǎng)站上。

典型的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)有ASP 、ASP.NET 、PHP 、JSP 和CGI 等，本書(shū)以活動(dòng)服務(wù)頁(yè)面（Active Server Pages，ASP ）技術(shù)為主線，講解在Dreamweaver 中進(jìn)行ASP 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的方法（詳細(xì)介紹請(qǐng)見(jiàn)本章0.4節(jié)）。

ASP 文件的默認(rèn)后綴名為.asp ，如果要在IIS 中運(yùn)行使用其他后綴名保存的文件，只需在IIS 網(wǎng)站屬性的應(yīng)用程序映射中添加一種后綴名，并指定可執(zhí)行文件為asp.dll 即可。實(shí)際上，如果去掉網(wǎng)頁(yè)中包含的、用于實(shí)現(xiàn)動(dòng)態(tài)功能的VBScript 、JavaScript 或ASP 內(nèi)置的對(duì)象等語(yǔ)句，那么它和標(biāo)準(zhǔn)的HTML 文件并沒(méi)有任何區(qū)別。

無(wú)論是靜態(tài)網(wǎng)頁(yè)還是動(dòng)態(tài)網(wǎng)頁(yè)，都需要使用工具來(lái)編寫(xiě)，這就好比我們需要使用Word 編寫(xiě)DOC 文件一樣。由于網(wǎng)頁(yè)文件就是一個(gè)后綴名不同的文本文件，所以我們可以使用任意一種文本編輯器（如記事本）來(lái)進(jìn)行網(wǎng)頁(yè)的開(kāi)發(fā)。但是，設(shè)計(jì)網(wǎng)頁(yè)時(shí)由于必須輸入大量代碼，所以往往會(huì)發(fā)現(xiàn)容易因代碼輸入有誤而出錯(cuò)。所以，使用無(wú)需輸入代碼、“所見(jiàn)即所得”式的網(wǎng)頁(yè)編輯工具，是網(wǎng)站入門(mén)的首選。通常，在網(wǎng)站設(shè)計(jì)過(guò)程中，會(huì)使用如下幾種常用的編輯工具。

1．FrontPage

FrontPage 是微軟開(kāi)發(fā)的網(wǎng)頁(yè)編輯工具，也是最常用的一款編輯工具，一般來(lái)說(shuō)，只要能熟練掌握Word 的用法就能快速掌握該軟件，它特別適合入門(mén)級(jí)網(wǎng)頁(yè)愛(ài)好者，如圖0-5所示。

6

第0

章 ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

圖0-5 FrontPage 窗口

2．Dreamweaver CS3

Dreamweaver 是本書(shū)使用的網(wǎng)頁(yè)設(shè)計(jì)工具，它是由Adobe

公司開(kāi)發(fā)的一款專(zhuān)業(yè)的網(wǎng)頁(yè)制作程序。CS3是Dreamweaver 的最新版本，其全稱(chēng)是“Creative Suite 3”。

Dreamweaver 具有強(qiáng)大的網(wǎng)頁(yè)編輯功能和插件功能，非常適合進(jìn)階級(jí)網(wǎng)頁(yè)設(shè)計(jì)人員或?qū)I(yè)人士使用，如圖0-6所示。

圖0-6 Dreamweaver 窗口

Dreamweaver 支持以下3種編輯模式。

設(shè)計(jì)模式：無(wú)需編寫(xiě)源代碼，即可完成網(wǎng)頁(yè)的設(shè)計(jì)，源代碼會(huì)自動(dòng)生成。

代碼模式：主要用于對(duì)網(wǎng)站進(jìn)行優(yōu)化與維護(hù)。比如，在調(diào)試ASP 代碼的過(guò)程中，如果瀏覽器窗口中出現(xiàn)錯(cuò)誤提示的話，在錯(cuò)誤提示中一般都會(huì)給出頁(yè)面錯(cuò)誤代碼的行號(hào)，如圖0-7所示。此時(shí)就可以在Dreamweaver 的“代碼”視圖中，通過(guò)行號(hào)快速定位并修改出錯(cuò)的語(yǔ)句了。

圖0-7 錯(cuò)誤提示

拆分模式：這種模式下會(huì)同時(shí)提供兩個(gè)窗格，上窗格為“代碼”編輯環(huán)境，下窗格為 7

ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

“設(shè)計(jì)”編輯環(huán)境，如圖0-8所示。

圖0-8 拆分模式

在使用Dreamweaver 進(jìn)行設(shè)計(jì)之前，先對(duì)幾個(gè)知識(shí)點(diǎn)進(jìn)行介紹。

（1）行為

許多優(yōu)秀的網(wǎng)頁(yè)不只包含文本和圖像，還有許多其他交互式效果。例如，一個(gè)網(wǎng)頁(yè)在打開(kāi)的同時(shí)會(huì)響起優(yōu)美的背景音樂(lè)（詳見(jiàn)本書(shū)的第10章“新聞/文章系統(tǒng)”一例中的相關(guān)內(nèi)容），這些都是使用Dreamweaver 中的行為功能實(shí)現(xiàn)的。

什么是行為？Dreamweaver 中的“行為”是一種運(yùn)行在瀏覽器中的JavaScript 代碼，設(shè)計(jì)者可以將其放置在網(wǎng)頁(yè)中，以允許瀏覽者與網(wǎng)頁(yè)本身進(jìn)行交互——JavaScript 代碼只運(yùn)行在客戶(hù)端瀏覽器中，而不會(huì)在服務(wù)器上運(yùn)行。

行為由“事件”和該事件觸發(fā)的“動(dòng)作”組成?！笆录笔侵笧g覽器生成的消息，它指定了該頁(yè)訪問(wèn)者需要執(zhí)行的某種操作。例如，當(dāng)訪問(wèn)者將鼠標(biāo)指針移到某個(gè)鏈接上時(shí)，瀏覽器將為該鏈接生成一個(gè)onMouseOver 事件，頁(yè)面被打開(kāi)時(shí)生成onLoad 事件，頁(yè)面被關(guān)閉時(shí)生成onUnload 事件，等等“動(dòng)作”是指一段預(yù)先編寫(xiě)的JavaScript 代碼，可用于執(zhí)行諸如打開(kāi)瀏覽器窗口、顯示或隱藏AP 元素、播放聲音或停止播放Adobe Shockwave 影片的任務(wù)。例如，將“彈出消息”動(dòng)作附加到一個(gè)鏈接上后，指定它將由onMouseOver 事件觸發(fā)，那么只要用戶(hù)將鼠標(biāo)指針停留在該鏈接的上方，就會(huì)彈出消息。

添加行為時(shí)，需要遵循3個(gè)步驟：選擇對(duì)象→添加動(dòng)作→調(diào)整事件。也就是說(shuō)，先在頁(yè)面中選擇一個(gè)對(duì)象（如一個(gè)鏈接），接著在“行為”浮動(dòng)面板中指定一個(gè)動(dòng)作，然后指定觸發(fā)該動(dòng)作的事件，即可將行為添加到當(dāng)前頁(yè)面中（詳見(jiàn)本書(shū)第2章“留言系統(tǒng)”2.4節(jié)中的相關(guān)內(nèi)容）。

提

示

8 在Dreamweaver 中支持下載（www.adobe.com/go/dreamweaver_exchange_cn）和安裝第三

第0章 ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

方的行為。

下面將介紹Dreamweaver 中一些主要事件的含義。

onAbort ：在載入一幅圖片失敗時(shí)激發(fā)此事件。如，在生成圖片時(shí)單擊瀏覽器的“停止”按鈕。

onAfter ：當(dāng)頁(yè)面中捆綁的數(shù)據(jù)元素完成了數(shù)據(jù)源更新后觸發(fā)該事件。

onBefore ：當(dāng)頁(yè)面中的捆綁數(shù)據(jù)元素被修改并已經(jīng)失去焦點(diǎn)時(shí)觸發(fā)該事件。

onFoucs ：當(dāng)指定元素成為焦點(diǎn)時(shí)將觸發(fā)該事件。例如，單擊表單中的文本編輯將觸發(fā)該事件。

onBlur ：與onFocus 相反。當(dāng)特定元素停止作為用戶(hù)交互的焦點(diǎn)時(shí)觸發(fā)該事件。 Bounce ：元素的內(nèi)容到達(dá)其邊界時(shí)將觸發(fā)該事件。

onChange ：改變頁(yè)面中的數(shù)值時(shí)將觸發(fā)該事件。例如，當(dāng)用戶(hù)在菜單中選擇了一個(gè)項(xiàng)目，或者修改了文本區(qū)中的數(shù)值時(shí)。

onKeyUp ：按下按鍵后釋放該鍵時(shí)觸發(fā)該事件。

onLoad ：當(dāng)圖片或頁(yè)面完成載入后觸發(fā)該事件。

onMouse Down：當(dāng)用戶(hù)按下鼠標(biāo)按鍵（不釋放鼠標(biāo)按鍵）時(shí)觸發(fā)該事件。 onMouse Move：當(dāng)鼠標(biāo)指針停留在對(duì)象邊界內(nèi)時(shí)觸發(fā)該事件。

onMouse Out：當(dāng)鼠標(biāo)指針離開(kāi)對(duì)象邊界時(shí)觸發(fā)該事件。

onMouse Oove：當(dāng)鼠標(biāo)指向特定對(duì)象時(shí)觸發(fā)該事件，該事件通常用于鏈接。 onMouse Up：當(dāng)按下的鼠標(biāo)按鍵被釋放時(shí)觸發(fā)該事件。

on Move：移動(dòng)窗口或框架時(shí)將觸發(fā)該事件。

onClick ：?jiǎn)螕粼兀ㄈ绯?jí)鏈接、圖片、圖片影像、按鈕）時(shí)將觸發(fā)該事件。 onDblClick ：雙擊選定元素將觸發(fā)該事件。

onError ：在頁(yè)面或圖片發(fā)生裝載錯(cuò)誤時(shí)將觸發(fā)該事件。

onFinish ：當(dāng)選取框內(nèi)容已經(jīng)成了一個(gè)循環(huán)后將觸發(fā)該事件。

onHelp ：當(dāng)用戶(hù)單擊瀏覽器的“幫助”按鈕，或從菜單中選擇“幫助”命令時(shí)將觸發(fā)該事件。

onKeyDown ：當(dāng)用戶(hù)按下任意鍵時(shí)觸發(fā)該事件。

onKeyPress ：當(dāng)用戶(hù)按下并釋放任意鍵時(shí)觸發(fā)該事件。它相當(dāng)于onKeyDown 或onKeyUp 事件的聯(lián)合。

onReset ：當(dāng)表單被復(fù)位到其默認(rèn)值時(shí)觸發(fā)該事件。

onResize ：當(dāng)用戶(hù)調(diào)整瀏覽器窗口或框架尺寸時(shí)觸發(fā)該事件。

onRowEnter ：當(dāng)捆綁數(shù)據(jù)源的當(dāng)前記錄指針改變時(shí)觸發(fā)該事件。

onRowExit ：當(dāng)捆綁數(shù)據(jù)源的當(dāng)前記錄指針改變后觸發(fā)該事件。

onScroll ：當(dāng)上下滾動(dòng)時(shí)觸發(fā)該事件。

onselect ：在文本區(qū)域選定文本時(shí)觸發(fā)該事件。

onStart ：當(dāng)編輯框中的內(nèi)容開(kāi)始循環(huán)時(shí)觸發(fā)該事件。

9

ASP 動(dòng)態(tài)網(wǎng)站設(shè)計(jì)入門(mén)

onSubmit ：確認(rèn)表單時(shí)觸發(fā)該事件。

onUnload ：離開(kāi)頁(yè)面時(shí)觸發(fā)該事件。

（2）表單

表單是Internet 用戶(hù)和服務(wù)器之間進(jìn)行信息交流的一種重要工具。讀者可以使用Dreamweaver 創(chuàng)建帶有文本域、密碼域、單選按鈕、復(fù)選框、彈出菜單和按鈕等對(duì)象（也稱(chēng)為元素）的表單。

表單可以分為兩個(gè)部分，即表單對(duì)象部分和應(yīng)用程序部分。也就是說(shuō)，首先要添加一個(gè)表單域，然后在表單域中添加各種對(duì)象（詳見(jiàn)本書(shū)第2章“留言系統(tǒng)”2.4節(jié)中的相關(guān)內(nèi)容）。此時(shí)的表單只是一個(gè)外殼而已，不具有真正工作的能力，它還需要后臺(tái)程序的支持。因此，在完成這些基本內(nèi)容的輸入后，還需要進(jìn)行表單對(duì)應(yīng)程序的設(shè)計(jì)。

在Dreamweaver 中有一個(gè)“表單”工具條，如圖0-9所示。

圖0-9 表單工具條

其中，常用的對(duì)象有如下。

表單：在文檔中創(chuàng)建一個(gè)表單域，其形狀為一個(gè)紅色的線框。

文本字段：即文本框，它可以支持輸入任意文本，包括字母、數(shù)字及其他字符。該類(lèi)型又分為單行文本框、多行文本框和密碼文本框（可在屬性面板中設(shè)置）。

隱藏域：用于傳遞某些在網(wǎng)頁(yè)中不需要被用戶(hù)干預(yù)的信息。

文本區(qū)域：可以任意輸入多行文本，包括字母、數(shù)字及其他字符。

復(fù)選框：提供多個(gè)選項(xiàng)，即在一組選項(xiàng)中可同時(shí)選擇多個(gè)項(xiàng)。

單選按鈕：提供單項(xiàng)選擇，即在一組選項(xiàng)中只能選擇其中的一個(gè)。

單選按鈕組：一次可以創(chuàng)建一組（多個(gè)）單選按鈕。

列表/菜單：“列表”是普通列表框，供用戶(hù)在列表框中選擇一項(xiàng)或多項(xiàng)；“菜單”為菜單式列表框，如果用戶(hù)希望選擇其中一項(xiàng)后能夠打開(kāi)指定的網(wǎng)頁(yè)，則必須與跳轉(zhuǎn)菜單結(jié)合使用。

跳轉(zhuǎn)菜單：可以實(shí)現(xiàn)在頁(yè)面中插入一個(gè)菜單列表框，并將菜單中的每一項(xiàng)鏈接到指定的網(wǎng)頁(yè)。當(dāng)選擇某項(xiàng)后，瀏覽器即打開(kāi)該項(xiàng)鏈接的網(wǎng)頁(yè)。

圖像域：可以使用圖片替代提交按鈕。

文件域：上載文件時(shí)使用。

按鈕：接受鼠標(biāo)單擊并執(zhí)行指定的任務(wù)。該類(lèi)型又分為提交表單、無(wú)（普通按鈕）和重置表單（復(fù)位按鈕）。

提

示 在本章0.3節(jié)的第3部分中，對(duì)表單標(biāo)識(shí)也進(jìn)行了簡(jiǎn)單介紹。

（3）CSS

10