第一篇：用dreamweaver開(kāi)發(fā)ASP留言簿實(shí)訓(xùn)教程

用dreamweaver開(kāi)發(fā)ASP留言簿的實(shí)訓(xùn)教程

一個(gè)簡(jiǎn)單的ASP留言本，這個(gè)留言本用了Access數(shù)據(jù)庫(kù)。創(chuàng)建ASP的運(yùn)行環(huán)境（安裝IIS）

IIS(Internet Information Service)是構(gòu)建ASP站點(diǎn)所必須的，所以，我們應(yīng)該先確認(rèn)自己的電腦已安裝了IIS信息服務(wù)，如果沒(méi)有安裝好的話，請(qǐng)按以下步驟：

1、打開(kāi)“控制面板”

2、雙擊“添加/刪除程序”

3、單擊“添加/刪除Windows組件”，打開(kāi)添加/刪除Windows組件對(duì)話框：

3、從下拉的列表中選擇“Internet 信息服務(wù)(IIS)”單擊“下一步”：

4、出現(xiàn)組件安裝進(jìn)度窗口，如彈出需要安裝盤的話，放入Windows2000安裝盤，按提示操作即可。直至最后安裝完畢。

二、設(shè)計(jì)數(shù)據(jù)庫(kù)

ASP程序本身并不能儲(chǔ)存數(shù)據(jù)，眾所周知，留言本有以下信息需要保存：留言者姓名、聯(lián)系方式、留言內(nèi)容等等。因?yàn)锳SP并不能儲(chǔ)存數(shù)據(jù)，所以數(shù)據(jù)庫(kù)在這種環(huán)境之下就產(chǎn)生了。數(shù)據(jù)庫(kù)的種類也很多，針對(duì)不同的程序也有適用于它的數(shù)據(jù)庫(kù)，比如Access和Ms SQL就比較適用ASP和ASP.net程序，至于其它的數(shù)據(jù)庫(kù)和程序，就不屬于本文所討論的問(wèn)題了，有興趣的朋友可以查看其它一些資料。

那么既然Access和MS SQL都適用ASP，那么具體又如何來(lái)選擇呢？

數(shù)據(jù)庫(kù)也一樣：Access比較適用小型的應(yīng)用，而MS SQL則適用于大中型的數(shù)據(jù)庫(kù)應(yīng)用，所以要做一個(gè)留言本，理所當(dāng)然是選擇Access更好一些，但是如果你決心使用MS，沒(méi)有人會(huì)極力阻止你。好了，廢話少說(shuō)，切入正題，下面開(kāi)始創(chuàng)建數(shù)據(jù)庫(kù)。

Access是微軟office辦公軟件中的其中一個(gè)，默認(rèn)的安裝Office是有這個(gè)Access的，好了，打開(kāi)程序，開(kāi)始了,GO!

進(jìn)入實(shí)戰(zhàn)了。打開(kāi)程序后，出現(xiàn)一個(gè)對(duì)話框，這里我們選擇第一個(gè)選項(xiàng)＂空Access數(shù)據(jù)庫(kù)＂點(diǎn)擊確定，彈出一個(gè)新建數(shù)據(jù)庫(kù)的文件框，選擇你上次你建的站點(diǎn)目錄，起個(gè)data的文件名，點(diǎn)擊創(chuàng)建，OK!雙擊＂使用設(shè)計(jì)器創(chuàng)建表＂打開(kāi)表創(chuàng)建窗口＂如圖

創(chuàng)建表的結(jié)構(gòu)如下表： 字段名稱

數(shù)據(jù)類型

備注(筆者注釋)id

自動(dòng)編號(hào)

設(shè)置“自動(dòng)編號(hào)”

name

文本

留言者姓名

qq

數(shù)字

留言者的QQ，因?yàn)镼Q號(hào)是由數(shù)字組成email

文本

留言者的電子郵件

content

備注

留言內(nèi)容

data

日期/時(shí)間

留言時(shí)間，設(shè)定默認(rèn)值為Now()

數(shù)據(jù)庫(kù)設(shè)計(jì)好了以后，可以直接在數(shù)據(jù)庫(kù)里添加兩條記錄，以后測(cè)試時(shí)候用！

三、連接數(shù)據(jù)庫(kù)

在上一節(jié)，我們已經(jīng)為我們的程序創(chuàng)建了一個(gè)數(shù)據(jù)庫(kù)，在這一節(jié)中，我們來(lái)用ASP把程序和數(shù)據(jù)庫(kù)連接起來(lái)，以后就可以連接到數(shù)據(jù)庫(kù)、在ASP中顯示數(shù)據(jù)庫(kù)中的數(shù)據(jù)以及更復(fù)雜的插入、修改和刪除。

一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫(kù)的代碼： <% set conn=server.createobject(“adodb.connection”)

connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb”)conn.open connstr %>

解釋一下以上代碼：

<%

'這是ASP程序的起始

set conn=server.createobject(“adodb.connection”)'在服務(wù)器上創(chuàng)建了一個(gè)連接數(shù)據(jù)庫(kù)的對(duì)象 connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb ”)

'告訴ASP數(shù)據(jù)庫(kù)的接接方法以及路徑.即服務(wù)器端當(dāng)前文件夾下data.mdb conn.open connstr

'創(chuàng)建了對(duì)象后就用來(lái)打開(kāi)數(shù)據(jù)庫(kù)進(jìn)行連接 %>

' 一切OK了!結(jié)束ASP程序

將上面的代碼另存為conn.asp文件，放在服務(wù)器目錄下面就可以了。

這一節(jié)是最重要的，一定要弄明白，否則以后操作數(shù)據(jù)庫(kù)將變得不現(xiàn)實(shí)，如果有不懂的問(wèn)題，歡迎和我討論，我的電子郵件地址是。這一節(jié)就到此，下節(jié)我們就將數(shù)據(jù)庫(kù)中的數(shù)據(jù)顯示在頁(yè)面中（這就實(shí)現(xiàn)了留言本的查看功能）

四、制作留言本首頁(yè)

前面我們已經(jīng)連接好了數(shù)據(jù)庫(kù)，就要讓它在這里發(fā)揮一下作用了，這一節(jié)將講述如何將數(shù)據(jù)庫(kù)里的數(shù)據(jù)用ASP讀取出來(lái)，在頁(yè)面中顯示出來(lái)，這樣就等于是查看留言本了。

利用DW制作如下頁(yè)面（這里我就不講如何去做這個(gè)頁(yè)面了，最后我將會(huì)給出HTML代碼下載）

將制作好的文件存為index.asp，下面就創(chuàng)建數(shù)據(jù)記錄集，用來(lái)顯示數(shù)據(jù)庫(kù)的數(shù)據(jù)到這個(gè)頁(yè)面中：

用記事本打開(kāi)index.asp，在頁(yè)頭加入以下代碼：

<%@LANGUAGE=“VBScript” codepage=“936”%>

<% set rs=server.createobject(“adodb.recordset”)sql=“select user,qq,email,content,data from main order by id desc” rs.open sql,conn,1,1 %>

解釋一下：

第一行，表明ASP使用的是VB腳本

第二行，是用include包含文件，這里包含的是數(shù)據(jù)庫(kù)連接文件。第三行，ASP程序開(kāi)始

第四行，利用Server內(nèi)置對(duì)象創(chuàng)建一個(gè)記錄集

第五行, SQL語(yǔ)句，這里的意思是選擇數(shù)據(jù)庫(kù)中的user,qq,email,content,data字段，指定該數(shù)據(jù)表的名稱是“main”數(shù)據(jù)的排列順序是倒序。

第六行，用剛才創(chuàng)建的名為rs的記錄集打開(kāi)數(shù)據(jù)庫(kù)，設(shè)置屬性為只讀（1,1為只讀數(shù)據(jù),1,3為插入數(shù)據(jù)，2,3是修改數(shù)據(jù)。

這樣就打開(kāi)了數(shù)據(jù)庫(kù)，接下來(lái)就可以顯示了。將“留言人”代替為“<%=rs(“user”)%> “時(shí)間”代替為“<%=rs(“data”)%> “留言內(nèi)容在此”代替為“<%=rs(“content”)%> “QQ”鏈接到：http://search.tencent.com/cgi-bin/friend/use...;%=rs(“qq”)%> 4 “郵件”鏈接到：mailto:<%=rs(“email”)%> 最后將“填寫留言”鏈接 add.asp “管理留言”鏈接 admin.asp

好了，再次保存，瀏覽看看！

怎么只顯示一條記錄？原來(lái)我們?cè)跀?shù)據(jù)庫(kù)里添加了兩條記錄的哦！還有一條呢？別急，因?yàn)槲覀儧](méi)有指定ASP循環(huán)顯示，所以就只有一條啦。。在剛才的代碼后面添加一行 <%do while not rs.eof%>

