第一篇:用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
文本
留言者姓名
數(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ū)傩浴7謩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ā)展。