用dreamweaver开发ASP留言簿实训教程

第一篇：用dreamweaver开发ASP留言簿实训教程

用dreamweaver开发ASP留言簿的实训教程

一个简单的ASP留言本，这个留言本用了Access数据库。创建ASP的运行环境（安装IIS）

IIS(Internet Information Service)是构建ASP站点所必须的，所以，我们应该先确认自己的电脑已安装了IIS信息服务，如果没有安装好的话，请按以下步骤：

1、打开“控制面板”

2、双击“添加/删除程序”

3、单击“添加/删除Windows组件”，打开添加/删除Windows组件对话框：

3、从下拉的列表中选择“Internet 信息服务(IIS)”单击“下一步”：

4、出现组件安装进度窗口，如弹出需要安装盘的话，放入Windows2000安装盘，按提示操作即可。直至最后安装完毕。

二、设计数据库

ASP程序本身并不能储存数据，众所周知，留言本有以下信息需要保存：留言者姓名、联系方式、留言内容等等。因为ASP并不能储存数据，所以数据库在这种环境之下就产生了。数据库的种类也很多，针对不同的程序也有适用于它的数据库，比如Access和Ms SQL就比较适用ASP和ASP.net程序，至于其它的数据库和程序，就不属于本文所讨论的问题了，有兴趣的朋友可以查看其它一些资料。

那么既然Access和MS SQL都适用ASP，那么具体又如何来选择呢？

数据库也一样：Access比较适用小型的应用，而MS SQL则适用于大中型的数据库应用，所以要做一个留言本，理所当然是选择Access更好一些，但是如果你决心使用MS，没有人会极力阻止你。好了，废话少说，切入正题，下面开始创建数据库。

Access是微软office办公软件中的其中一个，默认的安装Office是有这个Access的，好了，打开程序，开始了,GO!

进入实战了。打开程序后，出现一个对话框，这里我们选择第一个选项＂空Access数据库＂点击确定，弹出一个新建数据库的文件框，选择你上次你建的站点目录，起个data的文件名，点击创建，OK!双击＂使用设计器创建表＂打开表创建窗口＂如图

创建表的结构如下表： 字段名称

数据类型

备注(笔者注释)id

自动编号

设置“自动编号”

name

文本

留言者姓名

qq

数字

留言者的QQ，因为QQ号是由数字组成email

文本

留言者的电子邮件

content

备注

留言内容

data

日期/时间

留言时间，设定默认值为Now()

数据库设计好了以后，可以直接在数据库里添加两条记录，以后测试时候用！

三、连接数据库

在上一节，我们已经为我们的程序创建了一个数据库，在这一节中，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。

一起看以下代码，这就是ASP程序中常用的连接数据库的代码： <% 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”)'在服务器上创建了一个连接数据库的对象 connstr=“Provider=Microsoft.jet.oledb.4.0;data source=”&server.mappath(“data.mdb ”)

'告诉ASP数据库的接接方法以及路径.即服务器端当前文件夹下data.mdb conn.open connstr

'创建了对象后就用来打开数据库进行连接 %>

' 一切OK了!结束ASP程序

将上面的代码另存为conn.asp文件，放在服务器目录下面就可以了。

这一节是最重要的，一定要弄明白，否则以后操作数据库将变得不现实，如果有不懂的问题，欢迎和我讨论，我的电子邮件地址是。这一节就到此，下节我们就将数据库中的数据显示在页面中（这就实现了留言本的查看功能）

四、制作留言本首页

前面我们已经连接好了数据库，就要让它在这里发挥一下作用了，这一节将讲述如何将数据库里的数据用ASP读取出来，在页面中显示出来，这样就等于是查看留言本了。

利用DW制作如下页面（这里我就不讲如何去做这个页面了，最后我将会给出HTML代码下载）

将制作好的文件存为index.asp，下面就创建数据记录集，用来显示数据库的数据到这个页面中：

用记事本打开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包含文件，这里包含的是数据库连接文件。第三行，ASP程序开始

第四行，利用Server内置对象创建一个记录集

第五行, SQL语句，这里的意思是选择数据库中的user,qq,email,content,data字段，指定该数据表的名称是“main”数据的排列顺序是倒序。

第六行，用刚才创建的名为rs的记录集打开数据库，设置属性为只读（1,1为只读数据,1,3为插入数据，2,3是修改数据。

这样就打开了数据库，接下来就可以显示了。将“留言人”代替为“<%=rs(“user”)%> “时间”代替为“<%=rs(“data”)%> “留言内容在此”代替为“<%=rs(“content”)%> “QQ”链接到：http://search.tencent.com/cgi-bin/friend/use...;%=rs(“qq”)%> 4 “邮件”链接到：mailto:<%=rs(“email”)%> 最后将“填写留言”链接 add.asp “管理留言”链接 admin.asp

好了，再次保存，浏览看看！

怎么只显示一条记录？原来我们在数据库里添加了两条记录的哦！还有一条呢？别急，因为我们没有指定ASP循环显示，所以就只有一条啦。。在刚才的代码后面添加一行 <%do while not rs.eof%>

