第一篇：用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

文本

留言者姓名

qq

數(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ā)展。