并在頁(yè)面的第一個(gè)表格的末尾加上

<% rs.movenext loop %>

上面的代碼就是說(shuō)用rs記錄集指針一條一條往下一條移動(dòng)，直到末尾，loop是循環(huán)的意思。哈哈，再次瀏覽這個(gè)文件

看明白了嗎，這樣就可以讓數(shù)據(jù)庫(kù)中的數(shù)據(jù)全部顯示在頁(yè)面中了，好了，這節(jié)就到這，下節(jié)講一個(gè)也很重要的部份（添加留言功能。)

五、制作添加留言頁(yè)面，實(shí)現(xiàn)留言功能

我們是做的一個(gè)留言本，實(shí)現(xiàn)留言的功能就十分重要了，要不然就算不上留言本了，接下來(lái)就一起來(lái)實(shí)現(xiàn)這個(gè)功能。

用DW制作以下這樣的頁(yè)面：

設(shè)置表單的屬性如下：

姓名：設(shè)置為單行文本域，名稱為“user”

QQ號(hào)：設(shè)置為單行文本域，名稱為“qq” 郵件：設(shè)置為單行文本域，名稱為“email” 內(nèi)容：設(shè)置為多行文本域，名稱為“content”

最后將表單的“Action”動(dòng)作指向addsave.asp就可以了。

保存文檔名為add.asp，OK！下一步！

表單是做好了，但是還需要后臺(tái)程序的支持，一起來(lái)使用ASP編寫一個(gè)添加留言處理程序，添加留言代碼：

<%@LANGUAGE=“VBScript” codepage=“936”%>

'表明ASP使用的是VB腳本

'是用include包含文件，這里包含的是數(shù)據(jù)庫(kù)連接文件 <% set rs=server.createobject(“adodb.recordset”)

'利用Server內(nèi)置對(duì)象創(chuàng)建一個(gè)記錄集 sql=“select user,qq,email,content,data from main”

'SQL語(yǔ)句，上節(jié)有詳解

rs.open sql,conn,1,'用剛才創(chuàng)建的名為rs的記錄集打開(kāi)數(shù)據(jù)庫(kù)，設(shè)置屬性為插入數(shù)據(jù) rs.addnew

'用記錄集新添加一條數(shù)據(jù) user=request.form(“user”)

'請(qǐng)求表單的變量，定義變量為user，這里request.form是請(qǐng)求表單的意思 qq=request.form(“qq”)

'請(qǐng)求表單的變量，定義變量為qq email=request.form(“email”)

'請(qǐng)求表單的變量，定義變量為content=request.form(“content”)

'請(qǐng)求表單的變量，定義變量為content rs(“user”)=user

'將請(qǐng)求到的表單值傳向記錄集中代表user字段的名稱

email rs(“qq”)=qq

'將請(qǐng)求到的表單值傳向記錄集中代表qq字段的名稱

rs(“email”)=email

'將請(qǐng)求到的表單值傳向記錄集中代表email字段的名稱

rs(“content”)=content

'將請(qǐng)求到的表單值傳向記錄集中代表content字段的名稱 rs.update

'更新一下數(shù)據(jù)庫(kù)中的數(shù)據(jù)。rs.close

'關(guān)閉記錄集 set rs=nothing

'銷毀記錄集 conn.close

'關(guān)閉數(shù)據(jù)庫(kù)連接 set rs=nothing

'銷毀數(shù)據(jù)庫(kù)連接 %>

將以上文件存為addsave.asp，測(cè)試下！咦？怎么填好提交以后就出現(xiàn)空白了，為什么？這是因?yàn)樵赼ddsave.asp中沒(méi)有設(shè)置數(shù)據(jù)成功提交好后的轉(zhuǎn)向頁(yè)面，這里不用做那么復(fù)雜的，只要做一個(gè)刷新頁(yè)面就行了，在程序的后面加上：

然后在頁(yè)面中添加提示信息，比如：“您的留言已經(jīng)成功提交，2秒鐘后將自動(dòng)返回留言本首頁(yè)”

好了，這個(gè)留言的功能總算實(shí)現(xiàn)了，最后再測(cè)試下，看看效果！

六、制作管理登陸頁(yè)面

留言本的管理功能對(duì)于留言本來(lái)說(shuō)就不言而喻了，像論壇的登陸功能就是一個(gè)很好的例子，不過(guò)我們做留言本基本上有刪除功能就行了，寫這個(gè)教程是為了更多的ASP入門者更好的了解ASP，所以旨在學(xué)習(xí)用，當(dāng)然也可以在這基礎(chǔ)上添加更多的功能，比如回復(fù)留言者。

好了，開(kāi)始了，還是按照以前的，用Dreamweaver做一個(gè)登陸頁(yè)面，如下圖：

把用戶名的表單名稱設(shè)置為admin，密碼的表單名稱設(shè)為password，把動(dòng)作指向checkpass.asp，存admin.asp這樣登陸頁(yè)面就好了，下面就做檢測(cè)密碼的ASP程序了，看以下代碼解釋：

'把conn.asp包含進(jìn)來(lái)連接數(shù)據(jù)庫(kù) <% 'ASP起始 admin=request.form(“admin”)'定義admin的值是表單傳過(guò)來(lái)的用戶名域名稱admin password=request.form(“password”)'定義admin的值是表單傳過(guò)來(lái)的用戶名域名稱admin if admin=“" or password=”“ then '這句的意思是假如用戶名和密碼沒(méi)有輸入的話那么執(zhí)行下一句

response.Write(”“)'用javascript腳本提示用戶 end if '結(jié)束if語(yǔ)句

sql=”select * from admin where admin='“&admin&”' and password='“&password&”'“ '這句很重要，查詢admin表中用戶名和密碼與輸入的是否一致。set rs=conn.execute(sql)'設(shè)定記錄集rs，用conn執(zhí)行SQL語(yǔ)句 if rs.eof or rs.bof then '當(dāng)沒(méi)有符合篩選結(jié)果時(shí)，則執(zhí)行下面的句子 response.write ”“ '用javascript腳本提示用戶 else '如果符合條件的時(shí)候

session(”admin“)=admin

'新建session，值等于表單傳來(lái)的用戶名 response.redirect ”mymanage.asp“ '轉(zhuǎn)向到mymanage.asp，進(jìn)入管理頁(yè) end if '結(jié)束if語(yǔ)句 %> 'ASP結(jié)束

將以上代碼保存為checkpass.asp

這樣，用戶在admin.asp頁(yè)面中輸入用戶名和密碼后，就把用戶名和密碼值傳給checkpass.asp處理，當(dāng)用戶名和密碼的值和數(shù)據(jù)庫(kù)中的字段相匹配時(shí)，就進(jìn)入mymanage.asp這個(gè)管理頁(yè)面，同時(shí)建一個(gè)session，這個(gè)session的會(huì)話變量將在后面起作用，下一節(jié)就明白了。

七、制作管理頁(yè)面

上節(jié)中講的是制作登陸頁(yè)面和檢測(cè)用戶，當(dāng)用戶名和密碼正確時(shí)就轉(zhuǎn)到管理頁(yè)面，好了，開(kāi)始實(shí)現(xiàn)它。其實(shí)這個(gè)留言本的管理頁(yè)面和用戶直接看到的首頁(yè)沒(méi)有多大的區(qū)別，只是用了Session會(huì)話變量用作保護(hù)和增加了一個(gè)刪除鏈接，當(dāng)點(diǎn)擊這個(gè)鏈接的時(shí)候，就會(huì)自動(dòng)刪除這條留言，好了，其本的目的知道了，那就GO！

剛才講了，這個(gè)頁(yè)面和首頁(yè)的index.asp相似，那么就先復(fù)制就行了，然后再改一下

首先找到下面這句：

sql=”select user,qq,email,content,data from main order by id desc“ 把它改為：

sql=”select id,user,qq,email,content,data from main order by id desc“ 這樣，就選取到了id這個(gè)自動(dòng)編號(hào)的值，以便刪除留言時(shí)鎖定這個(gè)id。

然后在“郵件”這個(gè)鏈接后面增加一個(gè)鏈接“刪除”，鏈接：del.asp?id=<%=rs(”id“)，修改代碼后為“ onclick=”return confirm('是否確定刪除本留言？');“>刪除 這樣，待會(huì)我們做del這個(gè)頁(yè)的時(shí)候，就會(huì)知道為什么了！

改過(guò)后存為mymanage.asp

現(xiàn)在打開(kāi)瀏覽器看看！

怎么不用輸入用戶名和密碼都可進(jìn)入呀？別急，上節(jié)中，我們不是建了一個(gè)session的會(huì)話變量，這時(shí)就派上用場(chǎng)了，直接用記事本打開(kāi)。