并在页面的第一个表格的末尾加上

<% rs.movenext loop %>

上面的代码就是说用rs记录集指针一条一条往下一条移动，直到末尾，loop是循环的意思。哈哈，再次浏览这个文件

看明白了吗，这样就可以让数据库中的数据全部显示在页面中了，好了，这节就到这，下节讲一个也很重要的部份（添加留言功能。)

五、制作添加留言页面，实现留言功能

我们是做的一个留言本，实现留言的功能就十分重要了，要不然就算不上留言本了，接下来就一起来实现这个功能。

用DW制作以下这样的页面：

设置表单的属性如下：

姓名：设置为单行文本域，名称为“user”

QQ号：设置为单行文本域，名称为“qq” 邮件：设置为单行文本域，名称为“email” 内容：设置为多行文本域，名称为“content”

最后将表单的“Action”动作指向addsave.asp就可以了。

保存文档名为add.asp，OK！下一步！

表单是做好了，但是还需要后台程序的支持，一起来使用ASP编写一个添加留言处理程序，添加留言代码：

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

'表明ASP使用的是VB脚本

'是用include包含文件，这里包含的是数据库连接文件 <% set rs=server.createobject(“adodb.recordset”)

'利用Server内置对象创建一个记录集 sql=“select user,qq,email,content,data from main”

'SQL语句，上节有详解

rs.open sql,conn,1,'用刚才创建的名为rs的记录集打开数据库，设置属性为插入数据 rs.addnew

'用记录集新添加一条数据 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

'更新一下数据库中的数据。rs.close

'关闭记录集 set rs=nothing

'销毁记录集 conn.close

'关闭数据库连接 set rs=nothing

'销毁数据库连接 %>

将以上文件存为addsave.asp，测试下！咦？怎么填好提交以后就出现空白了，为什么？这是因为在addsave.asp中没有设置数据成功提交好后的转向页面，这里不用做那么复杂的，只要做一个刷新页面就行了，在程序的后面加上：

然后在页面中添加提示信息，比如：“您的留言已经成功提交，2秒钟后将自动返回留言本首页”

好了，这个留言的功能总算实现了，最后再测试下，看看效果！

六、制作管理登陆页面

留言本的管理功能对于留言本来说就不言而喻了，像论坛的登陆功能就是一个很好的例子，不过我们做留言本基本上有删除功能就行了，写这个教程是为了更多的ASP入门者更好的了解ASP，所以旨在学习用，当然也可以在这基础上添加更多的功能，比如回复留言者。

好了，开始了，还是按照以前的，用Dreamweaver做一个登陆页面，如下图：

把用户名的表单名称设置为admin，密码的表单名称设为password，把动作指向checkpass.asp，存admin.asp这样登陆页面就好了，下面就做检测密码的ASP程序了，看以下代码解释：

'把conn.asp包含进来连接数据库 <% 'ASP起始 admin=request.form(“admin”)'定义admin的值是表单传过来的用户名域名称admin password=request.form(“password”)'定义admin的值是表单传过来的用户名域名称admin if admin=“" or password=”“ then '这句的意思是假如用户名和密码没有输入的话那么执行下一句

response.Write(”“)'用javascript脚本提示用户 end if '结束if语句

sql=”select * from admin where admin='“&admin&”' and password='“&password&”'“ '这句很重要，查询admin表中用户名和密码与输入的是否一致。set rs=conn.execute(sql)'设定记录集rs，用conn执行SQL语句 if rs.eof or rs.bof then '当没有符合筛选结果时，则执行下面的句子 response.write ”“ '用javascript脚本提示用户 else '如果符合条件的时候

session(”admin“)=admin

'新建session，值等于表单传来的用户名 response.redirect ”mymanage.asp“ '转向到mymanage.asp，进入管理页 end if '结束if语句 %> 'ASP结束

将以上代码保存为checkpass.asp

这样，用户在admin.asp页面中输入用户名和密码后，就把用户名和密码值传给checkpass.asp处理，当用户名和密码的值和数据库中的字段相匹配时，就进入mymanage.asp这个管理页面，同时建一个session，这个session的会话变量将在后面起作用，下一节就明白了。

七、制作管理页面

上节中讲的是制作登陆页面和检测用户，当用户名和密码正确时就转到管理页面，好了，开始实现它。其实这个留言本的管理页面和用户直接看到的首页没有多大的区别，只是用了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

现在打开浏览器看看！

怎么不用输入用户名和密码都可进入呀？别急，上节中，我们不是建了一个session的会话变量，这时就派上用场了，直接用记事本打开。

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

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

then %> 这句，在末尾写上：

<% else response.Redirect(”admin.asp“)end if %> 下面来讲解一下。

