第一篇:dreamweaver制作留言板步驟
一、安裝與調(diào)試
常聽朋友感嘆ASP程序難學(xué)不易懂,不過我起初學(xué)習(xí)這門技術(shù)的時候也有過這樣的感悟。從今天開始,我將以我學(xué)ASP的經(jīng)驗來做一個簡單的ASP留言本,這個留言本用了Access數(shù)據(jù)庫,所以務(wù)必請大家要跟我一起做的朋友都安裝好Office軟件,相信各位自己的電腦上都有了。好了,開始。
創(chuàng)建ASP的運行環(huán)境(安裝IIS)
IIS(Internet Information Service)是構(gòu)建ASP站點所必須的,所以,我們應(yīng)該先確認(rèn)自己的電腦已安裝了IIS信息服務(wù),如果沒有安裝好的話,請按以下步驟:
1、打開“控制面板”
2、雙擊“添加/刪除程序”
3、單擊“添加/刪除Windows組件”,打開添加/刪除Windows組件對話框:
3、從下拉的列表中選擇“Internet 信息服務(wù)(IIS)”單擊“下一步”:
4、出現(xiàn)組件安裝進(jìn)度窗口,如彈出需要安裝盤的話,放入Windows2000安裝盤,按提示操作即可。直至最后安裝完畢。
二、設(shè)計數(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,那么具體又如何來選擇呢?我們可以打一個比方:比如釘一枚小釘子,聰明的人一定不會用一個大的棒槌,而是選擇小的鐵錘,雖然用大的棒槌也一樣的可以把釘子釘進(jìn)去,可是沒有人愿意這樣做。
數(shù)據(jù)庫也一樣:Access比較適用小型的應(yīng)用,而MS SQL則適用于大中型的數(shù)據(jù)庫應(yīng)用,所以要做一個留言本,理所當(dāng)然是選擇Access更好一些,但是如果你決心使用MS,沒有人會極力阻止你。好了,廢話少說,切入正題,下面開始創(chuàng)建數(shù)據(jù)庫。
Access是微軟office辦公軟件中的其中一個,默認(rèn)的安裝Office是有這個Access的,好了,打開程序,開始了,GO!
進(jìn)入實戰(zhàn)了。打開程序后,出現(xiàn)一個對話框,這里我們選擇第一個選項”空Access數(shù)據(jù)庫”點擊確定,彈出一個新建數(shù)據(jù)庫的文件框,選擇你上次你建的站點目錄,起個data的文件名,點擊創(chuàng)建,OK!雙擊”使用設(shè)計器創(chuàng)建表”打開表創(chuàng)建窗口”如圖 創(chuàng)建表的結(jié)構(gòu)如下表:
字段名稱 數(shù)據(jù)類型 備注(筆者注釋)
id 自動編號 設(shè)置“自動編號” user 文本 留言者姓名
qq 數(shù)字 留言者的QQ,因為QQ號是由數(shù)字組成email 文本 留言者的電子郵件
content 備注 留言內(nèi)容
data 日期/時間 留言時間,設(shè)定默認(rèn)值為Now()
數(shù)據(jù)庫設(shè)計好了以后,可以直接在數(shù)據(jù)庫里添加兩條記錄,以后測試時候用!
三、連接數(shù)據(jù)庫
在上一節(jié),我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫,在這一節(jié)中,我們來用ASP把程序和數(shù)據(jù)庫連接起來,以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復(fù)雜的插入、修改和刪除。
一起看以下代碼,這就是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”)在服務(wù)器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象
connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb”)告訴ASP數(shù)據(jù)庫的接接方法以及路徑
conn.open connstr 創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進(jìn)行連接 %> 一切OK了!結(jié)束ASP程序
將上面的代碼另存為conn.asp文件,放在服務(wù)器目錄下面就可以了。怎么樣,簡單吧?
四、制作留言本首頁
前面我們已經(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 %> 代碼拷貝框
<%@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 %> [Ctrl+A 全部選擇 然后拷貝]
解釋一下:
第一行,表明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ù)庫,設(shè)置屬性為只讀(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/user_show_info?ln=<;%=rs(“qq”)%> “郵件”鏈接到:mailt<%=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ù)全部顯示在頁面中了。
五、制作添加留言頁面,實現(xiàn)留言功能
我們是做的一個留言本,實現(xiàn)留言的功能就十分重要了,要不然就算不上留言本了,接下來就一起來實現(xiàn)這個功能。
用DW制作以下這樣的頁面:
設(shè)置表單的屬性如下:
姓名:設(shè)置為單行文本域,名稱為“user” QQ號:設(shè)置為單行文本域,名稱為“qq” 郵件:設(shè)置為單行文本域,名稱為“email” 內(nèi)容:設(shè)置為多行文本域,名稱為“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,3
用剛才創(chuàng)建的名為rs的記錄集打開數(shù)據(jù)庫,設(shè)置屬性為插入數(shù)據(jù) rs.addnew
用記錄集新添加一條數(shù)據(jù)
user=request.form(“user”)
請求表單的變量,定義變量為user,這里request.form是請求表單的意思 qq=request.form(“qq”)
請求表單的變量,定義變量為qq,這里request.form是請求表單的意思 email=request.form(“email”)
請求表單的變量,定義變量為email,這里request.form是請求表單的意思
content=request.form(“content”)
請求表單的變量,定義變量為content,這里request.form是請求表單的意思 rs(“user”)=user
將請求到的表單值傳向記錄集中代表user字段的名稱 rs(“qq”)=qq
將請求到的表單值傳向記錄集中代表qq字段的名稱 rs(“email”)=email
將請求到的表單值傳向記錄集中代表email字段的名稱 rs(“content”)=content
將請求到的表單值傳向記錄集中代表content字段的名稱 rs.update
更新一下數(shù)據(jù)庫中的數(shù)據(jù)。rs.close
關(guān)閉記錄集 set rs=nothing
銷毀記錄集 conn.close
關(guān)閉數(shù)據(jù)庫連接 set rs=nothing
銷毀數(shù)據(jù)庫連接 %>
代碼拷貝框
<%@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,3
用剛才創(chuàng)建的名為rs的記錄集打開數(shù)據(jù)庫,設(shè)置屬性為插入數(shù)據(jù) rs.addnew
用記錄集新添加一條數(shù)據(jù)
user=request.form(“user”)
請求表單的變量,定義變量為user,這里request.form是請求表單的意思 qq=request.form(“qq”)
請求表單的變量,定義變量為qq,這里request.form是請求表單的意思 email=request.form(“email”)
請求表單的變量,定義變量為email,這里request.form是請求表單的意思
content=request.form(“content”)
請求表單的變量,定義變量為content,這里request.form是請求表單的意思
rs(“user”)=user
將請求到的表單值傳向記錄集中代表user字段的名稱 rs(“qq”)=qq
將請求到的表單值傳向記錄集中代表qq字段的名稱 rs(“email”)=email
將請求到的表單值傳向記錄集中代表email字段的名稱 rs(“content”)=content
將請求到的表單值傳向記錄集中代表content字段的名稱 rs.update
更新一下數(shù)據(jù)庫中的數(shù)據(jù)。rs.close
關(guān)閉記錄集 set rs=nothing
銷毀記錄集 conn.close
關(guān)閉數(shù)據(jù)庫連接 set rs=nothing
銷毀數(shù)據(jù)庫連接 %>
[Ctrl+A 全部選擇 然后拷貝]
將以上文件存為addsave.asp,測試下!咦?怎么填好提交以后就出現(xiàn)空白了,為什么?這是因為在addsave.asp中沒有設(shè)置數(shù)據(jù)成功提交好后的轉(zhuǎn)向頁面,這里不用做那么復(fù)雜的,只要做一個刷新頁面就行了,在程序的后面加上:
然后在頁面中添加提示信息,比如:“您的留言已經(jīng)成功提交,2秒鐘后將自動返回留言本首頁” 好了,這個留言的功能總算實現(xiàn)了,最后再測試下,看看效果!
OK!
六、制作管理登陸頁面
留言本的管理功能對于留言本來說就不言而喻了,像論壇的登陸功能就是一個很好的例子,不過我們做留言本基本上有刪除功能就行了,寫這個教程是為了更多的ASP入門者更好的了解ASP,所以旨在學(xué)習(xí)用,當(dāng)然也可以在這基礎(chǔ)上添加更多的功能,比如回復(fù)留言者。
好了,開始了,還是按照以前的,用Dreamweaver做一個登陸頁面,如下圖:
把用戶名的表單名稱設(shè)置為admin,密碼的表單名稱設(shè)為password,把動作指向checkpass.asp,存admin.asp這樣登陸頁面就好了,下面就做檢測密碼的ASP程序了,看以下代碼解釋:
把conn.asp包含進(jìn)來連接數(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 結(jié)束if語句
sql=”select * from admin where admin=“&admin&” and password=“&password&”“ 這句很重要,我們放到后面講
set rs=conn.execute(sql)設(shè)定記錄集rs,用conn執(zhí)行SQL語句 if rs.eof or rs.bof then 當(dāng)沒有符合篩選結(jié)果時,則執(zhí)行下面的句子 response.write ”“ 用javascript腳本提示用戶 else 如果符合條件的時候
session(”admin“)=admin 新建session,值等于表單傳來的用戶名 response.redirect ”mymanage.asp“ 轉(zhuǎn)向到mymanage.asp,進(jìn)入管理頁 end if 結(jié)束if語句 %> ASP結(jié)束
代碼拷貝框
把conn.asp包含進(jìn)來連接數(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 結(jié)束if語句
sql=”select * from admin where admin=“&admin&” and password=“&password&”“ 這句很重要,我們放到后面講
set rs=conn.execute(sql)設(shè)定記錄集rs,用conn執(zhí)行SQL語句 if rs.eof or rs.bof then 當(dāng)沒有符合篩選結(jié)果時,則執(zhí)行下面的句子 response.write ”“ 用javascript腳本提示用戶 else 如果符合條件的時候
session(”admin“)=admin 新建session,值等于表單傳來的用戶名 response.redirect ”mymanage.asp“ 轉(zhuǎn)向到mymanage.asp,進(jìn)入管理頁 end if 結(jié)束if語句 %> ASP結(jié)束
[Ctrl+A 全部選擇 然后拷貝]
將以上代碼保存為checkpass.asp
這樣,用戶在admin.asp頁面中輸入用戶名和密碼后,就把用戶名和密碼值傳給checkpass.asp處理,當(dāng)用戶名和密碼的值和數(shù)據(jù)庫中的字段相匹配時,就進(jìn)入mymanage.asp這個管理頁面,同時建一個session,這個session的會話變量將在后面起作用,七、制作管理頁面
上節(jié)中講的是制作登陸頁面和檢測用戶,當(dāng)用戶名和密碼正確時就轉(zhuǎn)到管理頁面,好了,開始實現(xiàn)它。其實這個留言本的管理頁面和用戶直接看到的首頁沒有多大的區(qū)別,只是用了Session會話變量用作保護(hù)和增加了一個刪除鏈接,當(dāng)點擊這個鏈接的時候,就會自動刪除這條留言,好了,其本的目的知道了,那就GO!
剛才講了,這個頁面和首頁的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這個自動編號的值,以便刪除留言時鎖定這個id。
然后在“郵件”這個鏈接后面增加一個鏈接“刪除”,鏈接:del.asp?id=<%=rs(”id“),修改代碼后為“ onclick=”return confirm(是否確定刪除本留言?);“>刪除 這樣,待會我們做del這個頁的時候,就會知道為什么了!改過后存為mymanage.asp
現(xiàn)在打開瀏覽器看看!
怎么不用輸入用戶名和密碼都可進(jì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í)行。<% else response.Redirect(”admin.asp“)end if%> 為空的話就轉(zhuǎn)向登陸頁,重新登陸,這樣的話,直接輸入網(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有點像我們漢語中的“當(dāng)”,整句話的意思是選擇所有來自表名為main的字段,它的條件是當(dāng)數(shù)據(jù)庫中的id字段是字串所傳來的id。如果這個沒有的話這個一時間不明白也不要緊,慢慢接觸就知道了。第6句是打開符合條件的記錄,確切的講不應(yīng)該叫記錄集了,因為經(jīng)過我們這樣篩選的話,記錄絕對是一條,2,3指定可以對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)入修改。
第7、8句
rs.delete 看了就明白了,原來這才是整個程序的精髓,就是執(zhí)行刪除了。rs.update 這是更新數(shù)據(jù)庫中的表,刪除后就更新。
最后大家自己用rs.close和conn.close釋放。
第二篇:Dreamweaver 8.0制作簡易留言板圖文教程
用ASP和Dreamweaver 8.0制作簡易留言板
目錄
一、ASP原理..................................................................................................................................2
二、網(wǎng)頁制作步驟...........................................................................................................................3
1、建立數(shù)據(jù)庫.........................................................................................................................3
(1)、利用ACCESS新建空數(shù)據(jù)庫db_message.mdb.....................................................3(2)、建立數(shù)據(jù)表t_message.............................................................................................3(3)、建立所需字段..........................................................................................................3
2、建立留言頁面.....................................................................................................................4
(1)、打開Dreamweaver 8.0 新建 ASP VBScript,建立留言頁面message.Asp。....4(2)、建立數(shù)據(jù)庫連接conn.............................................................................................4(3)、利用插入記錄表單向?qū)?chuàng)建頁面..........................................................................4
3、建立留言板首頁.................................................................................................................6
(1)、用Dreamweaver新建ASP VBScript,創(chuàng)建留言板首頁index.asp。...............6(2)、建立一個記錄集message........................................................................................6(3)、插入一個4行4列的表格......................................................................................7(4)、綁定記錄集到表格中..............................................................................................8(5)、添加重復(fù)區(qū)域........................................................................................................10
三、網(wǎng)頁制作結(jié)果.........................................................................................................................11
四、總結(jié).........................................................................................................................................12
五、致謝.........................................................................................................................................12
六、參考文獻(xiàn).................................................................................................................................13
摘要:隨著因特網(wǎng)的迅猛發(fā)展,網(wǎng)絡(luò)已深入到世界的各個角落,作為因特網(wǎng)的主要組成部分的網(wǎng)站,其數(shù)量和質(zhì)量都在快速發(fā)展。網(wǎng)站與用戶的交互主要使用動態(tài)網(wǎng)頁來實現(xiàn),為了簡化和方便動態(tài)網(wǎng)頁的開發(fā),Web領(lǐng)域的主要開發(fā)商相繼推出了多種Web開發(fā)技術(shù),ASP(Active Server Pages)就是其中的典型代表。利用ASP和Dreamweaver 8.0快速創(chuàng)建充滿動感的交互網(wǎng)頁,而無需或只需要少量的手寫代碼,同時還能非常方便地編輯和管理站點,這是動態(tài)網(wǎng)頁初學(xué)者進(jìn)行網(wǎng)站開發(fā)的最好方式。用ASP、Dreamweaver 8.0以及Access作為后臺數(shù)據(jù)庫可以簡單快捷的設(shè)計一個留言板,達(dá)到留言板的基本功能。
關(guān)鍵字:ASP、Dreamweaver、留言板、交互網(wǎng)頁、Access
一、ASP原理
ASP是一個編程環(huán)境,在其中,可以混合使用HTML、腳本語言以及組件來創(chuàng)建服務(wù)器端功能強大的Internet應(yīng)用程序。如果你以前創(chuàng)建過一個站點,其中混合了HTML、腳本語言以及組件,你就可以在其中加入ASP程序代碼。組件可以被腳本程序調(diào)用,也可以由其他的組件調(diào)用。ASP網(wǎng)頁需要相應(yīng)的Web服務(wù)器的支持,才能正常運行,其WEB服務(wù)器主要是PWS和IIS。安裝IIS后,設(shè)置相應(yīng)配置,便可使用ASP。
網(wǎng)頁文件均是存放在Web服務(wù)器中的,當(dāng)在客戶端瀏覽器的地址欄鍵入某個網(wǎng)址并按回車時,便向服務(wù)器觸發(fā)了一個HTTP請求,服務(wù)器將根據(jù)所請求網(wǎng)頁的擴展名,來決定響應(yīng)的方式。ASP網(wǎng)頁是運行于服務(wù)器端的,在客戶端所查看到的網(wǎng)頁源代碼,是ASP動態(tài)生成的頁面源代碼,并非ASP網(wǎng)頁本身的代碼,因此,ASP網(wǎng)頁具有較高的保密性,另外,由于ASP輸出的是標(biāo)準(zhǔn)格式的HTML頁面,故不存在瀏覽器不支持的問題。HTML運行于客戶端瀏覽器,由瀏覽器解釋執(zhí)行,從而顯示出最終的頁面內(nèi)容。ASP能根據(jù)代碼執(zhí)行的結(jié)果,動態(tài)形成頁面內(nèi)容,故ASP頁面又稱為動態(tài)網(wǎng)頁。
當(dāng)在Web站點中融入ASP功能后,通常將發(fā)生以下結(jié)果:
1、用戶調(diào)出站點內(nèi)容,默認(rèn)頁面的擴展名是.asp。
2、瀏覽器從服務(wù)器上請求ASP文件。
3、服務(wù)器端腳本開始運行ASP。
4、ASP文件按照從上到下的順序開始處理,執(zhí)行腳本命令,執(zhí)行HTML頁面內(nèi)容。
5、頁面信息發(fā)送到瀏覽器。
二、網(wǎng)頁制作步驟
1、建立數(shù)據(jù)庫
(1)、利用ACCESS新建空數(shù)據(jù)庫db_message.mdb(2)、建立數(shù)據(jù)表t_message(3)、建立所需字段
留言人:t_name 留言內(nèi)容:t_message 留言時間:t_time
2、建立留言頁面
(1)、打開Dreamweaver 8.0 新建 ASP VBScript,建立留言頁面message.Asp。(2)、建立數(shù)據(jù)庫連接conn,用以下程序:
“Provider=Microsoft.Jet.oLEDB.4.0;Data Source=E:webdb_message.mdb”
(3)、利用插入記錄表單向?qū)?chuàng)建頁面,各配置如圖
列t_time的標(biāo)簽改為留言時間,顯示為隱藏域,提交為日期,默認(rèn)值寫 <%= Now()%> 設(shè)置完記錄表單向?qū)Ш?,會自動生成表?/p>
打開瀏覽器,輸入http://localhost/message.asp 出現(xiàn)留言頁面,輸入留言內(nèi)容
由于留言板主頁并未制作,所以不會出現(xiàn)連接,但是Access數(shù)據(jù)庫中有留言內(nèi)容
3、建立留言板首頁
(1)、用Dreamweaver新建ASP VBScript,創(chuàng)建留言板首頁index.asp。(2)、建立一個記錄集message
(3)、插入一個4行4列的表格
(4)、綁定記錄集到表格中
在瀏覽器地址輸入http://localhost/index.asp就會出現(xiàn)留言板主頁,并且顯示以前留言
重新在瀏覽器地址輸入http://localhost/message.asp
提交新留言
留言板主頁只顯示當(dāng)前最新留言,以前留言并不顯示,要改進(jìn)就要添加重復(fù)區(qū)域
9(5)、添加重復(fù)區(qū)域
需要修改代碼
在瀏覽器輸入地址http://localhost/index.asp顯示結(jié)果有全部留言
三、網(wǎng)頁制作結(jié)果
四、總結(jié)
這次實訓(xùn)是做一個簡易的留言板,對然簡單,但能實現(xiàn)基本功能。利用ASP、Dreamweaver 8.0、Access制作留言板,減少了寫繁多代碼的麻煩,便可制作出最基本、簡便的留言板。在制作過程中,首先了解了ASP的運行與原理,其次,再利用Dreamweaver 8.0制作網(wǎng)頁的過程中,對該軟件有了初步的認(rèn)識與了解,并會運用其中一些功能,利用Access制作簡單的數(shù)據(jù)庫,簡便快捷。
在使用軟件的過程中,由陌生到逐步了解、熟悉,在配置各種設(shè)置的過程中了解使用原理,一步一步做出所需要的留言板,在過程中學(xué)會知識,在結(jié)果中收獲喜悅。通過本次實訓(xùn),讓我對學(xué)了的知識進(jìn)行了鞏固并且學(xué)到了許多新的知識,知道如何將書本上的知識轉(zhuǎn)化為實際操作并且得到所要的結(jié)果,五、致謝
感謝老師的指導(dǎo),為我們解決了許多疑難困惑。
六、參考文獻(xiàn)
[1] 吳鵬,李國娟,賈艷萍.Dreamweaver網(wǎng)頁設(shè)計與制作案例教程.北京大學(xué)出版社,2010.[2] 張玉孔.ASP動態(tài)網(wǎng)頁開發(fā)案例教程.北京航空航天大學(xué)出版社,2009.[3] 石志國,李穎.ASP程序設(shè)計.清華大學(xué)出版社,2005.[4] 鄒婷.Dreamweaver 8 標(biāo)準(zhǔn)教程.中國青年出版社,2006.
第三篇:留言板的制作
實驗十二
一、實訓(xùn)目的
1、掌握制作校園留言板;
2、掌握制作留言板數(shù)據(jù)庫。
二、實訓(xùn)內(nèi)容
注意:以下各題,保存在D: 09通信學(xué)號XX文件名中。
1、設(shè)計添加留言板數(shù)據(jù)庫(課本P113-114)。(40分)
2、設(shè)計留言板主頁(index.asp)(課本P120-125)(60分)
第四篇:Dreamweaver制作網(wǎng)頁經(jīng)典問題
Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(1)1> 在DW中,如何輸入一個空格呢?
輸入空格的問題,在DW似乎已成了一個老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。
DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的,因此通過將輸入法調(diào)整到全角模式就可以避免了,方法是:打開中文輸入法(以人工智能ABC為例),按Shift+Space切換到全角狀態(tài),現(xiàn)在應(yīng)該沒問題了。此外,你還可以通過許多“變通”的方法達(dá)到錄入空格的目的,比如常用的是:
直接在源代碼中加入代表空格的HTML代碼“ ”;輸入一定長度的文字對象后,然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等,不過注意的是后者在一些瀏覽器中可能顯示上有點問題。
2> 如何在瀏覽器地址欄前添加自定義的小圖標(biāo)?
你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時,在地址004km.cn前會顯示一個“易”字樣的小圖標(biāo)。而默認(rèn)情況下,這個圖標(biāo)是一個IE瀏覽器的指定圖片。
其實這也不是什么高深技術(shù),只不過在網(wǎng)站目錄下添加了一個特定文件而已。
這時,我們需要預(yù)先制作一個圖標(biāo)文件,大小為16*16像素。文件擴展名為ico,然后上傳到相應(yīng)目錄中。在HTML源文件“
”之間添加如下代碼:其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。當(dāng)然如果用戶使用IE5或以上版本瀏覽時,就更簡單了,只需將圖片上傳到網(wǎng)站根目錄下,即可自動識別!
3> 為什么,我本來設(shè)計很好的網(wǎng)頁,在瀏覽器窗口最小化時會變的丑陋難堪?
這應(yīng)該是個很值得大家注意的問題,也就是說,在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時,一點問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時,問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍,依次下挫。舉個例子,和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。解決這個問題,我們必須從網(wǎng)頁的布局說起,一般情況下,網(wǎng)頁內(nèi)容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。你可能已經(jīng)注意到了,在表格的高寬設(shè)定選擇上提供了兩種不同的類型,百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病,將其全部更正為Pixels單位的實際大小就可以了。
4> 如何改變網(wǎng)頁顯示時,最頂部的提示信息?
瀏覽網(wǎng)頁時,頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在,有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4前,沒有在功能上直接提供該操作,我們往往通過在源代碼中應(yīng)用“title”屬性來完成。進(jìn)入DW4就簡單多了。
直接在編輯窗口最上方的“title”輸入框內(nèi)鍵入所需要的文字信息即可。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(2)5> 怎么樣,才能為圖片添加指定顏色的邊框?
對于沒有邊框的圖片而言,直接插入到網(wǎng)頁中,在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當(dāng)麻煩的。不過在DW中就顯得容易多了,因為這里有一個“Border”屬性,可以讓你直接設(shè)置邊框的寬度。
寬度設(shè)好了,你一定會問,顏色呢?面板上并沒有提供顏色的選擇呀!呵呵,其實這里有一個技巧問題,用鼠標(biāo)選擇圖片對象,注意不是點擊選中,而是拖動選擇。象設(shè)定文字顏色一樣進(jìn)行就可以了。
6> 如何添加圖片及鏈接文字的提示信息?
在我們?yōu)g覽網(wǎng)頁時,當(dāng)鼠標(biāo)停留在圖片對象或鏈接上時,在鼠標(biāo)的右下有時會出現(xiàn)一個提示信息框。對目標(biāo)進(jìn)行一定的注釋說明。在一些場合,它的作用是很重要的。
下面先看看圖片提示信息的添加,選中圖片對象,在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認(rèn)情況下,該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。
那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能,因此我們需要通過添加HTML代碼來實現(xiàn)。
在中添加“title”屬性。title=提示內(nèi)容即可。
7> 如何把自己的ZIP或其他類型的文件供別人下載?
在不少初級網(wǎng)頁制作者看來,好象通過鼠標(biāo)單擊完成下載是件很“神秘”的事,實際上遠(yuǎn)非如此.在DW中凡是不被瀏覽器識別的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為鏈接目標(biāo)時,默認(rèn)的操作都是下載.這時你只需要,把要瀏覽者下載的文件名寫好,然后制作一個到目標(biāo)文件的鏈接.注意目錄一定不要搞錯.8> 怎樣才能夠保證網(wǎng)頁中文字不跟隨瀏覽器字體大小設(shè)置而變動?
大家都知道,在IE瀏覽器的功能設(shè)置中,有一個可以自由設(shè)置窗口內(nèi)容字體大小的功能,這樣由于不同訪問者的習(xí)慣問題,呈現(xiàn)在他們面前的網(wǎng)頁有時也會不同。
比如你可能本來設(shè)計時用的是2號字體,結(jié)果由于用戶對瀏覽器的額外設(shè)定,變的更大了,這時顯示效果上就出問題了。
那么解決的辦法就是將網(wǎng)頁內(nèi)容定性的強制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字體進(jìn)行強制性控制就可以實現(xiàn)這個要求了。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(3)
9> 以新窗口的形式打開目標(biāo)鏈接?
以新窗口打開,顧名思義,也就是在不覆蓋當(dāng)前窗口的前提下,另外打開一個瀏覽器窗口。你可以直接在連接代碼中加入“Target=_blank”。
如果你的HTML比較差的話,在DW屬性面板上同樣提供了這個設(shè)置,當(dāng)你在Link輸入框中鍵入004km.cnmon的“內(nèi)容”。
單擊上面的“Refresh”按鈕,其中“Delay”輸入框中鍵入刷新延遲的時間(單位:秒),“Action”為刷新指定的目標(biāo)URL。因為現(xiàn)在是刷新當(dāng)前頁面,直接選單選項“Refresh This Document”即可。
·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(4)
13> 如何定義網(wǎng)頁的關(guān)鍵字(Keyname)?
當(dāng)用戶使用搜索引擎search合適內(nèi)容的網(wǎng)頁時,關(guān)鍵字起著一個不容忽視的作用。大多的搜索服務(wù)器會每隔一段時間自動探測網(wǎng)絡(luò)中是否有新網(wǎng)頁產(chǎn)生,并把他們按關(guān)鍵字進(jìn)行記錄,以方便用戶查詢。
你當(dāng)然想讓你的網(wǎng)頁出現(xiàn)在搜索引擎的查詢返回列表中了,這時關(guān)鍵字的定義就尤為重要了。
同樣在“Head”面板部分,單擊“Keywords”按鈕,錄入需要逐個定義的關(guān)鍵字即可,注意每個關(guān)鍵字以“;”號隔開,數(shù)目沒有限制。
14> 如何在編輯窗口中,隱藏一些不必要的標(biāo)簽?
當(dāng)用戶在網(wǎng)頁中插入了太多的不可見元素時,在編輯窗口的最上面就會顯示一排相應(yīng)的標(biāo)示標(biāo)簽,用來方便用戶隨時能找到它們。雖然這些標(biāo)簽本身并不影響瀏覽器里的顯示效果,但多了以后,往往使網(wǎng)頁內(nèi)容不得不錯位,從而一定程度上妨礙網(wǎng)頁視覺上的調(diào)整,那么怎么樣才能把這些東東去掉呢?
進(jìn)入“Preperence”面板,列表中選擇“Invisibel Elements”,勾掉你不想顯示的項目前的“對號”即可,比如Scripts等
15>安排不支持“框架”的瀏覽器的顯示內(nèi)容?
我們知道,目前的瀏覽器類型很多,因此我們設(shè)計網(wǎng)頁時最先考慮到的往往是“這個東西是不是在不同的瀏覽器中都能顯示好呢?”??蚣芫褪且粋€例子!
不過避免開這點,很簡單,你只需要在源代碼中加入下面的內(nèi)容就可以了。
< BODY>
16> 如何避免別人把你的網(wǎng)頁放在框架中?
一些居心不良的人,經(jīng)常偷著竊取別人的勞動成果,比如把別人精心制作的網(wǎng)頁以子頁的形式放到自己的框架中。
那么怎樣避免自己的網(wǎng)頁內(nèi)容被“盜用”呢?
你只需要在網(wǎng)頁源代碼的
之間加入以下代碼內(nèi)容: