第一篇:用dreamweaver開發(fā)ASP留言簿實訓教程
用dreamweaver開發(fā)ASP留言簿的實訓教程
一個簡單的ASP留言本,這個留言本用了Access數(shù)據(jù)庫。創(chuàng)建ASP的運行環(huán)境(安裝IIS)
IIS(Internet Information Service)是構建ASP站點所必須的,所以,我們應該先確認自己的電腦已安裝了IIS信息服務,如果沒有安裝好的話,請按以下步驟:
1、打開“控制面板”
2、雙擊“添加/刪除程序”
3、單擊“添加/刪除Windows組件”,打開添加/刪除Windows組件對話框:
3、從下拉的列表中選擇“Internet 信息服務(IIS)”單擊“下一步”:
4、出現(xiàn)組件安裝進度窗口,如彈出需要安裝盤的話,放入Windows2000安裝盤,按提示操作即可。直至最后安裝完畢。
二、設計數(shù)據(jù)庫
ASP程序本身并不能儲存數(shù)據(jù),眾所周知,留言本有以下信息需要保存:留言者姓名、聯(lián)系方式、留言內(nèi)容等等。因為ASP并不能儲存數(shù)據(jù),所以數(shù)據(jù)庫在這種環(huán)境之下就產(chǎn)生了。數(shù)據(jù)庫的種類也很多,針對不同的程序也有適用于它的數(shù)據(jù)庫,比如Access和Ms SQL就比較適用ASP和ASP.net程序,至于其它的數(shù)據(jù)庫和程序,就不屬于本文所討論的問題了,有興趣的朋友可以查看其它一些資料。
那么既然Access和MS SQL都適用ASP,那么具體又如何來選擇呢?
數(shù)據(jù)庫也一樣:Access比較適用小型的應用,而MS SQL則適用于大中型的數(shù)據(jù)庫應用,所以要做一個留言本,理所當然是選擇Access更好一些,但是如果你決心使用MS,沒有人會極力阻止你。好了,廢話少說,切入正題,下面開始創(chuàng)建數(shù)據(jù)庫。
Access是微軟office辦公軟件中的其中一個,默認的安裝Office是有這個Access的,好了,打開程序,開始了,GO!
進入實戰(zhàn)了。打開程序后,出現(xiàn)一個對話框,這里我們選擇第一個選項"空Access數(shù)據(jù)庫"點擊確定,彈出一個新建數(shù)據(jù)庫的文件框,選擇你上次你建的站點目錄,起個data的文件名,點擊創(chuàng)建,OK!雙擊"使用設計器創(chuàng)建表"打開表創(chuàng)建窗口"如圖
創(chuàng)建表的結構如下表: 字段名稱
數(shù)據(jù)類型
備注(筆者注釋)id
自動編號
設置“自動編號”
name
文本
留言者姓名
數(shù)字
留言者的QQ,因為QQ號是由數(shù)字組成email
文本
留言者的電子郵件
content
備注
留言內(nèi)容
data
日期/時間
留言時間,設定默認值為Now()
數(shù)據(jù)庫設計好了以后,可以直接在數(shù)據(jù)庫里添加兩條記錄,以后測試時候用!
三、連接數(shù)據(jù)庫
在上一節(jié),我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫,在這一節(jié)中,我們來用ASP把程序和數(shù)據(jù)庫連接起來,以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復雜的插入、修改和刪除。
一起看以下代碼,這就是ASP程序中常用的連接數(shù)據(jù)庫的代碼: <% 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”)'在服務器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象 connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb ”)
'告訴ASP數(shù)據(jù)庫的接接方法以及路徑.即服務器端當前文件夾下data.mdb conn.open connstr
'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進行連接 %>
' 一切OK了!結束ASP程序
將上面的代碼另存為conn.asp文件,放在服務器目錄下面就可以了。
這一節(jié)是最重要的,一定要弄明白,否則以后操作數(shù)據(jù)庫將變得不現(xiàn)實,如果有不懂的問題,歡迎和我討論,我的電子郵件地址是。這一節(jié)就到此,下節(jié)我們就將數(shù)據(jù)庫中的數(shù)據(jù)顯示在頁面中(這就實現(xiàn)了留言本的查看功能)
四、制作留言本首頁
前面我們已經(jīng)連接好了數(shù)據(jù)庫,就要讓它在這里發(fā)揮一下作用了,這一節(jié)將講述如何將數(shù)據(jù)庫里的數(shù)據(jù)用ASP讀取出來,在頁面中顯示出來,這樣就等于是查看留言本了。
利用DW制作如下頁面(這里我就不講如何去做這個頁面了,最后我將會給出HTML代碼下載)
將制作好的文件存為index.asp,下面就創(chuàng)建數(shù)據(jù)記錄集,用來顯示數(shù)據(jù)庫的數(shù)據(jù)到這個頁面中:
用記事本打開index.asp,在頁頭加入以下代碼:
<%@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ù)庫連接文件。第三行,ASP程序開始
第四行,利用Server內(nèi)置對象創(chuàng)建一個記錄集
第五行, SQL語句,這里的意思是選擇數(shù)據(jù)庫中的user,qq,email,content,data字段,指定該數(shù)據(jù)表的名稱是“main”數(shù)據(jù)的排列順序是倒序。
第六行,用剛才創(chuàng)建的名為rs的記錄集打開數(shù)據(jù)庫,設置屬性為只讀(1,1為只讀數(shù)據(jù),1,3為插入數(shù)據(jù),2,3是修改數(shù)據(jù)。
這樣就打開了數(shù)據(jù)庫,接下來就可以顯示了。將“留言人”代替為“<%=rs(“user”)%> “時間”代替為“<%=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
好了,再次保存,瀏覽看看!
怎么只顯示一條記錄?原來我們在數(shù)據(jù)庫里添加了兩條記錄的哦!還有一條呢?別急,因為我們沒有指定ASP循環(huán)顯示,所以就只有一條啦。。在剛才的代碼后面添加一行 <%do while not rs.eof%>
并在頁面的第一個表格的末尾加上
<% rs.movenext loop %>
上面的代碼就是說用rs記錄集指針一條一條往下一條移動,直到末尾,loop是循環(huán)的意思。哈哈,再次瀏覽這個文件
看明白了嗎,這樣就可以讓數(shù)據(jù)庫中的數(shù)據(jù)全部顯示在頁面中了,好了,這節(jié)就到這,下節(jié)講一個也很重要的部份(添加留言功能。)
五、制作添加留言頁面,實現(xiàn)留言功能
我們是做的一個留言本,實現(xiàn)留言的功能就十分重要了,要不然就算不上留言本了,接下來就一起來實現(xiàn)這個功能。
用DW制作以下這樣的頁面:
設置表單的屬性如下:
姓名:設置為單行文本域,名稱為“user”
QQ號:設置為單行文本域,名稱為“qq” 郵件:設置為單行文本域,名稱為“email” 內(nèi)容:設置為多行文本域,名稱為“content”
最后將表單的“Action”動作指向addsave.asp就可以了。
保存文檔名為add.asp,OK!下一步!
表單是做好了,但是還需要后臺程序的支持,一起來使用ASP編寫一個添加留言處理程序,添加留言代碼:
<%@LANGUAGE=“VBScript” codepage=“936”%>
'表明ASP使用的是VB腳本
'是用include包含文件,這里包含的是數(shù)據(jù)庫連接文件 <% set rs=server.createobject(“adodb.recordset”)
'利用Server內(nèi)置對象創(chuàng)建一個記錄集 sql=“select user,qq,email,content,data from main”
'SQL語句,上節(jié)有詳解
rs.open sql,conn,1,'用剛才創(chuàng)建的名為rs的記錄集打開數(shù)據(jù)庫,設置屬性為插入數(shù)據(jù) rs.addnew
'用記錄集新添加一條數(shù)據(jù) user=request.form(“user”)
'請求表單的變量,定義變量為user,這里request.form是請求表單的意思 qq=request.form(“qq”)
'請求表單的變量,定義變量為qq email=request.form(“email”)
'請求表單的變量,定義變量為content=request.form(“content”)
'請求表單的變量,定義變量為content rs(“user”)=user
'將請求到的表單值傳向記錄集中代表user字段的名稱
email rs(“qq”)=qq
'將請求到的表單值傳向記錄集中代表qq字段的名稱
rs(“email”)=email
'將請求到的表單值傳向記錄集中代表email字段的名稱
rs(“content”)=content
'將請求到的表單值傳向記錄集中代表content字段的名稱 rs.update
'更新一下數(shù)據(jù)庫中的數(shù)據(jù)。rs.close
'關閉記錄集 set rs=nothing
'銷毀記錄集 conn.close
'關閉數(shù)據(jù)庫連接 set rs=nothing
'銷毀數(shù)據(jù)庫連接 %>
將以上文件存為addsave.asp,測試下!咦?怎么填好提交以后就出現(xiàn)空白了,為什么?這是因為在addsave.asp中沒有設置數(shù)據(jù)成功提交好后的轉向頁面,這里不用做那么復雜的,只要做一個刷新頁面就行了,在程序的后面加上:
然后在頁面中添加提示信息,比如:“您的留言已經(jīng)成功提交,2秒鐘后將自動返回留言本首頁”
好了,這個留言的功能總算實現(xiàn)了,最后再測試下,看看效果!
六、制作管理登陸頁面
留言本的管理功能對于留言本來說就不言而喻了,像論壇的登陸功能就是一個很好的例子,不過我們做留言本基本上有刪除功能就行了,寫這個教程是為了更多的ASP入門者更好的了解ASP,所以旨在學習用,當然也可以在這基礎上添加更多的功能,比如回復留言者。
好了,開始了,還是按照以前的,用Dreamweaver做一個登陸頁面,如下圖:
把用戶名的表單名稱設置為admin,密碼的表單名稱設為password,把動作指向checkpass.asp,存admin.asp這樣登陸頁面就好了,下面就做檢測密碼的ASP程序了,看以下代碼解釋:
'把conn.asp包含進來連接數(shù)據(jù)庫 <% 'ASP起始 admin=request.form(“admin”)'定義admin的值是表單傳過來的用戶名域名稱admin password=request.form(“password”)'定義admin的值是表單傳過來的用戶名域名稱admin if admin=“" or password=”“ then '這句的意思是假如用戶名和密碼沒有輸入的話那么執(zhí)行下一句
response.Write(”“)'用javascript腳本提示用戶 end if '結束if語句
sql=”select * from admin where admin='“&admin&”' and password='“&password&”'“ '這句很重要,查詢admin表中用戶名和密碼與輸入的是否一致。set rs=conn.execute(sql)'設定記錄集rs,用conn執(zhí)行SQL語句 if rs.eof or rs.bof then '當沒有符合篩選結果時,則執(zhí)行下面的句子 response.write ”“ '用javascript腳本提示用戶 else '如果符合條件的時候
session(”admin“)=admin
'新建session,值等于表單傳來的用戶名 response.redirect ”mymanage.asp“ '轉向到mymanage.asp,進入管理頁 end if '結束if語句 %> 'ASP結束
將以上代碼保存為checkpass.asp
這樣,用戶在admin.asp頁面中輸入用戶名和密碼后,就把用戶名和密碼值傳給checkpass.asp處理,當用戶名和密碼的值和數(shù)據(jù)庫中的字段相匹配時,就進入mymanage.asp這個管理頁面,同時建一個session,這個session的會話變量將在后面起作用,下一節(jié)就明白了。
七、制作管理頁面
上節(jié)中講的是制作登陸頁面和檢測用戶,當用戶名和密碼正確時就轉到管理頁面,好了,開始實現(xiàn)它。其實這個留言本的管理頁面和用戶直接看到的首頁沒有多大的區(qū)別,只是用了Session會話變量用作保護和增加了一個刪除鏈接,當點擊這個鏈接的時候,就會自動刪除這條留言,好了,其本的目的知道了,那就GO!
剛才講了,這個頁面和首頁的index.asp相似,那么就先復制就行了,然后再改一下
首先找到下面這句:
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這個自動編號的值,以便刪除留言時鎖定這個id。
然后在“郵件”這個鏈接后面增加一個鏈接“刪除”,鏈接:del.asp?id=<%=rs(”id“),修改代碼后為“ onclick=”return confirm('是否確定刪除本留言?');“>刪除 這樣,待會我們做del這個頁的時候,就會知道為什么了!
改過后存為mymanage.asp
現(xiàn)在打開瀏覽器看看!
怎么不用輸入用戶名和密碼都可進入呀?別急,上節(jié)中,我們不是建了一個session的會話變量,這時就派上用場了,直接用記事本打開。
在<%@LANGUAGE=”VBScript“ codepage=”936“%>這句的后面加上
<% if session(”admin“)<>”“
then %> 這句,在末尾寫上:
<% else response.Redirect(”admin.asp“)end if %> 下面來講解一下。
<% if session(”admin“)<>”“ then %> '就是說如果session這個(”admin“)的值不是空的話就執(zhí)行。怎樣才不為空呢,只是在admin 登錄成功時,才給session(”admin“)=admin <% else response.Redirect(”admin.asp“)end if %> '為空的話就轉向登陸頁,重新登陸,這樣的話,直接輸入網(wǎng)址的話就會跳到admin.asp,簡單吧!
八、刪除留言
上節(jié)我們增加了一個刪除留言的鏈接,以下是這個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“)%> 就是這個鏈接才把id的值傳來的,<%=rs(”id")%>是讀取數(shù)據(jù)庫中的自動編號字段中的id。
第5句:用sql定義SQL語句,這里的*是通配符,表示所有,而Where有點像我們漢語中的“當”,整句話的意思是選擇所有來自表名為main的字段,它的條件是當數(shù)據(jù)庫中的id字段是字串所傳來的id。如果這個沒有的話這個一時間不明白也不要緊,慢慢接觸就知道了。
第6句是打開符合條件的記錄,確切的講不應該叫記錄集了,因為經(jīng)過我們這樣篩選的話,記錄絕對是一條,2,3指定可以對數(shù)據(jù)庫中的數(shù)據(jù)進入修改。
第7、8句:
rs.delete 看了就明白了,原來這才是整個程序的精髓,就是執(zhí)行刪除了。rs.update 這是更新數(shù)據(jù)庫中的表,刪除后就更新。
最后大家自己用rs.close和conn.close釋放。
第二篇:ASP進階教程Ⅷ:數(shù)據(jù)庫版本的留言簿
在前面我們介紹了文件版本的留言簿,現(xiàn)在我們不妨來設想一下:如果留言文件里面的留言很多,而你又急于想尋找其中的某條留言時,這時打開txt留言文件,對著一段段的留言記錄,你敢擔保你不會當場暈倒嗎?而且文件留言簿最令人討厭還遠不只是這個原因,更氣人的是:譬如你已經(jīng)找到了你要找的留言,而且是非要將其刪除不可(當然是因為那段留言竟毫不留情地往你臉上抹黑的緣由啦),那么此時其余想對你大發(fā)贊賞之言的朋友,就會因為你正在做留言刪除的操作而不能留言了。看,這有多可惜!不過,你也無須嘆氣,雖然留言文件不能供多人共用,但是改成數(shù)據(jù)庫來管理留言記錄,當你在做刪除留言的期間,訪問者的留言還是可以加進來的。既然數(shù)據(jù)庫留言簿能對你的系統(tǒng)如此照顧入微,我們現(xiàn)在就事不宜遲,立即來揭開她的廬山真面目。
至于如何建立自已的數(shù)據(jù)庫版本的留言簿,我們還是通過分步驟的方法來說明吧。要編寫一個數(shù)據(jù)庫版本的留言簿,我們大致可以從以下三個步驟來完成。
步驟一:使用Access先建立用來存放留言的數(shù)據(jù)表。(當然,如果你想使你的數(shù)據(jù)庫能很好地工作在高需求、高質(zhì)量的Web應用程序的客戶-服務器數(shù)據(jù)庫,而且無論是在性能還是在可靠性上都能經(jīng)受得起嚴格的考驗,那么你最好是用服務器等級的數(shù)據(jù)庫,如:SQL server、Oracle等。對于非服務器等級的數(shù)據(jù)庫,我推薦使用Access中文版來建立。凡是用Access來建立的數(shù)據(jù)表,都是以.mdb為后綴名,如:book0.mdb。)Access的界面非常友好,操作也非常簡便,相信聰明的讀者們,即使以往從未用過Access的,只要動手試試,也定能很快對其駑駕自如,所以我在這里也就不再贅述(當然也不排除有那么幾分懶惰的成份)。
步驟二:設計一個留言表單的網(wǎng)頁也同樣是不可或缺的。(如:guestbook0.htm)。
步驟三:又到編寫處理留言的ASP程序了。(我們可以將下述代碼COPY下來,然后另存為manage0a.asp文件。)
$#@60;!--#include file=“adovbs.inc”--$#@62;調(diào)用adovbs.inc文件,所謂inc 文件顧名思義是include file的意思,adovbs.inc是IIS/PWS所提供的文件,存放著ADO相關常數(shù)的定義,使用inc文件可以使我們的程序,增加可讀性,更易于開發(fā)和維護。
$#@60;% Function SqlStr(data)SqlStr = “" & Replace(data ”, “")& ”“ End Function
這里用了SqlStr函數(shù),其作用是將數(shù)據(jù)中的一個單引號改成兩個單引號,并且在前后加上單引號。之所以要用該函數(shù)是由于上網(wǎng)者輸入的數(shù)據(jù)必須以用單引號括起來的形式輸入的數(shù)據(jù)與Insert Into命令組合在一起,但是如果用戶輸入的數(shù)據(jù)含有單引號,則輸入的數(shù)據(jù)將會產(chǎn)生錯誤,因此輸入的數(shù)據(jù)必須經(jīng)過SqlStr的切換(將單引號切換成兩個單引號)才是正確的。
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
檢查表單的各輸入框是否有信息輸入,若留有空輸入框沒填則顯示說明信息:”輸入框不能為空白!“ 并停止執(zhí)行下面的程序。
Set conn = Server.CreateObject(”ADODB.Connection“)用Server.CreateObject取得對象ADODB.Connection。因為在ASP中,如果要訪問數(shù)據(jù)必須首先創(chuàng)建與數(shù)據(jù)庫的鏈接,因此建立連接是存取Web數(shù)據(jù)庫不可缺少的步驟,執(zhí)行以上語句之后,conn便是一個Connection對象。
DBPath = Server.MapPath(”book0.mdb“)
通過調(diào)用服務器對象的MapPath方法來獲取book0.mdb的完整路徑。
conn.Open ”driver={Microsoft Access Driver(*.mdb)};dbq=“ &DBPath
因為我們想打開的是Access(.mdb)數(shù)據(jù)庫,所以我們要透過Access的ODBC驅動程序{Microsoft Access Driver(*.mdb)}來存取數(shù)據(jù)庫,dbp參數(shù)則是用來指定想打開的數(shù)據(jù)庫文件,因為它必須是完整路徑名稱,所以我們上一語句用了Server.MapPath 函數(shù)。
Name = Left(Name, 40)Tel = Left(Tel,10)Email = Left(Email, 80)Subject = Left(Subject, 127)
截短輸入到各字段里數(shù)據(jù)的長度,以避免因輸入到某一字段中的數(shù)據(jù)超長而引發(fā)的錯誤,當然假如我們將數(shù)據(jù)庫book0.mdb中的各字段的數(shù)據(jù)類型都有設為“備注”,我們則再無需擔心上網(wǎng)者所輸入的數(shù)據(jù)有多長。
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ù)表中增加一個數(shù)據(jù)記錄,然后把其中的各字段(姓名, 電話, Email, 主題, 留言)分別設置成從留言表單上取下的對應的數(shù)據(jù)。
conn.Executesql 執(zhí)行sql指令。
第三篇:ASP進階教程四:數(shù)據(jù)庫版本的留言簿
ASP進階教程四:數(shù)據(jù)庫版本的留言簿
如何建立自已的數(shù)據(jù)庫版本的留言簿,我們還是通過分步驟的方法來說明吧。要編寫一個數(shù)據(jù)庫版本的留言簿,我們大致可以從以下三個步驟來完成。
步驟一:使用Access先建立用來存放留言的數(shù)據(jù)表。(當然,如果你想使你的數(shù)據(jù)庫能很好地工作在高需求、高質(zhì)量的Web應用程序的客戶-服務器數(shù)據(jù)庫,而且無論是在性能還是在可靠性上都能經(jīng)受得起嚴格的考驗,那么你最好是用服務器等級的數(shù)據(jù)庫,如:SQL server、Oracle等。對于非服務器等級的數(shù)據(jù)庫,我推薦使用Access中文版來建立。凡是用Access來建立的數(shù)據(jù)表,都是以.mdb為后綴名,如:book0.mdb。)
Access的界面非常友好,操作也非常簡便,相信聰明的讀者們,即使以往從未用過Access的,只要動手試試,也定能很快對其駑駕自如,所以我在這里也就不再贅述(當然也不排除有那么幾分懶惰的成份)。
步驟二:設計一個留言表單的網(wǎng)頁也同樣是不可或缺的。(如:guestbook0.htm)。
步驟三:又到編寫處理留言的ASP程序了。(我們可以將下述代碼COPY下來,然后另存為manage0a.asp文件。)
$#@60;!--#include file=“adovbs.inc”--$#@62;
調(diào)用adovbs.inc文件,所謂inc 文件顧名思義是include file的意思,adovbs.inc是IIS/PWS所提供的文件,存放著ADO相關常數(shù)的定義,使用inc文件可以使我們的程序,增加可讀性,更易于開發(fā)和維護。
$#@60;% Function SqlStr(data)SqlStr = “" & Replace(data ”, “")& ”“ End Function
這里用了SqlStr函數(shù),其作用是將數(shù)據(jù)中的一個單引號改成兩個單引號,并且在前后加上單引號。之所以要用該函數(shù)是由于上網(wǎng)者輸入的數(shù)據(jù)必須以用單引號括起來的形式輸入的數(shù)據(jù)與Insert Into命令組合在一起,但是如果用戶輸入的數(shù)據(jù)含有單引號,則輸入的數(shù)據(jù)將會產(chǎn)生錯誤,因此輸入的數(shù)據(jù)必須經(jīng)過SqlStr的切換(將單引號切換成兩個單引號)才是正確的。
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
檢查表單的各輸入框是否有信息輸入,若留有空輸入框沒填則顯示說明信息:”輸入框不能為空白!“ 并停止執(zhí)行下面的程序。
Set conn = Server.CreateObject(”ADODB.Connection“)
用Server.CreateObject取得對象ADODB.Connection。因為在ASP中,如果要訪問數(shù)據(jù)必須首先創(chuàng)建與數(shù)據(jù)庫的鏈接,因此建立連接是存取Web數(shù)據(jù)庫不可缺少的步驟,執(zhí)行以上語句之后,conn便是一個Connection對象。
DBPath = Server.MapPath(”book0.mdb“)
通過調(diào)用服務器對象的MapPath方法來獲取book0.mdb的完整路徑。
conn.Open ”driver={Microsoft Access Driver(*.mdb)};dbq=“ & DBPath
因為我們想打開的是Access(.mdb)數(shù)據(jù)庫,所以我們要透過Access的ODBC驅動程序{Microsoft Access Driver(*.mdb)}來存取數(shù)據(jù)庫,dbp參數(shù)則是用來指定想打開的數(shù)據(jù)庫文件,因為它必須是完整路徑名稱,所以我們上一語句用了Server.MapPath 函數(shù)。
Name = Left(Name, 40)Tel = Left(Tel,10)Email = Left(Email, 80)Subject = Left(Subject, 127)
截短輸入到各字段里數(shù)據(jù)的長度,以避免因輸入到某一字段中的數(shù)據(jù)超長而引發(fā)的錯誤,當然假如我們將數(shù)據(jù)庫book0.mdb中的各字段的數(shù)據(jù)類型都有設為“備注”,我們則再無需擔心上網(wǎng)者所輸入的數(shù)據(jù)有多長。
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ù)表中增加一個數(shù)據(jù)記錄,然后把其中的各字段(姓名, 電話, Email, 主題, 留言)分別設置成從留言表單上取下的對應的數(shù)據(jù)。
conn.Execute sql
執(zhí)行sql指令。
%$#@62;即可。參考資料:ASP教程 ASP教程下載
第四篇:Dreamweaver實訓教案
實訓
一、創(chuàng)建個人網(wǎng)站
課時:2 任務
一、規(guī)劃個人網(wǎng)站
一、提出任務
1.任務目標 規(guī)劃個人網(wǎng)站。2.解決的問題
通過規(guī)劃個人網(wǎng)站了解網(wǎng)站主題對于網(wǎng)站的意義,了解網(wǎng)站的欄目與目錄結構之間的關系及開發(fā)網(wǎng)站的常用工具軟件。
二、任務內(nèi)容
1.通過互聯(lián)網(wǎng)瀏覽網(wǎng)站,總結所瀏覽網(wǎng)站的主題類型,至少找出企業(yè)宣傳、軟件下載、求職招聘、專業(yè)論壇、流行時尚、互動聊天和在線銷售類型的網(wǎng)站各一個,記錄它們的網(wǎng)站名稱填入教材p4表JYFS1-1中:
根據(jù)表格內(nèi)的提示,使用搜索引擎查找相關類型網(wǎng)站。每組4名同學,每人負責兩個主題的網(wǎng)站搜索。
任務二 創(chuàng)建站點
一、提出任務
1.任務目標
創(chuàng)建個人網(wǎng)站站點。2.解決的問題
使用網(wǎng)頁制作軟件Dreamweaver cs5,按照個人網(wǎng)站的制作要求創(chuàng)建網(wǎng)站站點。
二、任務內(nèi)容
1.新建一個站點,名稱為“pra1-1”,使用“高級”選項卡完成新建過程,保存位置為“D:pra1-1”,其他參數(shù)保持默認即可。
2.新建一個以自己姓名命名的個人站點,該站點使用“ASP JavaScript”服務器技術,暫不設置遠程信息與測試服務器,站點保存在“D:pra1-2”文件夾中。
任務三 管理站點
一、提出任務
1.任務目標
管理個人網(wǎng)站站點。2.解決的問題
通過完成本任務學習使用Dreamweaver cs5進行站點管理。3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:啟動Dreamweaver cs5,創(chuàng)建網(wǎng)站站點。
二、任務內(nèi)容
1.新建站點“pra1-5”,使用管理站點功能將其導出。將站點導出文件通過網(wǎng)絡或移動存儲設備拷貝到其他計算機中,使用管理站點功能將其導入。
2.新建站點“pra1-3”,使用管理站點功能復制站點“pra1-3”,編輯復制的站點名稱為“pra1-4”,之后刪除站點“pra1-3”。
任務四
創(chuàng)建網(wǎng)站目錄結構
一、提出任務 1.任務目標
創(chuàng)建網(wǎng)站目錄結構。2.解決的問題
本任務將使用“文件”面板,實現(xiàn)先前規(guī)劃的網(wǎng)站目錄結構,學習在本地站點建立文件和文件夾的方法,管理站點內(nèi)的文件。3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:打開Dreamweaver cs5、管理站點知識。
二、任務內(nèi)容
1.使用“文件”菜單新建“ASP JavaScript”類型的動態(tài)頁,文件保存為“D:/ practice 1-1.asp”,使用屬性面板修改網(wǎng)頁標題為“ASP網(wǎng)頁”。
2.新建站點“pra1-7”,使用“文件”面板創(chuàng)建一個網(wǎng)頁文件,命名為“practice1-2.html”,選中該文件后使用下拉菜單中的重命名選項,改名為“newpage.html”,同樣使用拉菜單中的選項預覽頁面后刪除該頁面。
下
實訓
二、添加首頁內(nèi)容
課時:2 任務一 添加首頁文本
一、提出任務
1.任務目標
完成首頁文本內(nèi)容。2.解決的問題
通過完成本任務學習修改網(wǎng)頁標題,在網(wǎng)頁中添加文本,分段換行和段內(nèi)換行,輸入連續(xù)空格,保存和預覽網(wǎng)頁等知識。
二、任務內(nèi)容
1.新建一個網(wǎng)頁“practice2-1.html”,將本單元素材“舉一反三”文件夾中“practice2-1.txt” 的文本內(nèi)容拷貝到頁面中,使用插入空格的方法修改文本,使每一行文本中的“vs”字樣達到對齊的效果。
2.新建一個網(wǎng)頁“practice2-2.html”,輸入多行文字內(nèi)容并進行分段和強制換行,修改網(wǎng)頁標題為“換行效果預覽”,保存后預覽頁面,觀察在IE瀏覽器中標題在什么位置,瀏覽器窗口大小發(fā)生變化時,對三種換行方式的影響。
任務二 編輯文本樣式
一、提出任務
1.任務目標
完成首頁文本樣式設置,添加水平分隔線與列表。2.解決的問題
本任務通過設置首頁文本樣式,學習文本樣式設置與應用,修改文本樣式,添加水平分隔線與列表知識。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:輸入文本內(nèi)容的方法,段內(nèi)換行與劃分段落方法,輸入連續(xù)空格的方法。
二、任務內(nèi)容
1.新建一個網(wǎng)頁“practice2-4.html”,插入5條水平線,使用屬性面板進行不同的寬、高、對齊與陰影屬性設置,預覽頁面并比較不同屬性的設置效果。
2.新建“班級榮譽”頁面,文件名為“practice2-5.html”,列舉班級成員所獲獎勵,設置為編號列表,修改文本樣式,用不同的文本大小、顏色區(qū)分獎勵的等級,保存并預覽頁面。嘗試先設文本樣式后設編號列表有何區(qū)別。(要求各組課下搜集班級成員獲獎情況,并制定一個設置方案)
任務三 添加圖像
一、提出任務
1.任務目標
為首頁添加圖像內(nèi)容。2.解決的問題
本任務通過為首頁添加圖像內(nèi)容,學習在網(wǎng)頁中插入圖像和編輯圖像的方法。
二、任務內(nèi)容
1.將本單元素材文件夾中的“jyfs1.jpg”插入到一個新建頁面“practice2-7.html”中,裁剪后寬度為200像素,高度為100像素,并設置邊框寬度為5,完成后預覽頁面。
2.新建網(wǎng)頁“practice2-8.html”,插入本單元素材文件夾中的“jyfs2.jpg”,嘗試使用Dreamweaver 8的圖像編輯功能修改圖像的亮度并進行銳化設置。
任務四 創(chuàng)建與應用CSS美化網(wǎng)頁
一、提出任務
1.任務目標
使用CSS美化網(wǎng)頁。2.解決的問題
本任務通過為對首頁進行美化,學習應用CSS樣式。3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:在網(wǎng)頁中輸入文本內(nèi)容、插入圖像及水平線。
二、任務內(nèi)容
1.新建網(wǎng)頁“practice2-9.html”,插入3條水平線,定義3種“類”樣式“l(fā)1”、“l(fā)2”、“l(fā)3”。定義過程中修改樣式中的邊框屬性,使其擁有不同的效果,分別應用在各條水平線上,預覽頁面。
2.將本單元素材“舉一反三”文件夾中的網(wǎng)頁“practice2-11.html”拷貝到D盤根目錄下,定義“標簽”樣式“p”,設置文本大小與顏色,保存后預覽頁面觀察效果,之后定義“類”樣式“p1”,設置不同的文本大小與顏色,并應用于頁面中所插入的文本,瀏覽頁面觀察效果,總結“類”樣式與“標簽”樣式的區(qū)別。
3.新建網(wǎng)頁“practice2-10.html”,插入本單元素材“舉一反三”文件夾中的“jyfs3.jpg”和一條水平線,定義“類”樣式“l(fā)ine1”,修改樣式中的邊框屬性。分別將該樣式應用在頁面中的圖片與水平線上,預覽頁面,分析樣式設置的結果。
實訓
三、創(chuàng)建、編輯表格
課時:4 任務一 創(chuàng)建表格
一、提出任務 1.任務目標
完成“作品展示”網(wǎng)頁中表格的創(chuàng)建。2.解決的問題
通過在“作品展示”網(wǎng)頁中創(chuàng)建表格理解表格布局頁面的重要性,學習網(wǎng)頁的布局分析,掌握創(chuàng)建表格的幾種方法。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:在頁面添加文本,設置文本格式,插入圖像,設置圖像格式。
二、任務內(nèi)容
1.創(chuàng)建網(wǎng)頁“practice3-2.html”,在網(wǎng)頁中插入如圖JYFS3-1所示的嵌套表格,保存并預覽網(wǎng)頁。
圖JYFS3-1
2.創(chuàng)建網(wǎng)頁“practice3-3.html”,在網(wǎng)頁中插入如圖JYFS3-2所示的嵌套表格,保存并預覽網(wǎng)頁。
圖JYFS3-2 3.制作一個以環(huán)保為主題的網(wǎng)頁,首先利用已學知識設計欄目和目錄結構,創(chuàng)建表格布局網(wǎng)頁。
任務二
編輯表格
一、提出任務
1.任務目標
編輯已創(chuàng)建成的表格。2.解決的問題
通過對本單元任務一創(chuàng)建的表格進行編輯,學習更改表格邊框或背景顏色,添加、刪除行或列,調(diào)整行高、列寬及表格大小,拆分或合并單元格。
3.本任務所涉及原有知識要點
完成本任務需要掌握以前學過的利用表格布局頁面,創(chuàng)建表格等知識點。
二、任務內(nèi)容
1.創(chuàng)建網(wǎng)頁“practice3-5.html”,插入如圖JYFS3-4所示表格并按要求設置其屬性:寬400像素、高100像素、單元格間距為5像素、邊框粗細為3像素、邊框顏色為“#FF0000”。表格第1、3列寬100像素、單元格的邊框顏色為“#00FF00”,第2列寬100像素、單元格的邊框顏色為“#0000FF”。
圖JYFS3-4 2.創(chuàng)建網(wǎng)頁“practice3-6.html”,插入一個4行3列的表格,按圖JYFS3-5所示,對單元格進行合并與拆分。設置表格邊框粗細為1像素、顏色為“#000000”,將表格第1行的背景顏色設置為“#3399CC”,第2行與第3行的第一列單元格、第4行第1、2列單元格的背景顏色設置為“#FFFFCC”。
圖JYFS3-5 3.創(chuàng)建網(wǎng)頁“practice3-7.html”,插入5個表格,設置表格對齊屬性及單元格內(nèi)容對齊屬性,使預覽效果如圖JYFS3-6所示。
圖JYFS3-6 實訓
四、表格中添加內(nèi)容及建立超級鏈接
課時:4 任務一
添加表格內(nèi)容
一、提出任務
1.任務目標
在“作品展示”網(wǎng)頁中添加表格內(nèi)容。2.解決的問題
通過在“作品展示”網(wǎng)頁的表格中添加內(nèi)容,學習在表格中添加內(nèi)容并設置格式。3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:表格的創(chuàng)建和編輯。
二、任務內(nèi)容
打開上一任務作業(yè)中創(chuàng)建的以環(huán)保為主題的網(wǎng)頁,從互聯(lián)網(wǎng)或其他途經(jīng)搜索需要的素材,插入到表格中,并設置相應格式。
自己搜索素材,把素材插入到表格中并設置格式。根據(jù)最終要完成的效果可調(diào)整素材或單元格。若在操作單元格時遇到問題,可以考慮用“擴展”或“布局”模式來配合操作。
任務二 建立超級鏈接
一、提出任務
1.任務目標
完成“作品展示”網(wǎng)頁中超級鏈接的添加。2.解決的問題
本任務將把網(wǎng)站中的所有網(wǎng)頁聯(lián)接起來、并把網(wǎng)站和Internet上的目標對象聯(lián)接起來。通過完成本任務要學會如何在網(wǎng)頁中建立超級鏈接。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:在網(wǎng)頁中添加文本對象、圖像等網(wǎng)頁元素,以及設置這些網(wǎng)頁元素的樣式。
二、任務內(nèi)容
P70頁舉一反三,題1、2、3 實訓
五、制作“心情日記”網(wǎng)頁
課時:4 任務一 創(chuàng)建框架集
一、提出任務
1.任務目標
創(chuàng)建“心情日記”頁面的框架結構。2.解決的問題
本任務通過在“心情日記”頁面創(chuàng)建框架集并設置屬性,學習創(chuàng)建框架集以及設置框架集和框架屬性的知識。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:創(chuàng)建網(wǎng)頁、在網(wǎng)頁中添加內(nèi)容、添加超鏈接等。
二、任務內(nèi)容
1.創(chuàng)建如下圖所示的框架集網(wǎng)頁“practice4-2.html”。
2.創(chuàng)建如下圖所示的框架集網(wǎng)頁“practice4-3.html”。
任務二
使用鏈接控制框架內(nèi)容
一、提出任務
1.任務目標
在“心情日記”頁面創(chuàng)建鏈接,使用鏈接控制框架內(nèi)容。2.解決的問題
本任務通過在“心情日記”頁面創(chuàng)建鏈接,學習使用超級鏈接控制框架內(nèi)容,實現(xiàn)在同一瀏覽器窗口中顯示多個網(wǎng)頁的功能。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:如何創(chuàng)建框架集,設置框架集和框架的屬性。
二、任務內(nèi)容
創(chuàng)建網(wǎng)站“pra4-3”,站點保存在“D:pra4-3”文件夾。使用框架技術制作一個網(wǎng)上相冊,將自己拍攝或搜集的相片分類(至少分三類),把每一類相片顯示在一個頁面中。創(chuàng)建一個“上方固定,左側嵌套”的框架集網(wǎng)頁“practice4-6.html”。上部框架顯示相冊標題(自定),左下部框架顯示分類名稱并添加鏈接,右下部框架顯示相應類別的相片頁面(注意:除了框架集網(wǎng)頁外其他網(wǎng)頁文件名自定)。
任務三 制作媒體日記網(wǎng)頁
一、提出任務
1.任務目標
在網(wǎng)頁中插入多媒體內(nèi)容。2.解決的問題
通過完成本任務認識多媒體視頻文件和FLASH動畫文件在網(wǎng)頁制作中的重要作用,學習運用多媒體文件美化和豐富網(wǎng)頁。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:在網(wǎng)頁中插入圖像、編輯圖像,使用框架結構布局頁面。
二、任務內(nèi)容
1.創(chuàng)建網(wǎng)頁“practice4-7.html”,在網(wǎng)頁中插入“插件”,播放本單元素材“舉一反三”文件夾中的“Boo.wav”。
2.創(chuàng)建一個網(wǎng)頁“practice4-8.html”,效果如圖JYFS4-5所示,在網(wǎng)頁下方插入“插件”,播放本單元素材“舉一反三”文件夾中的“piantou.avi”。
3.創(chuàng)建網(wǎng)頁“practice4-9.html”,在網(wǎng)頁中插入“插件”播放本單元素材“舉一反三”文件夾中的“background.mid”,要求設置循環(huán)播放。
實訓
六、制作“家鄉(xiāng)山水”網(wǎng)頁
課時:4 任務一
創(chuàng)建框架集
一、提出任務
1.任務目標
為景區(qū)地圖中的各個景區(qū)與“景區(qū)介紹”頁面中相關內(nèi)容建立鏈接關系。2.解決的問題
本任務通過在“家鄉(xiāng)山水”頁面中添加熱點來劃分景區(qū)地圖上的各個景區(qū),為景區(qū)地圖上各個熱點設置屬性,鏈接到“景區(qū)介紹”頁面中的相應位置。學習創(chuàng)建熱點和錨記鏈接。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:網(wǎng)頁的基本概念以及制作網(wǎng)頁的基本知識,包括表格的制作、插入圖像、添加鏈接等。
二、任務內(nèi)容
將本單元“舉一反三”文件夾中的“pra5-1”文件夾拷貝到D盤根目錄,利用圖像文件“practice5-3.jpg”,制作一個有關荷花的簡單網(wǎng)頁“practice5-3.html”。使用多邊形熱點工具為圖像中的荷花添加熱點,熟悉使用指針熱點工具對熱點進行移動和修改大小的操作。添加替換文本“映日荷花別樣紅”,添加鏈接到“practice5-4.html”,熱點替換如圖JYFS5-2所示。
圖JYFS5-2
任務二
添加和使用層
一、提出任務
1.任務目標
完成“家鄉(xiāng)山水”頁面中層的制作。2.解決的問題
通過完成本任務學習層的使用,并為下一個任務添加行為做準備。
3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:在網(wǎng)頁中添加表格,在單元格中添加內(nèi)容。
二、任務內(nèi)容
1.創(chuàng)建網(wǎng)頁“practice5-5.html”,使用層完成如下工作:在圖像“practice5-4.jpg”的上方疊放另一張圖像“practice5-5.gif”(所需素材在本單元素材文件夾中的“舉一反三”文件夾中),完成效果如圖JYFS5-3所示。
圖JYFS5-3
2.創(chuàng)建網(wǎng)頁“practice5-6.html”,利用層的可重疊性,制作陰影效果的文字,如圖JYFS5-4所示。
圖JYFS5-4
任務三
制作頁面動態(tài)效果
一、提出任務
1.任務目標
為“家鄉(xiāng)山水”網(wǎng)頁添加動態(tài)效果。2.解決的問題
通過為網(wǎng)頁元素添加動態(tài)效果,學習在網(wǎng)頁中添加層行為以及修改刪除層行為操作。3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:在網(wǎng)頁中添加熱點、設置熱點屬性,添加層、設置層屬性。
二、任務內(nèi)容
1.創(chuàng)建網(wǎng)頁“practice5-10.html”,插入本單元素材“舉一反三”文件夾中的圖像“practice5-2.jpg”,為圖像添加“彈出信息”行為,使鼠標經(jīng)過圖像時彈出信息“月到中秋分外明”。
2.創(chuàng)建網(wǎng)頁“practice5-11.html”,使用表格、層及行為創(chuàng)建如圖JYFS5-6所示菜單,鼠標移到菜單選項時顯示下拉列表,移出時下拉列表隱藏,目錄結構參照表JYFS5-1。
實訓
七、制作“訪客信息”網(wǎng)頁
課時:4 任務一 插入表單
一、提出任務
1.任務目標
完成“訪客信息”頁面的制作。2.解決的問題
通過完成本任務,學習在頁面中插入表單及表單元素,并設置表單和表單元素的屬性。3.本任務所涉及原有知識要點
二、任務內(nèi)容
完成本任務所涉及原有知識要點有:使用表格布局頁面、插入圖像。
1.分析教材第166頁圖JYFS6-1所示的“會員資料登記”頁面中有哪些表單元素。常用的表單元素有:文本框、密碼框、單選按鈕、復選框、按鈕等。
2.將本單元“舉一反三”文件夾中的網(wǎng)頁“practice6-1.html”拷貝到D盤根目錄,將表單中的“單選按鈕組”修改為“列表/菜單”元素,“列表/菜單”元素修改為“單選按鈕組”,并使其具有相同的功能。
任務二
檢查表單
一、提出任務
1.任務目標
對“訪客信息”欄目中表單輸入數(shù)據(jù)的正確性進行檢驗。2.解決的問題
本任務通過實現(xiàn)對用戶輸入內(nèi)容進行驗證,學習應用檢查表單。3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:表單以及文本字段、復選框等表單元素的使用。
二、任務內(nèi)容
1.利用本單元所學的知識,制作個人網(wǎng)站的“用戶登錄”網(wǎng)頁“practice6-3.html”,效果如課本圖JYFS6-3所示。設置驗證規(guī)則,要求用戶必須輸入用戶名和密碼,并且其中密碼必須是數(shù)字格式,若不符合要求,則顯示錯誤提示信息。
任務三 完成 “訪客信息”網(wǎng)頁
實訓
八、制作“專業(yè)教程”網(wǎng)頁
課時:4 任務一 分析頁面布局結構
任務二
練習
1.利用本單元所學的知識,制作個人網(wǎng)站的“用戶登錄”網(wǎng)頁“practice6-3.html”,效果如課本圖JYFS6-3所示。設置驗證規(guī)則,要求用戶必須輸入用戶名和密碼,并且其中密碼必須是數(shù)字格式,若不符合要求,則顯示錯誤提示信息。
制作框架頁面:
1、新建網(wǎng)頁123.html,標題:歡迎訪問新世紀課程網(wǎng)站。
2、選擇【布局】-“框架”-“左側和嵌套的頂部框架”,在屬性面板中,設置行值為114像素,列值為200像素。
保存全部,分別命名各框架名稱:leftFrame為a.html、topFrame為b.html、mainFrame為c.html。
3、在a.html頁面屬性中將上、下、左、右邊距全部設為0。插入一個6行1列的表格,表格寬度為95%,居中對齊。
所有單元格水平居中,將第一個單元格的高度設為20px,輸入文本“學習導航”; 其余單元格將高度設置為50px,分別輸入文字“◆知識點一”、“◆知識點二”、“◆知識點三”、“◆知識點四”、“◆知識點五”,并分別建立鏈接關系,鏈接路徑指向要鏈接到的網(wǎng)頁,目標選擇mainFrame框架。
4、在b.html頁面屬性中將上、下、左、右邊距全部設為0。插入一個1行2列的表格,寬度為100%,高度為114px,背景顏色藍色。
設置左單元格寬為213px,背景圖片images/logo.gif;右單元格水平居中,輸入文本“新世紀課程網(wǎng)站”。
5、在c.html頁面屬性中將上、下、左、右邊距全部設為0。在本頁設置一個歡迎頁面。
任務三 完成 “專業(yè)教程”網(wǎng)頁
實訓
九、模板應用及網(wǎng)站發(fā)布
課時:4 任務一 創(chuàng)建網(wǎng)站模板
一、提出任務
1.任務目標
將第三單元創(chuàng)建的“作品展示”頁面轉存為模板文件。2.解決的問題
通過完成本任務,學會利用原有頁面創(chuàng)建網(wǎng)站模板。
二、實訓任務
1、將本單元素材“舉一反三”文件夾中的“pra7-1”文件夾復制到D盤根目錄下,創(chuàng)建站點“pra7-1”,文件存儲在“D:pra7-1”,使用“文件”菜單中的“新建”選項,新建一個HTML類型模板“pra7-1.dwt”,效果如下圖所示。提示:所用背景圖像在“pra7-1images”文件夾中,頁面使用表格布局。
2.將本單元素材“舉一反三”文件夾中的“pra7-2”文件夾拷貝到D盤根目錄下,創(chuàng)建站點“pra7-2”,將頁面“pra7-2.html”,另存為模板“pra7-2.dwt”,在表格“table_edit”中添加可編輯區(qū)域“edit7-2”,如下圖所示,保存模板。
任務二 套用模板
一、提出任務
1.任務目標
將任務一中創(chuàng)建的模板套用到網(wǎng)站中的“首頁”、“家鄉(xiāng)山水”、“景區(qū)介紹”、“訪客信息”和“作品展示”頁面,并修改相關頁面及文本中的內(nèi)容。
2.解決的問題
通過完成本任務,學會將模板文件套用到已存在的網(wǎng)頁,使風格一致。3.本任務所涉及原有知識要點
完成本任務所涉及原有知識要點有:在“CSS樣式”面板中刪除樣式,選中及刪除表格,修改網(wǎng)頁標題,為文本添加超級鏈接。
二、實訓任務
1.將本單元素材“舉一反三”文件夾中的“pra7-3”文件夾拷貝到D盤根目錄下,創(chuàng)建站點“pra7-3”,使用模板“pra7-3.dwt”創(chuàng)建兩個新頁面,將文件夾中的文本文件內(nèi)容拷貝到兩個頁面的可編輯區(qū)域,分別保存為“pra7-3.html”、“pra7-4.html”。為文件夾中已有頁面“pra7-5.html”、“pra7-6.html”套用模板。2.編輯站點“pra7-3”中的模板文件,為其添加相應的超級鏈接,保存后預覽整個站點。
任務三 完成模板應用
第五篇:asp實訓小結(推薦)
Asp實訓小結
不知不覺又過了一個星期了,這次實訓,總的下來,感覺不易。
經(jīng)過一周的實習,我感覺做購物網(wǎng)站的每一個過程都是非常的復雜與繁瑣,所以一定要養(yǎng)成細心做事的習慣;這樣才可能做出一樣成功的作品。
經(jīng)過實習,使我比較全面、系統(tǒng)的了解和熟悉ASP的各種工具的使用,各種不同的效果的做法,為我們以后的學習和工作打下了堅實的基礎;以前沒有學懂的一些東西,在這個實習過程中我基本把它們弄懂了,可以說這是對我所學知識的復習和深化。
在購物網(wǎng)站中,學了最基本而又非學不可的后臺管理、用戶購物車、購物網(wǎng)站模板等等。
在做網(wǎng)站的過程中,用戶購物車是我們問題最多的步驟,通過做題,我們發(fā)現(xiàn)了自己的不足,這也與我們平時上課有關,許多學過的知識,轉眼就忘,而且也沒有在空余時間去復習,并且對于一些重點的知識,我們也掌握的不好,許多基本知識語句都會出錯。對于這種情況,我們就得好好反省自己,在以后的學習當中,我們就要補其不足,掌握更好的學習方法。
實訓的過程是繁瑣的,但是同學們都表現(xiàn)的很積極,認真做好購物網(wǎng)站,認真的檢查,直到完成這次實訓作業(yè),這次實訓對于我們來說是一種難得的歷練,在實訓中,機房里充滿了一種濃濃的學習氣氛,不是有幾句話這樣說嗎:“我聽到的會忘掉,我看到的能記住,我做過的才真正明白。”實踐經(jīng)驗對于學生來說更是必不可少的。總體來說,對這次實訓還是比較滿意的。
其實,不管我們做什么事情,我們都應該想清楚,首先干什么,其次干什么,有了一個合理的規(guī)劃,我們做起來也就比較的有了方向,有了目標,再向目標去奮斗,這樣我們才能更好的把握自己,使自己更好的發(fā)展。