<% if session(”admin“)<>”“ then %> '就是说如果session这个(”admin“)的值不是空的话就执行。怎样才不为空呢，只是在admin 登录成功时，才给session(”admin“)=admin <% else response.Redirect(”admin.asp“)end if %> '为空的话就转向登陆页，重新登陆，这样的话，直接输入网址的话就会跳到admin.asp，简单吧！

八、删除留言

上节我们增加了一个删除留言的链接，以下是这个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句都不用解释了，大家都在上几节中明白了。

第4句：id=Request.QueryString(”id“)用id取值字符串中传的id，回头看一下删除的链接：del.asp?id=<%=rs(”id“)%> 就是这个链接才把id的值传来的，<%=rs(”id")%>是读取数据库中的自动编号字段中的id。

第5句：用sql定义SQL语句，这里的*是通配符，表示所有，而Where有点像我们汉语中的“当”，整句话的意思是选择所有来自表名为main的字段，它的条件是当数据库中的id字段是字串所传来的id。如果这个没有的话这个一时间不明白也不要紧，慢慢接触就知道了。

第6句是打开符合条件的记录，确切的讲不应该叫记录集了，因为经过我们这样筛选的话，记录绝对是一条，2，3指定可以对数据库中的数据进入修改。

第7、8句：

rs.delete 看了就明白了，原来这才是整个程序的精髓，就是执行删除了。rs.update 这是更新数据库中的表，删除后就更新。

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

第二篇：ASP进阶教程Ⅷ：数据库版本的留言簿

在前面我们介绍了文件版本的留言簿，现在我们不妨来设想一下：如果留言文件里面的留言很多，而你又急于想寻找其中的某条留言时，这时打开txt留言文件，对着一段段的留言记录，你敢担保你不会当场晕倒吗？而且文件留言簿最令人讨厌还远不只是这个原因，更气人的是：譬如你已经找到了你要找的留言，而且是非要将其删除不可（当然是因为那段留言竟毫不留情地往你脸上抹黑的缘由啦），那么此时其余想对你大发赞赏之言的朋友，就会因为你正在做留言删除的操作而不能留言了。看，这有多可惜！不过，你也无须叹气，虽然留言文件不能供多人共用，但是改成数据库来管理留言记录，当你在做删除留言的期间，访问者的留言还是可以加进来的。既然数据库留言簿能对你的系统如此照顾入微，我们现在就事不宜迟，立即来揭开她的庐山真面目。

至于如何建立自已的数据库版本的留言簿，我们还是通过分步骤的方法来说明吧。要编写一个数据库版本的留言簿，我们大致可以从以下三个步骤来完成。

步骤一：使用Access先建立用来存放留言的数据表。（当然，如果你想使你的数据库能很好地工作在高需求、高质量的Web应用程序的客户-服务器数据库，而且无论是在性能还是在可靠性上都能经受得起严格的考验，那么你最好是用服务器等级的数据库，如：SQL server、Oracle等。对于非服务器等级的数据库，我推荐使用Access中文版来建立。凡是用Access来建立的数据表，都是以.mdb为后缀名，如：book0.mdb。)Access的界面非常友好，操作也非常简便，相信聪明的读者们，即使以往从未用过Access的，只要动手试试，也定能很快对其驽驾自如，所以我在这里也就不再赘述（当然也不排除有那么几分懒惰的成份）。

步骤二：设计一个留言表单的网页也同样是不可或缺的。（如：guestbook0.htm)。

步骤三：又到编写处理留言的ASP程序了。（我们可以将下述代码COPY下来，然后另存为manage0a.asp文件。）

$#@60;!--#include file=“adovbs.inc”--$#@62;调用adovbs.inc文件，所谓inc 文件顾名思义是include file的意思,adovbs.inc是IIS/PWS所提供的文件，存放着ADO相关常数的定义，使用inc文件可以使我们的程序，增加可读性，更易于开发和维护。

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

这里用了SqlStr函数，其作用是将数据中的一个单引号改成两个单引号，并且在前后加上单引号。之所以要用该函数是由于上网者输入的数据必须以用单引号括起来的形式输入的数据与Insert Into命令组合在一起，但是如果用户输入的数据含有单引号，则输入的数据将会产生错误，因此输入的数据必须经过SqlStr的切换（将单引号切换成两个单引号）才是正确的。

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

从留言表单取得数据

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

检查表单的各输入框是否有信息输入，若留有空输入框没填则显示说明信息：”输入框不能为空白!“ 并停止执行下面的程序。

Set conn = Server.CreateObject(”ADODB.Connection“)用Server.CreateObject取得对象ADODB.Connection。因为在ASP中，如果要访问数据必须首先创建与数据库的链接，因此建立连接是存取Web数据库不可缺少的步骤，执行以上语句之后，conn便是一个Connection对象。

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

通过调用服务器对象的MapPath方法来获取book0.mdb的完整路径。

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

因为我们想打开的是Access(.mdb)数据库，所以我们要透过Access的ODBC驱动程序{Microsoft Access Driver(*.mdb)}来存取数据库，dbp参数则是用来指定想打开的数据库文件，因为它必须是完整路径名称，所以我们上一语句用了Server.MapPath 函数。

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

截短输入到各字段里数据的长度，以避免因输入到某一字段中的数据超长而引发的错误，当然假如我们将数据库book0.mdb中的各字段的数据类型都有设为“备注”，我们则再无需担心上网者所输入的数据有多长。

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"数据表中增加一个数据记录，然后把其中的各字段(姓名, 电话, Email, 主题, 留言)分别设置成从留言表单上取下的对应的数据。

conn.Executesql 执行sql指令。

第三篇：ASP进阶教程四：数据库版本的留言簿

ASP进阶教程四：数据库版本的留言簿

如何建立自已的数据库版本的留言簿，我们还是通过分步骤的方法来说明吧。要编写一个数据库版本的留言簿，我们大致可以从以下三个步骤来完成。

步骤一：使用Access先建立用来存放留言的数据表。（当然，如果你想使你的数据库能很好地工作在高需求、高质量的Web应用程序的客户-服务器数据库，而且无论是在性能还是在可靠性上都能经受得起严格的考验，那么你最好是用服务器等级的数据库，如：SQL server、Oracle等。对于非服务器等级的数据库，我推荐使用Access中文版来建立。凡是用Access来建立的数据表，都是以.mdb为后缀名，如：book0.mdb。)

Access的界面非常友好，操作也非常简便，相信聪明的读者们，即使以往从未用过Access的，只要动手试试，也定能很快对其驽驾自如，所以我在这里也就不再赘述（当然也不排除有那么几分懒惰的成份）。

步骤二：设计一个留言表单的网页也同样是不可或缺的。（如：guestbook0.htm)。

步骤三：又到编写处理留言的ASP程序了。（我们可以将下述代码COPY下来，然后另存为manage0a.asp文件。）

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

调用adovbs.inc文件，所谓inc 文件顾名思义是include file的意思,adovbs.inc是IIS/PWS所提供的文件，存放着ADO相关常数的定义，使用inc文件可以使我们的程序，增加可读性，更易于开发和维护。

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

这里用了SqlStr函数，其作用是将数据中的一个单引号改成两个单引号，并且在前后加上单引号。之所以要用该函数是由于上网者输入的数据必须以用单引号括起来的形式输入的数据与Insert Into命令组合在一起，但是如果用户输入的数据含有单引号，则输入的数据将会产生错误，因此输入的数据必须经过SqlStr的切换（将单引号切换成两个单引号）才是正确的。

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

从留言表单取得数据

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

检查表单的各输入框是否有信息输入，若留有空输入框没填则显示说明信息：”输入框不能为空白!“ 并停止执行下面的程序。

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

用Server.CreateObject取得对象ADODB.Connection。因为在ASP中，如果要访问数据必须首先创建与数据库的链接，因此建立连接是存取Web数据库不可缺少的步骤，执行以上语句之后，conn便是一个Connection对象。

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

通过调用服务器对象的MapPath方法来获取book0.mdb的完整路径。

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

因为我们想打开的是Access(.mdb)数据库，所以我们要透过Access的ODBC驱动程序{Microsoft Access Driver(*.mdb)}来存取数据库，dbp参数则是用来指定想打开的数据库文件，因为它必须是完整路径名称，所以我们上一语句用了Server.MapPath 函数。

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

截短输入到各字段里数据的长度，以避免因输入到某一字段中的数据超长而引发的错误，当然假如我们将数据库book0.mdb中的各字段的数据类型都有设为“备注”，我们则再无需担心上网者所输入的数据有多长。

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"数据表中增加一个数据记录，然后把其中的各字段(姓名, 电话, Email, 主题, 留言)分别设置成从留言表单上取下的对应的数据。

conn.Execute sql

执行sql指令。

%$#@62;即可。参考资料：ASP教程 ASP教程下载

第四篇：Dreamweaver实训教案

实训

一、创建个人网站

课时：2 任务

一、规划个人网站

一、提出任务

1．任务目标 规划个人网站。2．解决的问题

通过规划个人网站了解网站主题对于网站的意义，了解网站的栏目与目录结构之间的关系及开发网站的常用工具软件。

二、任务内容

1．通过互联网浏览网站，总结所浏览网站的主题类型，至少找出企业宣传、软件下载、求职招聘、专业论坛、流行时尚、互动聊天和在线销售类型的网站各一个，记录它们的网站名称填入教材p4表JYFS1-1中：

根据表格内的提示，使用搜索引擎查找相关类型网站。每组4名同学，每人负责两个主题的网站搜索。

任务二 创建站点

一、提出任务

1．任务目标

创建个人网站站点。2.解决的问题

使用网页制作软件Dreamweaver cs5，按照个人网站的制作要求创建网站站点。

二、任务内容

1．新建一个站点，名称为“pra1-1”，使用“高级”选项卡完成新建过程，保存位置为“D:pra1-1”，其他参数保持默认即可。