在<%@LANGUAGE=”VBScript“ codepage=”936“%>這句的后面加上

<% if session(”admin“)<>”“

then %> 這句，在末尾寫上：

<% else response.Redirect(”admin.asp“)end if %> 下面來(lái)講解一下。

<% if session(”admin“)<>”“ then %> '就是說(shuō)如果session這個(gè)(”admin“)的值不是空的話就執(zhí)行。怎樣才不為空呢，只是在admin 登錄成功時(shí)，才給session(”admin“)=admin <% else response.Redirect(”admin.asp“)end if %> '為空的話就轉(zhuǎn)向登陸頁(yè)，重新登陸，這樣的話，直接輸入網(wǎng)址的話就會(huì)跳到admin.asp，簡(jiǎn)單吧！

八、刪除留言

上節(jié)我們?cè)黾恿艘粋€(gè)刪除留言的鏈接，以下是這個(gè)del.asp的代碼

<% set rs=server.createobject(”adodb.recordset“)id=Request.QueryString(”id“)sql=”select * from main where id=“&id rs.open sql,conn,2,3 rs.delete rs.update %>

很明了吧，才幾句，第1、2、3句都不用解釋了，大家都在上幾節(jié)中明白了。

第4句：id=Request.QueryString(”id“)用id取值字符串中傳的id，回頭看一下刪除的鏈接：del.asp?id=<%=rs(”id“)%> 就是這個(gè)鏈接才把id的值傳來(lái)的，<%=rs(”id")%>是讀取數(shù)據(jù)庫(kù)中的自動(dòng)編號(hào)字段中的id。

第5句：用sql定義SQL語(yǔ)句，這里的*是通配符，表示所有，而Where有點(diǎn)像我們漢語(yǔ)中的“當(dāng)”，整句話的意思是選擇所有來(lái)自表名為main的字段，它的條件是當(dāng)數(shù)據(jù)庫(kù)中的id字段是字串所傳來(lái)的id。如果這個(gè)沒(méi)有的話這個(gè)一時(shí)間不明白也不要緊，慢慢接觸就知道了。

第6句是打開(kāi)符合條件的記錄，確切的講不應(yīng)該叫記錄集了，因?yàn)榻?jīng)過(guò)我們這樣篩選的話，記錄絕對(duì)是一條，2，3指定可以對(duì)數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)入修改。

第7、8句：

rs.delete 看了就明白了，原來(lái)這才是整個(gè)程序的精髓，就是執(zhí)行刪除了。rs.update 這是更新數(shù)據(jù)庫(kù)中的表，刪除后就更新。

最后大家自己用rs.close和conn.close釋放。

第二篇：ASP進(jìn)階教程Ⅷ：數(shù)據(jù)庫(kù)版本的留言簿

在前面我們介紹了文件版本的留言簿，現(xiàn)在我們不妨來(lái)設(shè)想一下：如果留言文件里面的留言很多，而你又急于想尋找其中的某條留言時(shí)，這時(shí)打開(kāi)txt留言文件，對(duì)著一段段的留言記錄，你敢擔(dān)保你不會(huì)當(dāng)場(chǎng)暈倒嗎？而且文件留言簿最令人討厭還遠(yuǎn)不只是這個(gè)原因，更氣人的是：譬如你已經(jīng)找到了你要找的留言，而且是非要將其刪除不可（當(dāng)然是因?yàn)槟嵌瘟粞跃购敛涣羟榈赝隳樕夏ê诘木売衫玻敲创藭r(shí)其余想對(duì)你大發(fā)贊賞之言的朋友，就會(huì)因?yàn)槟阏谧隽粞詣h除的操作而不能留言了。看，這有多可惜！不過(guò)，你也無(wú)須嘆氣，雖然留言文件不能供多人共用，但是改成數(shù)據(jù)庫(kù)來(lái)管理留言記錄，當(dāng)你在做刪除留言的期間，訪問(wèn)者的留言還是可以加進(jìn)來(lái)的。既然數(shù)據(jù)庫(kù)留言簿能對(duì)你的系統(tǒng)如此照顧入微，我們現(xiàn)在就事不宜遲，立即來(lái)揭開(kāi)她的廬山真面目。

至于如何建立自已的數(shù)據(jù)庫(kù)版本的留言簿，我們還是通過(guò)分步驟的方法來(lái)說(shuō)明吧。要編寫一個(gè)數(shù)據(jù)庫(kù)版本的留言簿，我們大致可以從以下三個(gè)步驟來(lái)完成。

步驟一：使用Access先建立用來(lái)存放留言的數(shù)據(jù)表。（當(dāng)然，如果你想使你的數(shù)據(jù)庫(kù)能很好地工作在高需求、高質(zhì)量的Web應(yīng)用程序的客戶-服務(wù)器數(shù)據(jù)庫(kù)，而且無(wú)論是在性能還是在可靠性上都能經(jīng)受得起嚴(yán)格的考驗(yàn)，那么你最好是用服務(wù)器等級(jí)的數(shù)據(jù)庫(kù)，如：SQL server、Oracle等。對(duì)于非服務(wù)器等級(jí)的數(shù)據(jù)庫(kù)，我推薦使用Access中文版來(lái)建立。凡是用Access來(lái)建立的數(shù)據(jù)表，都是以.mdb為后綴名，如：book0.mdb。)Access的界面非常友好，操作也非常簡(jiǎn)便，相信聰明的讀者們，即使以往從未用過(guò)Access的，只要?jiǎng)邮衷囋嚕捕芎芸鞂?duì)其駑駕自如，所以我在這里也就不再贅述（當(dāng)然也不排除有那么幾分懶惰的成份）。

步驟二：設(shè)計(jì)一個(gè)留言表單的網(wǎng)頁(yè)也同樣是不可或缺的。（如：guestbook0.htm)。

步驟三：又到編寫處理留言的ASP程序了。（我們可以將下述代碼COPY下來(lái)，然后另存為manage0a.asp文件。）

$#@60;!--#include file=“adovbs.inc”--$#@62;調(diào)用adovbs.inc文件，所謂inc 文件顧名思義是include file的意思,adovbs.inc是IIS/PWS所提供的文件，存放著ADO相關(guān)常數(shù)的定義，使用inc文件可以使我們的程序，增加可讀性，更易于開(kāi)發(fā)和維護(hù)。

$#@60;% Function SqlStr(data)SqlStr = “" & Replace(data ”, “")& ”“ End Function

這里用了SqlStr函數(shù)，其作用是將數(shù)據(jù)中的一個(gè)單引號(hào)改成兩個(gè)單引號(hào)，并且在前后加上單引號(hào)。之所以要用該函數(shù)是由于上網(wǎng)者輸入的數(shù)據(jù)必須以用單引號(hào)括起來(lái)的形式輸入的數(shù)據(jù)與Insert Into命令組合在一起，但是如果用戶輸入的數(shù)據(jù)含有單引號(hào)，則輸入的數(shù)據(jù)將會(huì)產(chǎn)生錯(cuò)誤，因此輸入的數(shù)據(jù)必須經(jīng)過(guò)SqlStr的切換（將單引號(hào)切換成兩個(gè)單引號(hào)）才是正確的。

Name = Request(”Name“)Tel=Request(”Tel“)Email = Request(”Email“)Subject = Request(”Subject“)Memo = Request(”Memo“)

從留言表單取得數(shù)據(jù)

If Name = ”“ Or Tel=”“ Or Email = ”“ Or Subject = ”“ Or Memo = ”“ Then Response.Write ”輸入框不能為空白!“ Response.End End If

檢查表單的各輸入框是否有信息輸入，若留有空輸入框沒(méi)填則顯示說(shuō)明信息：”輸入框不能為空白!“ 并停止執(zhí)行下面的程序。

Set conn = Server.CreateObject(”ADODB.Connection“)用Server.CreateObject取得對(duì)象ADODB.Connection。因?yàn)樵贏SP中，如果要訪問(wèn)數(shù)據(jù)必須首先創(chuàng)建與數(shù)據(jù)庫(kù)的鏈接，因此建立連接是存取Web數(shù)據(jù)庫(kù)不可缺少的步驟，執(zhí)行以上語(yǔ)句之后，conn便是一個(gè)Connection對(duì)象。

DBPath = Server.MapPath(”book0.mdb“)

通過(guò)調(diào)用服務(wù)器對(duì)象的MapPath方法來(lái)獲取book0.mdb的完整路徑。

conn.Open ”driver={Microsoft Access Driver(*.mdb)};dbq=“ &DBPath