2.新建一个以自己姓名命名的个人站点，该站点使用“ASP JavaScript”服务器技术,暂不设置远程信息与测试服务器，站点保存在“D:pra1-2”文件夹中。

任务三 管理站点

一、提出任务

1．任务目标

管理个人网站站点。2.解决的问题

通过完成本任务学习使用Dreamweaver cs5进行站点管理。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：启动Dreamweaver cs5，创建网站站点。

二、任务内容

1．新建站点“pra1-5”，使用管理站点功能将其导出。将站点导出文件通过网络或移动存储设备拷贝到其他计算机中，使用管理站点功能将其导入。

2．新建站点“pra1-3”，使用管理站点功能复制站点“pra1-3”，编辑复制的站点名称为“pra1-4”，之后删除站点“pra1-3”。

任务四

创建网站目录结构

一、提出任务 1．任务目标

创建网站目录结构。2.解决的问题

本任务将使用“文件”面板，实现先前规划的网站目录结构，学习在本地站点建立文件和文件夹的方法，管理站点内的文件。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：打开Dreamweaver cs5、管理站点知识。

二、任务内容

1．使用“文件”菜单新建“ASP JavaScript”类型的动态页，文件保存为“D:/ practice 1-1.asp”，使用属性面板修改网页标题为“ASP网页”。

2．新建站点“pra1-7”，使用“文件”面板创建一个网页文件，命名为“practice1-2.html”，选中该文件后使用下拉菜单中的重命名选项，改名为“newpage.html”，同样使用拉菜单中的选项预览页面后删除该页面。

下

实训

二、添加首页内容

课时：2 任务一 添加首页文本

一、提出任务

1．任务目标

完成首页文本内容。2.解决的问题

通过完成本任务学习修改网页标题，在网页中添加文本，分段换行和段内换行，输入连续空格，保存和预览网页等知识。

二、任务内容

1．新建一个网页“practice2-1.html”，将本单元素材“举一反三”文件夹中“practice2-1.txt” 的文本内容拷贝到页面中，使用插入空格的方法修改文本，使每一行文本中的“vs”字样达到对齐的效果。

2．新建一个网页“practice2-2.html”，输入多行文字内容并进行分段和强制换行，修改网页标题为“换行效果预览”，保存后预览页面，观察在IE浏览器中标题在什么位置，浏览器窗口大小发生变化时，对三种换行方式的影响。

任务二 编辑文本样式

一、提出任务

1．任务目标

完成首页文本样式设置，添加水平分隔线与列表。2.解决的问题

本任务通过设置首页文本样式，学习文本样式设置与应用，修改文本样式，添加水平分隔线与列表知识。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：输入文本内容的方法，段内换行与划分段落方法，输入连续空格的方法。

二、任务内容

1．新建一个网页“practice2-4.html”，插入5条水平线，使用属性面板进行不同的宽、高、对齐与阴影属性设置，预览页面并比较不同属性的设置效果。

2.新建“班级荣誉”页面，文件名为“practice2-5.html”，列举班级成员所获奖励，设置为编号列表，修改文本样式，用不同的文本大小、颜色区分奖励的等级，保存并预览页面。尝试先设文本样式后设编号列表有何区别。（要求各组课下搜集班级成员获奖情况，并制定一个设置方案）

任务三 添加图像

一、提出任务

1．任务目标

为首页添加图像内容。2.解决的问题

本任务通过为首页添加图像内容，学习在网页中插入图像和编辑图像的方法。

二、任务内容

1．将本单元素材文件夹中的“jyfs1.jpg”插入到一个新建页面“practice2-7.html”中，裁剪后宽度为200像素，高度为100像素，并设置边框宽度为5，完成后预览页面。

2．新建网页“practice2-8.html”，插入本单元素材文件夹中的“jyfs2.jpg”，尝试使用Dreamweaver 8的图像编辑功能修改图像的亮度并进行锐化设置。

任务四 创建与应用CSS美化网页

一、提出任务

1．任务目标

使用CSS美化网页。2．解决的问题

本任务通过为对首页进行美化，学习应用CSS样式。3．本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：在网页中输入文本内容、插入图像及水平线。

二、任务内容

1．新建网页“practice2-9.html”，插入3条水平线，定义3种“类”样式“l1”、“l2”、“l3”。定义过程中修改样式中的边框属性，使其拥有不同的效果，分别应用在各条水平线上，预览页面。

2．将本单元素材“举一反三”文件夹中的网页“practice2-11.html”拷贝到D盘根目录下，定义“标签”样式“p”，设置文本大小与颜色，保存后预览页面观察效果，之后定义“类”样式“p1”，设置不同的文本大小与颜色，并应用于页面中所插入的文本，浏览页面观察效果，总结“类”样式与“标签”样式的区别。

3．新建网页“practice2-10.html”，插入本单元素材“举一反三”文件夹中的“jyfs3.jpg”和一条水平线，定义“类”样式“line1”，修改样式中的边框属性。分别将该样式应用在页面中的图片与水平线上，预览页面，分析样式设置的结果。

实训

三、创建、编辑表格

课时：4 任务一 创建表格

一、提出任务 1．任务目标

完成“作品展示”网页中表格的创建。2．解决的问题

通过在“作品展示”网页中创建表格理解表格布局页面的重要性，学习网页的布局分析，掌握创建表格的几种方法。

3．本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：在页面添加文本，设置文本格式，插入图像，设置图像格式。

二、任务内容

1．创建网页“practice3-2.html”，在网页中插入如图JYFS3-1所示的嵌套表格，保存并预览网页。

图JYFS3-1

2．创建网页“practice3-3.html”，在网页中插入如图JYFS3-2所示的嵌套表格，保存并预览网页。

图JYFS3-2 3．制作一个以环保为主题的网页，首先利用已学知识设计栏目和目录结构，创建表格布局网页。

任务二

编辑表格

一、提出任务

1．任务目标

编辑已创建成的表格。2.解决的问题

通过对本单元任务一创建的表格进行编辑，学习更改表格边框或背景颜色，添加、删除行或列，调整行高、列宽及表格大小，拆分或合并单元格。

3.本任务所涉及原有知识要点

完成本任务需要掌握以前学过的利用表格布局页面，创建表格等知识点。

二、任务内容

1．创建网页“practice3-5.html”，插入如图JYFS3-4所示表格并按要求设置其属性：宽400像素、高100像素、单元格间距为5像素、边框粗细为3像素、边框颜色为“#FF0000”。表格第1、3列宽100像素、单元格的边框颜色为“#00FF00”，第2列宽100像素、单元格的边框颜色为“#0000FF”。

图JYFS3-4 2．创建网页“practice3-6.html”，插入一个4行3列的表格，按图JYFS3-5所示，对单元格进行合并与拆分。设置表格边框粗细为1像素、颜色为“#000000”，将表格第1行的背景颜色设置为“#3399CC”，第2行与第3行的第一列单元格、第4行第1、2列单元格的背景颜色设置为“#FFFFCC”。

图JYFS3-5 3．创建网页“practice3-7.html”，插入5个表格，设置表格对齐属性及单元格内容对齐属性，使预览效果如图JYFS3-6所示。

图JYFS3-6 实训

四、表格中添加内容及建立超级链接

课时：4 任务一

添加表格内容

一、提出任务

1．任务目标

在“作品展示”网页中添加表格内容。2.解决的问题

通过在“作品展示”网页的表格中添加内容，学习在表格中添加内容并设置格式。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：表格的创建和编辑。

二、任务内容

打开上一任务作业中创建的以环保为主题的网页，从互联网或其他途经搜索需要的素材，插入到表格中，并设置相应格式。

自己搜索素材，把素材插入到表格中并设置格式。根据最终要完成的效果可调整素材或单元格。若在操作单元格时遇到问题，可以考虑用“扩展”或“布局”模式来配合操作。

任务二 建立超级链接

一、提出任务

1．任务目标

完成“作品展示”网页中超级链接的添加。2.解决的问题

本任务将把网站中的所有网页联接起来、并把网站和Internet上的目标对象联接起来。通过完成本任务要学会如何在网页中建立超级链接。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：在网页中添加文本对象、图像等网页元素，以及设置这些网页元素的样式。

二、任务内容

P70页举一反三，题1、2、3 实训

五、制作“心情日记”网页

课时：4 任务一 创建框架集

一、提出任务

1．任务目标

创建“心情日记”页面的框架结构。2.解决的问题

本任务通过在“心情日记”页面创建框架集并设置属性，学习创建框架集以及设置框架集和框架属性的知识。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：创建网页、在网页中添加内容、添加超链接等。

二、任务内容

1．创建如下图所示的框架集网页“practice4-2.html”。

2．创建如下图所示的框架集网页“practice4-3.html”。

任务二

使用链接控制框架内容

一、提出任务

1．任务目标

在“心情日记”页面创建链接，使用链接控制框架内容。2.解决的问题

本任务通过在“心情日记”页面创建链接，学习使用超级链接控制框架内容，实现在同一浏览器窗口中显示多个网页的功能。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：如何创建框架集，设置框架集和框架的属性。

二、任务内容

创建网站“pra4-3”,站点保存在“D:pra4-3”文件夹。使用框架技术制作一个网上相册，将自己拍摄或搜集的相片分类（至少分三类），把每一类相片显示在一个页面中。创建一个“上方固定，左侧嵌套”的框架集网页“practice4-6.html”。上部框架显示相册标题（自定），左下部框架显示分类名称并添加链接，右下部框架显示相应类别的相片页面（注意：除了框架集网页外其他网页文件名自定）。

任务三 制作媒体日记网页

一、提出任务

1．任务目标

在网页中插入多媒体内容。2.解决的问题

通过完成本任务认识多媒体视频文件和FLASH动画文件在网页制作中的重要作用，学习运用多媒体文件美化和丰富网页。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：在网页中插入图像、编辑图像，使用框架结构布局页面。