因?yàn)槲覀兿氪蜷_(kāi)的是Access(.mdb)數(shù)據(jù)庫(kù)，所以我們要透過(guò)Access的ODBC驅(qū)動(dòng)程序{Microsoft Access Driver(*.mdb)}來(lái)存取數(shù)據(jù)庫(kù)，dbp參數(shù)則是用來(lái)指定想打開(kāi)的數(shù)據(jù)庫(kù)文件，因?yàn)樗仨毷峭暾窂矫Q，所以我們上一語(yǔ)句用了Server.MapPath 函數(shù)。

Name = Left(Name, 40)Tel = Left(Tel,10)Email = Left(Email, 80)Subject = Left(Subject, 127)

截短輸入到各字段里數(shù)據(jù)的長(zhǎng)度，以避免因輸入到某一字段中的數(shù)據(jù)超長(zhǎng)而引發(fā)的錯(cuò)誤，當(dāng)然假如我們將數(shù)據(jù)庫(kù)book0.mdb中的各字段的數(shù)據(jù)類型都有設(shè)為“備注”，我們則再無(wú)需擔(dān)心上網(wǎng)者所輸入的數(shù)據(jù)有多長(zhǎng)。

sql = ”Insert Into GuestBook(姓名, 電話, Email, 主題, 留言)Values(“ sql = sql&SqlStr(Name)& ”, “ sql = sql&SqlStr(Tel)& ”, “ sql = sql&SqlStr(Email)& ”, “ sql = sql&SqlStr(Subject)& ”, “ sql = sql&SqlStr(Memo)& ”)“ 在”guestbook"數(shù)據(jù)表中增加一個(gè)數(shù)據(jù)記錄，然后把其中的各字段(姓名, 電話, Email, 主題, 留言)分別設(shè)置成從留言表單上取下的對(duì)應(yīng)的數(shù)據(jù)。

conn.Executesql 執(zhí)行sql指令。

第三篇：ASP進(jìn)階教程四：數(shù)據(jù)庫(kù)版本的留言簿

ASP進(jìn)階教程四：數(shù)據(jù)庫(kù)版本的留言簿

如何建立自已的數(shù)據(jù)庫(kù)版本的留言簿，我們還是通過(guò)分步驟的方法來(lái)說(shuō)明吧。要編寫一個(gè)數(shù)據(jù)庫(kù)版本的留言簿，我們大致可以從以下三個(gè)步驟來(lái)完成。

步驟一：使用Access先建立用來(lái)存放留言的數(shù)據(jù)表。（當(dāng)然，如果你想使你的數(shù)據(jù)庫(kù)能很好地工作在高需求、高質(zhì)量的Web應(yīng)用程序的客戶-服務(wù)器數(shù)據(jù)庫(kù)，而且無(wú)論是在性能還是在可靠性上都能經(jīng)受得起嚴(yán)格的考驗(yàn)，那么你最好是用服務(wù)器等級(jí)的數(shù)據(jù)庫(kù)，如：SQL server、Oracle等。對(duì)于非服務(wù)器等級(jí)的數(shù)據(jù)庫(kù)，我推薦使用Access中文版來(lái)建立。凡是用Access來(lái)建立的數(shù)據(jù)表，都是以.mdb為后綴名，如：book0.mdb。)

Access的界面非常友好，操作也非常簡(jiǎn)便，相信聰明的讀者們，即使以往從未用過(guò)Access的，只要?jiǎng)邮衷囋嚕捕芎芸鞂?duì)其駑駕自如，所以我在這里也就不再贅述（當(dāng)然也不排除有那么幾分懶惰的成份）。

步驟二：設(shè)計(jì)一個(gè)留言表單的網(wǎng)頁(yè)也同樣是不可或缺的。（如：guestbook0.htm)。

步驟三：又到編寫處理留言的ASP程序了。（我們可以將下述代碼COPY下來(lái)，然后另存為manage0a.asp文件。）

$#@60;!--#include file=“adovbs.inc”--$#@62;

調(diào)用adovbs.inc文件，所謂inc 文件顧名思義是include file的意思,adovbs.inc是IIS/PWS所提供的文件，存放著ADO相關(guān)常數(shù)的定義，使用inc文件可以使我們的程序，增加可讀性，更易于開(kāi)發(fā)和維護(hù)。

$#@60;% Function SqlStr(data)SqlStr = “" & Replace(data ”, “")& ”“ End Function

這里用了SqlStr函數(shù)，其作用是將數(shù)據(jù)中的一個(gè)單引號(hào)改成兩個(gè)單引號(hào)，并且在前后加上單引號(hào)。之所以要用該函數(shù)是由于上網(wǎng)者輸入的數(shù)據(jù)必須以用單引號(hào)括起來(lái)的形式輸入的數(shù)據(jù)與Insert Into命令組合在一起，但是如果用戶輸入的數(shù)據(jù)含有單引號(hào)，則輸入的數(shù)據(jù)將會(huì)產(chǎn)生錯(cuò)誤，因此輸入的數(shù)據(jù)必須經(jīng)過(guò)SqlStr的切換（將單引號(hào)切換成兩個(gè)單引號(hào)）才是正確的。

Name = Request(”Name“)Tel=Request(”Tel“)Email = Request(”Email“)Subject = Request(”Subject“)Memo = Request(”Memo“)

從留言表單取得數(shù)據(jù)

If Name = ”“ Or Tel=”“ Or Email = ”“ Or Subject = ”“ Or Memo = ”“ Then Response.Write ”輸入框不能為空白!“ Response.End End If

檢查表單的各輸入框是否有信息輸入，若留有空輸入框沒(méi)填則顯示說(shuō)明信息：”輸入框不能為空白!“ 并停止執(zhí)行下面的程序。

Set conn = Server.CreateObject(”ADODB.Connection“)

用Server.CreateObject取得對(duì)象ADODB.Connection。因?yàn)樵贏SP中，如果要訪問(wèn)數(shù)據(jù)必須首先創(chuàng)建與數(shù)據(jù)庫(kù)的鏈接，因此建立連接是存取Web數(shù)據(jù)庫(kù)不可缺少的步驟，執(zhí)行以上語(yǔ)句之后，conn便是一個(gè)Connection對(duì)象。

DBPath = Server.MapPath(”book0.mdb“)

通過(guò)調(diào)用服務(wù)器對(duì)象的MapPath方法來(lái)獲取book0.mdb的完整路徑。

conn.Open ”driver={Microsoft Access Driver(*.mdb)};dbq=“ & DBPath

因?yàn)槲覀兿氪蜷_(kāi)的是Access(.mdb)數(shù)據(jù)庫(kù)，所以我們要透過(guò)Access的ODBC驅(qū)動(dòng)程序{Microsoft Access Driver(*.mdb)}來(lái)存取數(shù)據(jù)庫(kù)，dbp參數(shù)則是用來(lái)指定想打開(kāi)的數(shù)據(jù)庫(kù)文件，因?yàn)樗仨毷峭暾窂矫Q，所以我們上一語(yǔ)句用了Server.MapPath 函數(shù)。

Name = Left(Name, 40)Tel = Left(Tel,10)Email = Left(Email, 80)Subject = Left(Subject, 127)

截短輸入到各字段里數(shù)據(jù)的長(zhǎng)度，以避免因輸入到某一字段中的數(shù)據(jù)超長(zhǎng)而引發(fā)的錯(cuò)誤，當(dāng)然假如我們將數(shù)據(jù)庫(kù)book0.mdb中的各字段的數(shù)據(jù)類型都有設(shè)為“備注”，我們則再無(wú)需擔(dān)心上網(wǎng)者所輸入的數(shù)據(jù)有多長(zhǎng)。

sql = ”Insert Into GuestBook(姓名, 電話, Email, 主題, 留言)Values(“ sql = sql & SqlStr(Name)& ”, “ sql = sql & SqlStr(Tel)& ”, “ sql = sql & SqlStr(Email)& ”, “ sql = sql & SqlStr(Subject)& ”, “ sql = sql & SqlStr(Memo)& ”)“

在”guestbook"數(shù)據(jù)表中增加一個(gè)數(shù)據(jù)記錄，然后把其中的各字段(姓名, 電話, Email, 主題, 留言)分別設(shè)置成從留言表單上取下的對(duì)應(yīng)的數(shù)據(jù)。

conn.Execute sql

執(zhí)行sql指令。

%$#@62;即可。參考資料：ASP教程 ASP教程下載

第四篇：Dreamweaver實(shí)訓(xùn)教案

實(shí)訓(xùn)

一、創(chuàng)建個(gè)人網(wǎng)站

課時(shí)：2 任務(wù)

一、規(guī)劃個(gè)人網(wǎng)站

一、提出任務(wù)

1．任務(wù)目標(biāo) 規(guī)劃個(gè)人網(wǎng)站。2．解決的問(wèn)題

通過(guò)規(guī)劃個(gè)人網(wǎng)站了解網(wǎng)站主題對(duì)于網(wǎng)站的意義，了解網(wǎng)站的欄目與目錄結(jié)構(gòu)之間的關(guān)系及開(kāi)發(fā)網(wǎng)站的常用工具軟件。

二、任務(wù)內(nèi)容

1．通過(guò)互聯(lián)網(wǎng)瀏覽網(wǎng)站，總結(jié)所瀏覽網(wǎng)站的主題類型，至少找出企業(yè)宣傳、軟件下載、求職招聘、專業(yè)論壇、流行時(shí)尚、互動(dòng)聊天和在線銷售類型的網(wǎng)站各一個(gè)，記錄它們的網(wǎng)站名稱填入教材p4表JYFS1-1中：

根據(jù)表格內(nèi)的提示，使用搜索引擎查找相關(guān)類型網(wǎng)站。每組4名同學(xué)，每人負(fù)責(zé)兩個(gè)主題的網(wǎng)站搜索。

任務(wù)二 創(chuàng)建站點(diǎn)

一、提出任務(wù)

1．任務(wù)目標(biāo)

創(chuàng)建個(gè)人網(wǎng)站站點(diǎn)。2.解決的問(wèn)題

使用網(wǎng)頁(yè)制作軟件Dreamweaver cs5，按照個(gè)人網(wǎng)站的制作要求創(chuàng)建網(wǎng)站站點(diǎn)。

二、任務(wù)內(nèi)容

1．新建一個(gè)站點(diǎn)，名稱為“pra1-1”，使用“高級(jí)”選項(xiàng)卡完成新建過(guò)程，保存位置為“D:pra1-1”，其他參數(shù)保持默認(rèn)即可。

2.新建一個(gè)以自己姓名命名的個(gè)人站點(diǎn)，該站點(diǎn)使用“ASP JavaScript”服務(wù)器技術(shù),暫不設(shè)置遠(yuǎn)程信息與測(cè)試服務(wù)器，站點(diǎn)保存在“D:pra1-2”文件夾中。

任務(wù)三 管理站點(diǎn)

一、提出任務(wù)

1．任務(wù)目標(biāo)

管理個(gè)人網(wǎng)站站點(diǎn)。2.解決的問(wèn)題

通過(guò)完成本任務(wù)學(xué)習(xí)使用Dreamweaver cs5進(jìn)行站點(diǎn)管理。3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：?jiǎn)?dòng)Dreamweaver cs5，創(chuàng)建網(wǎng)站站點(diǎn)。

二、任務(wù)內(nèi)容

1．新建站點(diǎn)“pra1-5”，使用管理站點(diǎn)功能將其導(dǎo)出。將站點(diǎn)導(dǎo)出文件通過(guò)網(wǎng)絡(luò)或移動(dòng)存儲(chǔ)設(shè)備拷貝到其他計(jì)算機(jī)中，使用管理站點(diǎn)功能將其導(dǎo)入。

2．新建站點(diǎn)“pra1-3”，使用管理站點(diǎn)功能復(fù)制站點(diǎn)“pra1-3”，編輯復(fù)制的站點(diǎn)名稱為“pra1-4”，之后刪除站點(diǎn)“pra1-3”。

任務(wù)四

創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)

一、提出任務(wù) 1．任務(wù)目標(biāo)

創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)。2.解決的問(wèn)題

本任務(wù)將使用“文件”面板，實(shí)現(xiàn)先前規(guī)劃的網(wǎng)站目錄結(jié)構(gòu)，學(xué)習(xí)在本地站點(diǎn)建立文件和文件夾的方法，管理站點(diǎn)內(nèi)的文件。3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：打開(kāi)Dreamweaver cs5、管理站點(diǎn)知識(shí)。

二、任務(wù)內(nèi)容

1．使用“文件”菜單新建“ASP JavaScript”類型的動(dòng)態(tài)頁(yè)，文件保存為“D:/ practice 1-1.asp”，使用屬性面板修改網(wǎng)頁(yè)標(biāo)題為“ASP網(wǎng)頁(yè)”。

2．新建站點(diǎn)“pra1-7”，使用“文件”面板創(chuàng)建一個(gè)網(wǎng)頁(yè)文件，命名為“practice1-2.html”，選中該文件后使用下拉菜單中的重命名選項(xiàng)，改名為“newpage.html”，同樣使用拉菜單中的選項(xiàng)預(yù)覽頁(yè)面后刪除該頁(yè)面。

下

實(shí)訓(xùn)

二、添加首頁(yè)內(nèi)容

課時(shí)：2 任務(wù)一 添加首頁(yè)文本

一、提出任務(wù)

1．任務(wù)目標(biāo)

完成首頁(yè)文本內(nèi)容。2.解決的問(wèn)題

通過(guò)完成本任務(wù)學(xué)習(xí)修改網(wǎng)頁(yè)標(biāo)題，在網(wǎng)頁(yè)中添加文本，分段換行和段內(nèi)換行，輸入連續(xù)空格，保存和預(yù)覽網(wǎng)頁(yè)等知識(shí)。

二、任務(wù)內(nèi)容

1．新建一個(gè)網(wǎng)頁(yè)“practice2-1.html”，將本單元素材“舉一反三”文件夾中“practice2-1.txt” 的文本內(nèi)容拷貝到頁(yè)面中，使用插入空格的方法修改文本，使每一行文本中的“vs”字樣達(dá)到對(duì)齊的效果。

2．新建一個(gè)網(wǎng)頁(yè)“practice2-2.html”，輸入多行文字內(nèi)容并進(jìn)行分段和強(qiáng)制換行，修改網(wǎng)頁(yè)標(biāo)題為“換行效果預(yù)覽”，保存后預(yù)覽頁(yè)面，觀察在IE瀏覽器中標(biāo)題在什么位置，瀏覽器窗口大小發(fā)生變化時(shí)，對(duì)三種換行方式的影響。

任務(wù)二 編輯文本樣式

一、提出任務(wù)

1．任務(wù)目標(biāo)

完成首頁(yè)文本樣式設(shè)置，添加水平分隔線與列表。2.解決的問(wèn)題

本任務(wù)通過(guò)設(shè)置首頁(yè)文本樣式，學(xué)習(xí)文本樣式設(shè)置與應(yīng)用，修改文本樣式，添加水平分隔線與列表知識(shí)。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：輸入文本內(nèi)容的方法，段內(nèi)換行與劃分段落方法，輸入連續(xù)空格的方法。

二、任務(wù)內(nèi)容

1．新建一個(gè)網(wǎng)頁(yè)“practice2-4.html”，插入5條水平線，使用屬性面板進(jìn)行不同的寬、高、對(duì)齊與陰影屬性設(shè)置，預(yù)覽頁(yè)面并比較不同屬性的設(shè)置效果。

2.新建“班級(jí)榮譽(yù)”頁(yè)面，文件名為“practice2-5.html”，列舉班級(jí)成員所獲獎(jiǎng)勵(lì)，設(shè)置為編號(hào)列表，修改文本樣式，用不同的文本大小、顏色區(qū)分獎(jiǎng)勵(lì)的等級(jí)，保存并預(yù)覽頁(yè)面。嘗試先設(shè)文本樣式后設(shè)編號(hào)列表有何區(qū)別。（要求各組課下搜集班級(jí)成員獲獎(jiǎng)情況，并制定一個(gè)設(shè)置方案）

任務(wù)三 添加圖像

一、提出任務(wù)

1．任務(wù)目標(biāo)

為首頁(yè)添加圖像內(nèi)容。2.解決的問(wèn)題

本任務(wù)通過(guò)為首頁(yè)添加圖像內(nèi)容，學(xué)習(xí)在網(wǎng)頁(yè)中插入圖像和編輯圖像的方法。

二、任務(wù)內(nèi)容

1．將本單元素材文件夾中的“jyfs1.jpg”插入到一個(gè)新建頁(yè)面“practice2-7.html”中，裁剪后寬度為200像素，高度為100像素，并設(shè)置邊框?qū)挾葹?，完成后預(yù)覽頁(yè)面。

2．新建網(wǎng)頁(yè)“practice2-8.html”，插入本單元素材文件夾中的“jyfs2.jpg”，嘗試使用Dreamweaver 8的圖像編輯功能修改圖像的亮度并進(jìn)行銳化設(shè)置。

任務(wù)四 創(chuàng)建與應(yīng)用CSS美化網(wǎng)頁(yè)

一、提出任務(wù)

1．任務(wù)目標(biāo)

使用CSS美化網(wǎng)頁(yè)。2．解決的問(wèn)題

本任務(wù)通過(guò)為對(duì)首頁(yè)進(jìn)行美化，學(xué)習(xí)應(yīng)用CSS樣式。3．本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：在網(wǎng)頁(yè)中輸入文本內(nèi)容、插入圖像及水平線。

二、任務(wù)內(nèi)容

1．新建網(wǎng)頁(yè)“practice2-9.html”，插入3條水平線，定義3種“類”樣式“l(fā)1”、“l(fā)2”、“l(fā)3”。定義過(guò)程中修改樣式中的邊框?qū)傩裕蛊鋼碛胁煌男Ч謩e應(yīng)用在各條水平線上，預(yù)覽頁(yè)面。

2．將本單元素材“舉一反三”文件夾中的網(wǎng)頁(yè)“practice2-11.html”拷貝到D盤根目錄下，定義“標(biāo)簽”樣式“p”，設(shè)置文本大小與顏色，保存后預(yù)覽頁(yè)面觀察效果，之后定義“類”樣式“p1”，設(shè)置不同的文本大小與顏色，并應(yīng)用于頁(yè)面中所插入的文本，瀏覽頁(yè)面觀察效果，總結(jié)“類”樣式與“標(biāo)簽”樣式的區(qū)別。

3．新建網(wǎng)頁(yè)“practice2-10.html”，插入本單元素材“舉一反三”文件夾中的“jyfs3.jpg”和一條水平線，定義“類”樣式“l(fā)ine1”，修改樣式中的邊框?qū)傩浴７謩e將該樣式應(yīng)用在頁(yè)面中的圖片與水平線上，預(yù)覽頁(yè)面，分析樣式設(shè)置的結(jié)果。

實(shí)訓(xùn)

三、創(chuàng)建、編輯表格

課時(shí)：4 任務(wù)一 創(chuàng)建表格

一、提出任務(wù) 1．任務(wù)目標(biāo)

完成“作品展示”網(wǎng)頁(yè)中表格的創(chuàng)建。2．解決的問(wèn)題

通過(guò)在“作品展示”網(wǎng)頁(yè)中創(chuàng)建表格理解表格布局頁(yè)面的重要性，學(xué)習(xí)網(wǎng)頁(yè)的布局分析，掌握創(chuàng)建表格的幾種方法。

3．本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：在頁(yè)面添加文本，設(shè)置文本格式，插入圖像，設(shè)置圖像格式。

二、任務(wù)內(nèi)容

1．創(chuàng)建網(wǎng)頁(yè)“practice3-2.html”，在網(wǎng)頁(yè)中插入如圖JYFS3-1所示的嵌套表格，保存并預(yù)覽網(wǎng)頁(yè)。

圖JYFS3-1

2．創(chuàng)建網(wǎng)頁(yè)“practice3-3.html”，在網(wǎng)頁(yè)中插入如圖JYFS3-2所示的嵌套表格，保存并預(yù)覽網(wǎng)頁(yè)。

圖JYFS3-2 3．制作一個(gè)以環(huán)保為主題的網(wǎng)頁(yè)，首先利用已學(xué)知識(shí)設(shè)計(jì)欄目和目錄結(jié)構(gòu)，創(chuàng)建表格布局網(wǎng)頁(yè)。

任務(wù)二

編輯表格

一、提出任務(wù)

1．任務(wù)目標(biāo)

編輯已創(chuàng)建成的表格。2.解決的問(wèn)題

通過(guò)對(duì)本單元任務(wù)一創(chuàng)建的表格進(jìn)行編輯，學(xué)習(xí)更改表格邊框或背景顏色，添加、刪除行或列，調(diào)整行高、列寬及表格大小，拆分或合并單元格。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)需要掌握以前學(xué)過(guò)的利用表格布局頁(yè)面，創(chuàng)建表格等知識(shí)點(diǎn)。

二、任務(wù)內(nèi)容

1．創(chuàng)建網(wǎng)頁(yè)“practice3-5.html”，插入如圖JYFS3-4所示表格并按要求設(shè)置其屬性：寬400像素、高100像素、單元格間距為5像素、邊框粗細(xì)為3像素、邊框顏色為“#FF0000”。表格第1、3列寬100像素、單元格的邊框顏色為“#00FF00”，第2列寬100像素、單元格的邊框顏色為“#0000FF”。

圖JYFS3-4 2．創(chuàng)建網(wǎng)頁(yè)“practice3-6.html”，插入一個(gè)4行3列的表格，按圖JYFS3-5所示，對(duì)單元格進(jìn)行合并與拆分。設(shè)置表格邊框粗細(xì)為1像素、顏色為“#000000”，將表格第1行的背景顏色設(shè)置為“#3399CC”，第2行與第3行的第一列單元格、第4行第1、2列單元格的背景顏色設(shè)置為“#FFFFCC”。

圖JYFS3-5 3．創(chuàng)建網(wǎng)頁(yè)“practice3-7.html”，插入5個(gè)表格，設(shè)置表格對(duì)齊屬性及單元格內(nèi)容對(duì)齊屬性，使預(yù)覽效果如圖JYFS3-6所示。

圖JYFS3-6 實(shí)訓(xùn)

四、表格中添加內(nèi)容及建立超級(jí)鏈接

課時(shí)：4 任務(wù)一

添加表格內(nèi)容

一、提出任務(wù)

1．任務(wù)目標(biāo)

在“作品展示”網(wǎng)頁(yè)中添加表格內(nèi)容。2.解決的問(wèn)題

通過(guò)在“作品展示”網(wǎng)頁(yè)的表格中添加內(nèi)容，學(xué)習(xí)在表格中添加內(nèi)容并設(shè)置格式。3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：表格的創(chuàng)建和編輯。

二、任務(wù)內(nèi)容

打開(kāi)上一任務(wù)作業(yè)中創(chuàng)建的以環(huán)保為主題的網(wǎng)頁(yè)，從互聯(lián)網(wǎng)或其他途經(jīng)搜索需要的素材，插入到表格中，并設(shè)置相應(yīng)格式。

自己搜索素材，把素材插入到表格中并設(shè)置格式。根據(jù)最終要完成的效果可調(diào)整素材或單元格。若在操作單元格時(shí)遇到問(wèn)題，可以考慮用“擴(kuò)展”或“布局”模式來(lái)配合操作。

任務(wù)二 建立超級(jí)鏈接

一、提出任務(wù)

1．任務(wù)目標(biāo)

完成“作品展示”網(wǎng)頁(yè)中超級(jí)鏈接的添加。2.解決的問(wèn)題

本任務(wù)將把網(wǎng)站中的所有網(wǎng)頁(yè)聯(lián)接起來(lái)、并把網(wǎng)站和Internet上的目標(biāo)對(duì)象聯(lián)接起來(lái)。通過(guò)完成本任務(wù)要學(xué)會(huì)如何在網(wǎng)頁(yè)中建立超級(jí)鏈接。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：在網(wǎng)頁(yè)中添加文本對(duì)象、圖像等網(wǎng)頁(yè)元素，以及設(shè)置這些網(wǎng)頁(yè)元素的樣式。

二、任務(wù)內(nèi)容

P70頁(yè)舉一反三，題1、2、3 實(shí)訓(xùn)

五、制作“心情日記”網(wǎng)頁(yè)

課時(shí)：4 任務(wù)一 創(chuàng)建框架集

一、提出任務(wù)

1．任務(wù)目標(biāo)

創(chuàng)建“心情日記”頁(yè)面的框架結(jié)構(gòu)。2.解決的問(wèn)題

本任務(wù)通過(guò)在“心情日記”頁(yè)面創(chuàng)建框架集并設(shè)置屬性，學(xué)習(xí)創(chuàng)建框架集以及設(shè)置框架集和框架屬性的知識(shí)。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：創(chuàng)建網(wǎng)頁(yè)、在網(wǎng)頁(yè)中添加內(nèi)容、添加超鏈接等。

二、任務(wù)內(nèi)容

1．創(chuàng)建如下圖所示的框架集網(wǎng)頁(yè)“practice4-2.html”。

2．創(chuàng)建如下圖所示的框架集網(wǎng)頁(yè)“practice4-3.html”。

任務(wù)二

使用鏈接控制框架內(nèi)容

一、提出任務(wù)

1．任務(wù)目標(biāo)

在“心情日記”頁(yè)面創(chuàng)建鏈接，使用鏈接控制框架內(nèi)容。2.解決的問(wèn)題

本任務(wù)通過(guò)在“心情日記”頁(yè)面創(chuàng)建鏈接，學(xué)習(xí)使用超級(jí)鏈接控制框架內(nèi)容，實(shí)現(xiàn)在同一瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)的功能。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：如何創(chuàng)建框架集，設(shè)置框架集和框架的屬性。

二、任務(wù)內(nèi)容