二、任务内容

1.创建网页“practice4-7.html”，在网页中插入“插件”，播放本单元素材“举一反三”文件夹中的“Boo.wav”。

2．创建一个网页“practice4-8.html”，效果如图JYFS4-5所示，在网页下方插入“插件”，播放本单元素材“举一反三”文件夹中的“piantou.avi”。

3．创建网页“practice4-9.html”，在网页中插入“插件”播放本单元素材“举一反三”文件夹中的“background.mid”，要求设置循环播放。

实训

六、制作“家乡山水”网页

课时：4 任务一

创建框架集

一、提出任务

1．任务目标

为景区地图中的各个景区与“景区介绍”页面中相关内容建立链接关系。2.解决的问题

本任务通过在“家乡山水”页面中添加热点来划分景区地图上的各个景区，为景区地图上各个热点设置属性，链接到“景区介绍”页面中的相应位置。学习创建热点和锚记链接。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：网页的基本概念以及制作网页的基本知识，包括表格的制作、插入图像、添加链接等。

二、任务内容

将本单元“举一反三”文件夹中的“pra5-1”文件夹拷贝到D盘根目录，利用图像文件“practice5-3.jpg”，制作一个有关荷花的简单网页“practice5-3.html”。使用多边形热点工具为图像中的荷花添加热点，熟悉使用指针热点工具对热点进行移动和修改大小的操作。添加替换文本“映日荷花別样红”，添加链接到“practice5-4.html”，热点替换如图JYFS5-2所示。

图JYFS5-2

任务二

添加和使用层

一、提出任务

1．任务目标

完成“家乡山水”页面中层的制作。2.解决的问题

通过完成本任务学习层的使用，并为下一个任务添加行为做准备。

3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：在网页中添加表格，在单元格中添加内容。

二、任务内容

1.创建网页“practice5-5.html”，使用层完成如下工作：在图像“practice5-4.jpg”的上方叠放另一张图像“practice5-5.gif”（所需素材在本单元素材文件夹中的“举一反三”文件夹中），完成效果如图JYFS5-3所示。

图JYFS5-3

2.创建网页“practice5-6.html”，利用层的可重叠性，制作阴影效果的文字，如图JYFS5-4所示。

图JYFS5-4

任务三

制作页面动态效果

一、提出任务

1．任务目标

为“家乡山水”网页添加动态效果。2.解决的问题

通过为网页元素添加动态效果，学习在网页中添加层行为以及修改删除层行为操作。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：在网页中添加热点、设置热点属性，添加层、设置层属性。

二、任务内容

1．创建网页“practice5-10.html”，插入本单元素材“举一反三”文件夹中的图像“practice5-2.jpg”，为图像添加“弹出信息”行为，使鼠标经过图像时弹出信息“月到中秋分外明”。

2．创建网页“practice5-11.html”，使用表格、层及行为创建如图JYFS5-6所示菜单，鼠标移到菜单选项时显示下拉列表，移出时下拉列表隐藏，目录结构参照表JYFS5-1。

实训

七、制作“访客信息”网页

课时：4 任务一 插入表单

一、提出任务

1．任务目标

完成“访客信息”页面的制作。2.解决的问题

通过完成本任务，学习在页面中插入表单及表单元素，并设置表单和表单元素的属性。3.本任务所涉及原有知识要点

二、任务内容

完成本任务所涉及原有知识要点有：使用表格布局页面、插入图像。

1．分析教材第166页图JYFS6-1所示的“会员资料登记”页面中有哪些表单元素。常用的表单元素有：文本框、密码框、单选按钮、复选框、按钮等。

2．将本单元“举一反三”文件夹中的网页“practice6-1.html”拷贝到D盘根目录，将表单中的“单选按钮组”修改为“列表/菜单”元素，“列表/菜单”元素修改为“单选按钮组”，并使其具有相同的功能。

任务二

检查表单

一、提出任务

1．任务目标

对“访客信息”栏目中表单输入数据的正确性进行检验。2．解决的问题

本任务通过实现对用户输入内容进行验证，学习应用检查表单。3．本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：表单以及文本字段、复选框等表单元素的使用。

二、任务内容

1．利用本单元所学的知识，制作个人网站的“用户登录”网页“practice6-3.html”，效果如课本图JYFS6-3所示。设置验证规则，要求用户必须输入用户名和密码，并且其中密码必须是数字格式，若不符合要求，则显示错误提示信息。

任务三 完成 “访客信息”网页

实训

八、制作“专业教程”网页

课时：4 任务一 分析页面布局结构

任务二

练习

1．利用本单元所学的知识，制作个人网站的“用户登录”网页“practice6-3.html”，效果如课本图JYFS6-3所示。设置验证规则，要求用户必须输入用户名和密码，并且其中密码必须是数字格式，若不符合要求，则显示错误提示信息。

制作框架页面：

1、新建网页123.html，标题：欢迎访问新世纪课程网站。