創(chuàng)建網(wǎng)站“pra4-3”,站點(diǎn)保存在“D:pra4-3”文件夾。使用框架技術(shù)制作一個(gè)網(wǎng)上相冊(cè)，將自己拍攝或搜集的相片分類（至少分三類），把每一類相片顯示在一個(gè)頁(yè)面中。創(chuàng)建一個(gè)“上方固定，左側(cè)嵌套”的框架集網(wǎng)頁(yè)“practice4-6.html”。上部框架顯示相冊(cè)標(biāo)題（自定），左下部框架顯示分類名稱并添加鏈接，右下部框架顯示相應(yīng)類別的相片頁(yè)面（注意：除了框架集網(wǎng)頁(yè)外其他網(wǎng)頁(yè)文件名自定）。

任務(wù)三 制作媒體日記網(wǎng)頁(yè)

一、提出任務(wù)

1．任務(wù)目標(biāo)

在網(wǎng)頁(yè)中插入多媒體內(nèi)容。2.解決的問(wèn)題

通過(guò)完成本任務(wù)認(rèn)識(shí)多媒體視頻文件和FLASH動(dòng)畫文件在網(wǎng)頁(yè)制作中的重要作用，學(xué)習(xí)運(yùn)用多媒體文件美化和豐富網(wǎng)頁(yè)。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：在網(wǎng)頁(yè)中插入圖像、編輯圖像，使用框架結(jié)構(gòu)布局頁(yè)面。

二、任務(wù)內(nèi)容

1.創(chuàng)建網(wǎng)頁(yè)“practice4-7.html”，在網(wǎng)頁(yè)中插入“插件”，播放本單元素材“舉一反三”文件夾中的“Boo.wav”。

2．創(chuàng)建一個(gè)網(wǎng)頁(yè)“practice4-8.html”，效果如圖JYFS4-5所示，在網(wǎng)頁(yè)下方插入“插件”，播放本單元素材“舉一反三”文件夾中的“piantou.avi”。

3．創(chuàng)建網(wǎng)頁(yè)“practice4-9.html”，在網(wǎng)頁(yè)中插入“插件”播放本單元素材“舉一反三”文件夾中的“background.mid”，要求設(shè)置循環(huán)播放。

實(shí)訓(xùn)

六、制作“家鄉(xiāng)山水”網(wǎng)頁(yè)

課時(shí)：4 任務(wù)一

創(chuàng)建框架集

一、提出任務(wù)

1．任務(wù)目標(biāo)

為景區(qū)地圖中的各個(gè)景區(qū)與“景區(qū)介紹”頁(yè)面中相關(guān)內(nèi)容建立鏈接關(guān)系。2.解決的問(wèn)題

本任務(wù)通過(guò)在“家鄉(xiāng)山水”頁(yè)面中添加熱點(diǎn)來(lái)劃分景區(qū)地圖上的各個(gè)景區(qū)，為景區(qū)地圖上各個(gè)熱點(diǎn)設(shè)置屬性，鏈接到“景區(qū)介紹”頁(yè)面中的相應(yīng)位置。學(xué)習(xí)創(chuàng)建熱點(diǎn)和錨記鏈接。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：網(wǎng)頁(yè)的基本概念以及制作網(wǎng)頁(yè)的基本知識(shí)，包括表格的制作、插入圖像、添加鏈接等。

二、任務(wù)內(nèi)容

將本單元“舉一反三”文件夾中的“pra5-1”文件夾拷貝到D盤根目錄，利用圖像文件“practice5-3.jpg”，制作一個(gè)有關(guān)荷花的簡(jiǎn)單網(wǎng)頁(yè)“practice5-3.html”。使用多邊形熱點(diǎn)工具為圖像中的荷花添加熱點(diǎn)，熟悉使用指針熱點(diǎn)工具對(duì)熱點(diǎn)進(jìn)行移動(dòng)和修改大小的操作。添加替換文本“映日荷花別樣紅”，添加鏈接到“practice5-4.html”，熱點(diǎn)替換如圖JYFS5-2所示。

圖JYFS5-2

任務(wù)二

添加和使用層

一、提出任務(wù)

1．任務(wù)目標(biāo)

完成“家鄉(xiāng)山水”頁(yè)面中層的制作。2.解決的問(wèn)題

通過(guò)完成本任務(wù)學(xué)習(xí)層的使用，并為下一個(gè)任務(wù)添加行為做準(zhǔn)備。

3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：在網(wǎng)頁(yè)中添加表格，在單元格中添加內(nèi)容。

二、任務(wù)內(nèi)容

1.創(chuàng)建網(wǎng)頁(yè)“practice5-5.html”，使用層完成如下工作：在圖像“practice5-4.jpg”的上方疊放另一張圖像“practice5-5.gif”（所需素材在本單元素材文件夾中的“舉一反三”文件夾中），完成效果如圖JYFS5-3所示。

圖JYFS5-3

2.創(chuàng)建網(wǎng)頁(yè)“practice5-6.html”，利用層的可重疊性，制作陰影效果的文字，如圖JYFS5-4所示。

圖JYFS5-4

任務(wù)三

制作頁(yè)面動(dòng)態(tài)效果

一、提出任務(wù)

1．任務(wù)目標(biāo)

為“家鄉(xiāng)山水”網(wǎng)頁(yè)添加動(dòng)態(tài)效果。2.解決的問(wèn)題

通過(guò)為網(wǎng)頁(yè)元素添加動(dòng)態(tài)效果，學(xué)習(xí)在網(wǎng)頁(yè)中添加層行為以及修改刪除層行為操作。3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：在網(wǎng)頁(yè)中添加熱點(diǎn)、設(shè)置熱點(diǎn)屬性，添加層、設(shè)置層屬性。

二、任務(wù)內(nèi)容

1．創(chuàng)建網(wǎng)頁(yè)“practice5-10.html”，插入本單元素材“舉一反三”文件夾中的圖像“practice5-2.jpg”，為圖像添加“彈出信息”行為，使鼠標(biāo)經(jīng)過(guò)圖像時(shí)彈出信息“月到中秋分外明”。

2．創(chuàng)建網(wǎng)頁(yè)“practice5-11.html”，使用表格、層及行為創(chuàng)建如圖JYFS5-6所示菜單，鼠標(biāo)移到菜單選項(xiàng)時(shí)顯示下拉列表，移出時(shí)下拉列表隱藏，目錄結(jié)構(gòu)參照表JYFS5-1。

實(shí)訓(xùn)

七、制作“訪客信息”網(wǎng)頁(yè)

課時(shí)：4 任務(wù)一 插入表單

一、提出任務(wù)

1．任務(wù)目標(biāo)

完成“訪客信息”頁(yè)面的制作。2.解決的問(wèn)題

通過(guò)完成本任務(wù)，學(xué)習(xí)在頁(yè)面中插入表單及表單元素，并設(shè)置表單和表單元素的屬性。3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

二、任務(wù)內(nèi)容

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：使用表格布局頁(yè)面、插入圖像。

1．分析教材第166頁(yè)圖JYFS6-1所示的“會(huì)員資料登記”頁(yè)面中有哪些表單元素。常用的表單元素有：文本框、密碼框、單選按鈕、復(fù)選框、按鈕等。

2．將本單元“舉一反三”文件夾中的網(wǎng)頁(yè)“practice6-1.html”拷貝到D盤根目錄，將表單中的“單選按鈕組”修改為“列表/菜單”元素，“列表/菜單”元素修改為“單選按鈕組”，并使其具有相同的功能。

任務(wù)二

檢查表單

一、提出任務(wù)

1．任務(wù)目標(biāo)

對(duì)“訪客信息”欄目中表單輸入數(shù)據(jù)的正確性進(jìn)行檢驗(yàn)。2．解決的問(wèn)題

本任務(wù)通過(guò)實(shí)現(xiàn)對(duì)用戶輸入內(nèi)容進(jìn)行驗(yàn)證，學(xué)習(xí)應(yīng)用檢查表單。3．本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：表單以及文本字段、復(fù)選框等表單元素的使用。

二、任務(wù)內(nèi)容

1．利用本單元所學(xué)的知識(shí)，制作個(gè)人網(wǎng)站的“用戶登錄”網(wǎng)頁(yè)“practice6-3.html”，效果如課本圖JYFS6-3所示。設(shè)置驗(yàn)證規(guī)則，要求用戶必須輸入用戶名和密碼，并且其中密碼必須是數(shù)字格式，若不符合要求，則顯示錯(cuò)誤提示信息。

任務(wù)三 完成 “訪客信息”網(wǎng)頁(yè)

實(shí)訓(xùn)

八、制作“專業(yè)教程”網(wǎng)頁(yè)

課時(shí)：4 任務(wù)一 分析頁(yè)面布局結(jié)構(gòu)

任務(wù)二

練習(xí)