2、选择【布局】－“框架”－“左侧和嵌套的顶部框架”，在属性面板中，设置行值为114像素，列值为200像素。

保存全部，分别命名各框架名称：leftFrame为a.html、topFrame为b.html、mainFrame为c.html。

3、在a.html页面属性中将上、下、左、右边距全部设为0。插入一个6行1列的表格，表格宽度为95％，居中对齐。

所有单元格水平居中，将第一个单元格的高度设为20px，输入文本“学习导航”； 其余单元格将高度设置为50px，分别输入文字“◆知识点一”、“◆知识点二”、“◆知识点三”、“◆知识点四”、“◆知识点五”，并分别建立链接关系，链接路径指向要链接到的网页，目标选择mainFrame框架。

4、在b.html页面属性中将上、下、左、右边距全部设为0。插入一个1行2列的表格，宽度为100％，高度为114px，背景颜色蓝色。

设置左单元格宽为213px，背景图片images/logo.gif；右单元格水平居中，输入文本“新世纪课程网站”。

5、在c.html页面属性中将上、下、左、右边距全部设为0。在本页设置一个欢迎页面。

任务三 完成 “专业教程”网页

实训

九、模板应用及网站发布

课时：4 任务一 创建网站模板

一、提出任务

1．任务目标

将第三单元创建的“作品展示”页面转存为模板文件。2.解决的问题

通过完成本任务，学会利用原有页面创建网站模板。

二、实训任务

1、将本单元素材“举一反三”文件夹中的“pra7-1”文件夹复制到D盘根目录下，创建站点“pra7-1”，文件存储在“D：pra7-1”,使用“文件”菜单中的“新建”选项，新建一个HTML类型模板“pra7-1.dwt”，效果如下图所示。提示：所用背景图像在“pra7-1images”文件夹中，页面使用表格布局。

2.将本单元素材“举一反三”文件夹中的“pra7-2”文件夹拷贝到D盘根目录下，创建站点“pra7-2”，将页面“pra7-2.html”，另存为模板“pra7-2.dwt”，在表格“table_edit”中添加可编辑区域“edit7-2”，如下图所示，保存模板。

任务二 套用模板

一、提出任务

1．任务目标

将任务一中创建的模板套用到网站中的“首页”、“家乡山水”、“景区介绍”、“访客信息”和“作品展示”页面，并修改相关页面及文本中的内容。

2.解决的问题

通过完成本任务，学会将模板文件套用到已存在的网页，使风格一致。3.本任务所涉及原有知识要点

完成本任务所涉及原有知识要点有：在“CSS样式”面板中删除样式，选中及删除表格，修改网页标题，为文本添加超级链接。

二、实训任务

1．将本单元素材“举一反三”文件夹中的“pra7-3”文件夹拷贝到D盘根目录下，创建站点“pra7-3”，使用模板“pra7-3.dwt”创建两个新页面，将文件夹中的文本文件内容拷贝到两个页面的可编辑区域，分别保存为“pra7-3.html”、“pra7-4.html”。为文件夹中已有页面“pra7-5.html”、“pra7-6.html”套用模板。2．编辑站点“pra7-3”中的模板文件，为其添加相应的超级链接，保存后预览整个站点。

任务三 完成模板应用

第五篇：asp实训小结（推荐）

Asp实训小结

不知不觉又过了一个星期了，这次实训，总的下来，感觉不易。

经过一周的实习，我感觉做购物网站的每一个过程都是非常的复杂与繁琐，所以一定要养成细心做事的习惯；这样才可能做出一样成功的作品。

经过实习，使我比较全面、系统的了解和熟悉ASP的各种工具的使用，各种不同的效果的做法，为我们以后的学习和工作打下了坚实的基础；以前没有学懂的一些东西，在这个实习过程中我基本把它们弄懂了，可以说这是对我所学知识的复习和深化。

在购物网站中，学了最基本而又非学不可的后台管理、用户购物车、购物网站模板等等。

在做网站的过程中，用户购物车是我们问题最多的步骤，通过做题，我们发现了自己的不足，这也与我们平时上课有关，许多学过的知识，转眼就忘，而且也没有在空余时间去复习，并且对于一些重点的知识，我们也掌握的不好，许多基本知识语句都会出错。对于这种情况，我们就得好好反省自己，在以后的学习当中，我们就要补其不足，掌握更好的学习方法。

实训的过程是繁琐的，但是同学们都表现的很积极，认真做好购物网站，认真的检查，直到完成这次实训作业，这次实训对于我们来说是一种难得的历练，在实训中，机房里充满了一种浓浓的学习气氛，不是有几句话这样说吗：“我听到的会忘掉，我看到的能记住，我做过的才真正明白。”实践经验对于学生来说更是必不可少的。总体来说，对这次实训还是比较满意的。

其实，不管我们做什么事情，我们都应该想清楚，首先干什么，其次干什么，有了一个合理的规划，我们做起来也就比较的有了方向，有了目标，再向目标去奋斗，这样我们才能更好的把握自己，使自己更好的发展。