1．利用本單元所學(xué)的知識(shí)，制作個(gè)人網(wǎng)站的“用戶登錄”網(wǎng)頁(yè)“practice6-3.html”，效果如課本圖JYFS6-3所示。設(shè)置驗(yàn)證規(guī)則，要求用戶必須輸入用戶名和密碼，并且其中密碼必須是數(shù)字格式，若不符合要求，則顯示錯(cuò)誤提示信息。

制作框架頁(yè)面：

1、新建網(wǎng)頁(yè)123.html，標(biāo)題：歡迎訪問(wèn)新世紀(jì)課程網(wǎng)站。

2、選擇【布局】－“框架”－“左側(cè)和嵌套的頂部框架”，在屬性面板中，設(shè)置行值為114像素，列值為200像素。

保存全部，分別命名各框架名稱：leftFrame為a.html、topFrame為b.html、mainFrame為c.html。

3、在a.html頁(yè)面屬性中將上、下、左、右邊距全部設(shè)為0。插入一個(gè)6行1列的表格，表格寬度為95％，居中對(duì)齊。

所有單元格水平居中，將第一個(gè)單元格的高度設(shè)為20px，輸入文本“學(xué)習(xí)導(dǎo)航”； 其余單元格將高度設(shè)置為50px，分別輸入文字“◆知識(shí)點(diǎn)一”、“◆知識(shí)點(diǎn)二”、“◆知識(shí)點(diǎn)三”、“◆知識(shí)點(diǎn)四”、“◆知識(shí)點(diǎn)五”，并分別建立鏈接關(guān)系，鏈接路徑指向要鏈接到的網(wǎng)頁(yè)，目標(biāo)選擇mainFrame框架。

4、在b.html頁(yè)面屬性中將上、下、左、右邊距全部設(shè)為0。插入一個(gè)1行2列的表格，寬度為100％，高度為114px，背景顏色藍(lán)色。

設(shè)置左單元格寬為213px，背景圖片images/logo.gif；右單元格水平居中，輸入文本“新世紀(jì)課程網(wǎng)站”。

5、在c.html頁(yè)面屬性中將上、下、左、右邊距全部設(shè)為0。在本頁(yè)設(shè)置一個(gè)歡迎頁(yè)面。

任務(wù)三 完成 “專業(yè)教程”網(wǎng)頁(yè)

實(shí)訓(xùn)

九、模板應(yīng)用及網(wǎng)站發(fā)布

課時(shí)：4 任務(wù)一 創(chuàng)建網(wǎng)站模板

一、提出任務(wù)

1．任務(wù)目標(biāo)

將第三單元?jiǎng)?chuàng)建的“作品展示”頁(yè)面轉(zhuǎn)存為模板文件。2.解決的問(wèn)題

通過(guò)完成本任務(wù)，學(xué)會(huì)利用原有頁(yè)面創(chuàng)建網(wǎng)站模板。

二、實(shí)訓(xùn)任務(wù)

1、將本單元素材“舉一反三”文件夾中的“pra7-1”文件夾復(fù)制到D盤根目錄下，創(chuàng)建站點(diǎn)“pra7-1”，文件存儲(chǔ)在“D：pra7-1”,使用“文件”菜單中的“新建”選項(xiàng)，新建一個(gè)HTML類型模板“pra7-1.dwt”，效果如下圖所示。提示：所用背景圖像在“pra7-1images”文件夾中，頁(yè)面使用表格布局。

2.將本單元素材“舉一反三”文件夾中的“pra7-2”文件夾拷貝到D盤根目錄下，創(chuàng)建站點(diǎn)“pra7-2”，將頁(yè)面“pra7-2.html”，另存為模板“pra7-2.dwt”，在表格“table_edit”中添加可編輯區(qū)域“edit7-2”，如下圖所示，保存模板。

任務(wù)二 套用模板

一、提出任務(wù)

1．任務(wù)目標(biāo)

將任務(wù)一中創(chuàng)建的模板套用到網(wǎng)站中的“首頁(yè)”、“家鄉(xiāng)山水”、“景區(qū)介紹”、“訪客信息”和“作品展示”頁(yè)面，并修改相關(guān)頁(yè)面及文本中的內(nèi)容。

2.解決的問(wèn)題

通過(guò)完成本任務(wù)，學(xué)會(huì)將模板文件套用到已存在的網(wǎng)頁(yè)，使風(fēng)格一致。3.本任務(wù)所涉及原有知識(shí)要點(diǎn)

完成本任務(wù)所涉及原有知識(shí)要點(diǎn)有：在“CSS樣式”面板中刪除樣式，選中及刪除表格，修改網(wǎng)頁(yè)標(biāo)題，為文本添加超級(jí)鏈接。

二、實(shí)訓(xùn)任務(wù)

1．將本單元素材“舉一反三”文件夾中的“pra7-3”文件夾拷貝到D盤根目錄下，創(chuàng)建站點(diǎn)“pra7-3”，使用模板“pra7-3.dwt”創(chuàng)建兩個(gè)新頁(yè)面，將文件夾中的文本文件內(nèi)容拷貝到兩個(gè)頁(yè)面的可編輯區(qū)域，分別保存為“pra7-3.html”、“pra7-4.html”。為文件夾中已有頁(yè)面“pra7-5.html”、“pra7-6.html”套用模板。2．編輯站點(diǎn)“pra7-3”中的模板文件，為其添加相應(yīng)的超級(jí)鏈接，保存后預(yù)覽整個(gè)站點(diǎn)。

任務(wù)三 完成模板應(yīng)用

第五篇：asp實(shí)訓(xùn)小結(jié)（推薦）

Asp實(shí)訓(xùn)小結(jié)

不知不覺(jué)又過(guò)了一個(gè)星期了，這次實(shí)訓(xùn)，總的下來(lái)，感覺(jué)不易。

經(jīng)過(guò)一周的實(shí)習(xí)，我感覺(jué)做購(gòu)物網(wǎng)站的每一個(gè)過(guò)程都是非常的復(fù)雜與繁瑣，所以一定要養(yǎng)成細(xì)心做事的習(xí)慣；這樣才可能做出一樣成功的作品。

經(jīng)過(guò)實(shí)習(xí)，使我比較全面、系統(tǒng)的了解和熟悉ASP的各種工具的使用，各種不同的效果的做法，為我們以后的學(xué)習(xí)和工作打下了堅(jiān)實(shí)的基礎(chǔ)；以前沒(méi)有學(xué)懂的一些東西，在這個(gè)實(shí)習(xí)過(guò)程中我基本把它們弄懂了，可以說(shuō)這是對(duì)我所學(xué)知識(shí)的復(fù)習(xí)和深化。

在購(gòu)物網(wǎng)站中，學(xué)了最基本而又非學(xué)不可的后臺(tái)管理、用戶購(gòu)物車、購(gòu)物網(wǎng)站模板等等。

在做網(wǎng)站的過(guò)程中，用戶購(gòu)物車是我們問(wèn)題最多的步驟，通過(guò)做題，我們發(fā)現(xiàn)了自己的不足，這也與我們平時(shí)上課有關(guān)，許多學(xué)過(guò)的知識(shí)，轉(zhuǎn)眼就忘，而且也沒(méi)有在空余時(shí)間去復(fù)習(xí)，并且對(duì)于一些重點(diǎn)的知識(shí)，我們也掌握的不好，許多基本知識(shí)語(yǔ)句都會(huì)出錯(cuò)。對(duì)于這種情況，我們就得好好反省自己，在以后的學(xué)習(xí)當(dāng)中，我們就要補(bǔ)其不足，掌握更好的學(xué)習(xí)方法。

實(shí)訓(xùn)的過(guò)程是繁瑣的，但是同學(xué)們都表現(xiàn)的很積極，認(rèn)真做好購(gòu)物網(wǎng)站，認(rèn)真的檢查，直到完成這次實(shí)訓(xùn)作業(yè)，這次實(shí)訓(xùn)對(duì)于我們來(lái)說(shuō)是一種難得的歷練，在實(shí)訓(xùn)中，機(jī)房里充滿了一種濃濃的學(xué)習(xí)氣氛，不是有幾句話這樣說(shuō)嗎：“我聽(tīng)到的會(huì)忘掉，我看到的能記住，我做過(guò)的才真正明白。”實(shí)踐經(jīng)驗(yàn)對(duì)于學(xué)生來(lái)說(shuō)更是必不可少的。總體來(lái)說(shuō)，對(duì)這次實(shí)訓(xùn)還是比較滿意的。

其實(shí)，不管我們做什么事情，我們都應(yīng)該想清楚，首先干什么，其次干什么，有了一個(gè)合理的規(guī)劃，我們做起來(lái)也就比較的有了方向，有了目標(biāo)，再向目標(biāo)去奮斗，這樣我們才能更好的把握自己，使自己更好的發(fā)展。