2024年3月20日发(作者：)

利用Ｄｒｅａｍｗｅａｖｅｒ８制作动态教学留言本　

李秀晗，吴健伟，王林林　

（北京师范大学教育技术学院，北京１００８７５）　

摘要：通过实例详细介绍了如何利用Ｄｒｅａｍｗｅａｖｅｒ８制作动态教学留言本的操作步骤，希望以此促进网络信息　

技术与相关教学课程的整合及优化。　

关键词：Ｄｒｅａｍｗｅａｖｅｒ８；动态教学留言本；课件制作　

中图分类号：Ｇ４３４　文献标识码：Ａ　文章编号：１６７２—７８００（２０１０）０１—００８９—０３　

使用Ｄｒｅａｍｗｅａｖｅｒ８可以很方便地制作基于网络的动态留　

言本，在此过程中，教师完全不必了解ＡＳＰ脚本语言，只要借　

助Ｄｒｅａｍｗｅａｖｅｒ８的操作就可以轻松编辑ＡＳＰ动态留言本。教　

师在制作网络课件的过程中，可以使用留言本实时收集学生学　

习中存在的问题，学生也可以通过网络留言本及时向老师提出　

间．以促进教师与学生以及学生之间的沟通与交流，从而促进　

学习效果的提高。　

１．３课件的特点　

初中语文“生物人侵者”教学留言本的特点为：在线提交留　

言；在线修改留言内容；在线删除留言内容。　

学习中的疑惑和困难。下面介绍使用Ｄｒｅａｍｗｅａｖｅｒ８制作一个　

最基本的、具有提交与浏览、删除与修改功能的留言本的制作　

方法与步骤。　

２操作过程　

２．１安装ＩＩＳ组件。建立Ｗｅｂ服务器　

１实例展示　

１．１功能简介　

（１）ＩＩＳ的添加。首先将Ｗｉｎｄｏｗｓ系统安装盘插入个人计算　

机的驱动器中，进入“控制面板”，依次选择“添加／删除程序”、　

“添加／删除Ｗｉｎｄｏｗｓ组件”，将“Ｉｎｔｅｍｅｔ信息服务（ＩＩＳ）”选项前　

在这里我们使用Ｄｒｅａｍｗｅａｖｅｒ８制作一个用于初中语文　

“生物入侵者”教学的留言本。该课件能够实现的功能主要有：　

的小勾去掉（如有），重新勾划选中后，按提示操作即可完成ＩＩＳ　

组件的添加。　

（２）ＩＩＳ的运行。当ＩＩＳ添加成功后，再进入“开始”、“设置”、　

“控制面板”、“管理工具”、“Ｉｎｔｅｒｎｅｔ服务管理器（Ｉｎｔｅｒｎｅｔ信息服　

①学生在线提交自己在学习课文中的疑惑和困难等问题；②教　

师对学生提问的回答；③教师对留言内容的简单管理，比如修　

改和删除留言。　

课件主要由留言提交页面、留言浏览页面、留言登录页面　

以及留言修改页面构成。我们将显示留言页设为留言本的首　

页，对其进行美化设计，添加标题，并加入链接到其它功能页面　

务）”以打开ＩＩＳ管理器，对于有“已停止”字样的服务，均在其　

上单击右键．在弹出的下拉菜单中单击选择“启动”来开启。　

（３）ＩＩＳ的设置。在“Ｉｎｔｅｒｎｅｔ信息服务”的主窗口中，右键单　

击“默认网站”命令选项，在弹出的下拉菜单中选择“属性”命　

令，弹出“默认网站属性”对话框。在此对话框中选择“主目录”　

选项．设置Ｗｅｂ服务器的目录路径。如本例中设为“Ｆ：＼ｓｕｂｅｒ＼”。　

其它选项都可以保持默认属性设置不变。　

２．２建立一个Ａｃｃｅｓｓ数据库　

的按钮，以方便使用，我们对其进行了简单的优化。　

１．２制作目的及思路　

本课件制作的目的：配合初中语文《生物入侵者》一课探究　

性课堂教学的设计。学生能通过互联网向老师提问．并与同学　

交流探究学习过程中的成果和经验，老师可以在线予以指导。　（１）启动Ｍｉｃｒｏｓｏｆｔ　Ａｃｃｅｓｓ２００３应用程序，单击选择“文件”　

基于此目的，本课件充分利用Ｄｒｅａｍｗｅａｖｅｒ８提供的功能．　

菜单，在弹出的下拉菜单中选择“新建”命令，在窗口右侧弹出　

“新建文件”面板，在此对面板中单击选择“空数据库”选项，弹　

出“文件新建数据库”对话框，将数据库命名为“ｌｉｕｙａｎ．ｍｄｂ”，找　

制作了初中语文《生物入侵者》教学留言本，制作的思路是充分　

发挥网络交流的优势，为学生的学习提供基于网络的交流空　

收稿日期：２００９—１０—０９　

作者简介：李秀晗（１９８９一），女，湖北恩施人，北京师范大学教育技术学院２００７级本科生，研究方向为教育技术；吴健伟（１９８９一），男，山东烟台人，北　

京师范大学教育技术学院２００８级本科生，研究方向为教育技术；王林林（１９９０一），女，河南安阳人，北京师范大学教育技术学院２００８级　

本科生，研究方向为教育技术。　

２０１０２￣１期Ｉ下半月Ｊ软件导刊．教育技术ｓｇｌ　

到前面建立的Ｗｅｂ服务器文件目录后，将数据库文件存放在　

该目录下，单击“创建”命令选项后，弹出对话框，本例中将其存　

放在ＩＩＳ服务器目录路径下的ｇｕｅｓｔ文件夹中　

（２）在对话框中选择并双击“使用设计器创建表”选项。来　

创建一个数据表，该表中包括的字段有“ｎａＩｎｅ”（留言者姓名）．　

“ＱＱ”（留言者ＱＱ号），“ｔｉｍｅ”（留言提交时问），“ｔｉｔｌｅ”（留言的　

主题），“ｃｏｎｔｅｎｔ”（留言内容），除“ｔｉｍｅ”（留言时间）字段外，其它　

字段的数据类型均选为“文本”类型，并在“必选字段”属性选项　

中选择为“否”，将“允许空字符串”属性选项设为“是”　“ｔｉｍｅ”　

（留言时间）字段的数据类型设为“时间／日期”型数据，并在其　

默认值属性中将其设为“Ｎｏｗ（）”，此甬数用以获取留言者发布　

留言时的系统时间，至此，数据表设置完成。关闭此数据表，默　

认名称是“表１”，此时弹出提示对话框：是否保存表１．点击　

“是”，并在弹出的对话框中将其名称重新命名为“ｌｉｕｙａｎ”．然后　

点击“确定”，这样就建立了一个Ａｃｃｅｓｓ数据库。　

２．３设置站点　

（１）启动Ｄｒｅａｍｗｅａｖｅｒ８应用程序，单击选择“文件”菜单．　

在弹出的下拉菜单中选择“新建”命令，在弹出的“新建文档”对　

话框中选择“动态页”选项，并选择“ＡＳＰ　ＶＢＳｃｒｉｐｔ”子选项．这样　

就新建了一个ＡＳＰ文件。　

（２）单击选择“站点”菜单，在弹出的菜单中选择“新建站　

点”，会弹出一个对话框，输入一个站点名，如“ｌｙｂ”，然后单击　

“下一步”，在“是否打算使用服务器技术”选择“是”，在“打算使　

用哪种服务器技术”中选择“ＡＳＰ　ＶＢＳｃｒｉｐｔ”，单击“下～步”，选　

择“在本地进行编辑和测试”选项，再单击“下一步”，进入“测试　

ＵＲＬ”，文本框中的文字为“ｈｔｔｐ：／／ｌｏｃａｌｈｏｓｔ／ｇｕｅｓｆｆ”，点击“测试　

ＵＲＬ”命令按钮，如果弹出“测试成功”的提示。则进入“下一步”　

直至“完成”。具体步骤可参照上文中新建站点的过程．这里不　

再赘述。　

２．４连接数据库　

在Ｄｒｅａｍｗｅａｖｅｒ８中，选择“窗口”菜单，在弹出的菜单中选　

择“数据库”命令选项，在右边弹出的“应用程序”面板中．有“数　

据库”的命令选项，单击按钮，在弹出的菜单中选择“自定义连　

接字符串”选项，弹出“自定义连接字符串”对话框，在此对话框　

中输入连接名称如“ｃｏｎｎ”，在“连接字符串”选项右边的文本框　

中输入“Ｐｒｏｖｉｄｅｒ＝Ｍｉｃｒｏｓｏｆｔ．Ｊｅｔ．ＯＬＥＤＢ．４．０：Ｄａｔａ　Ｓｏｕｒｃｅ＝Ｆ：　

＼ｓｕｂｅｒ、ｇｕｅｓｔ＼ｌｉｕｖａｎ．ｍｄｂ”，选择“使用此计算机上的驱动程序”选　

项，然后单击“测试”命令按钮，如果弹ｍ“成功创建连接脚本”　

的提示框，则表明数据库连接成功，然后单击“确定”即可连接　

到数据库。　

２．５建立记录集　

在Ｄｒｅａｍｗｅａｖｅｒ８主窗口右侧“应用程序”面板中，单击选　

择“绑定”命令选项，然后单击选择下面的按钮，在弹出的菜单　

中选择“记录集”命令选项，弹出一个对话框，在此对话框中，　

“名称”项中输入“ｒｓ”，“连接”项中选择“ｃｏｎｎ”。“表格”项选择　

“ｌｉｕｙａｎ”，“排序”项中选择“ｉｄ”“升序”，亦可选择“降序”，其作　

用是规定留言呈现的顺序，其它选项保持默认参数不变　’然后　

Ｉｇｏ　２０１０年第１期（下半月）软件导刊．教育技术　

单击“确定”，记录集就创建成功了　

２．６建立浏览留言页面　

（１）新建一个ＡＳＰ文件，设置其格式，如背景、字体的样式　

等，使用表格进行布局，规定留言显示的位置，保存为“ｉｎｄｅｘ．　

ａｓｐ”，用于浏览留言内容。　

（２）在Ｄｒｅａｍｗｅａｖｅｒ８主窗口右侧“应用程序”面板的“绑　

定”命令选项中，将显示前面建立的记录集，将该记录集中的　

“

ｎａｍｅ”

，

“ＱＱ”，“ｔｉｔｌｅ”，“ｔｉｍｅ”，“ｃｏｎｔｅｎｔ”字段分别单击选中，按　

住左键拖放到欲显示的表格区域，这样便将字段代表的数据插　

入到这个页面中，插人正确的字段周围将有蓝色包围着。　

（３）为了让每个留言的用户的留言都能显示，你需要选定　

你认为需重复的区域，然后在Ｄｒｅａｍｗｅａｖｅｒ８主窗口右侧“应用　

程序”面板中选择“服务器行为”的按钮，在弹出的菜单中选择　

“重复区域”命令选项，在弹出的对话框中设定显示的记录的数　

目，然后单击“确定”即可。　

（４）单击选择“插入　菜单，在弹出的菜单中选择“应用程序　

对象”下面的“记录集分页”命令选项，再选择“记录集导航条”　

命令选项，然后重复一次，选择“显示记录计数”下的“记录集导　

航状态”命令选项。这两个命令用于显示留言的分页导航条．即　

当留言条数超过你设定的数目时，就分页显示，并显示留言总　

数，到这里，留言显示页已创建完成，保存即可。　

２．７建立输入页面　

（１）新建一个ＡＳＰ文件，命名为“ｗｒｉｔｅ．ａｓｐ”，然后保存，设　

置其页面属性，如背景、字体样式等，此页用于用户输入并提交　

留言。然后单击“插入”菜单，在弹出的菜单中选择插入“表单”，　

将光标移至表单线框内，使用表格对留言输入界面进行布局，　

然后在各字段对应的文字后面插入“文本字段”表单元素和“文　

本域”表单元素，最后插入两个“按钮”表单元素，一个设为“提　

交”按钮．另一个设为“重置”按钮，设置方法是在选种按钮对象　

的前提下，在“属性”面板中将“值”这个属性的值改为“提交”和　

“重置”，面板中还有“提交”和“重置”两个单选项，分别为第一　

个按钮选择“提交”，为第二个按钮选择“重置”。　

（２）选择整个表单，点击Ｄｒｅａｍｗｅａｖｅｒ８主窗口右侧“应用　

程序”面板中的“服务器行为”命令选项，在弹出的菜单中选择　

“插入记录”命令，弹出“插入记录”对话框，在此对话框中。“连　

接”选项中选择“ｅｏｎｎ”，“插入到表格”选项中选择“ｌｉｕｙａｎ”，“插　

入后转到”选项选择你想在提交留言后转到的任何一个你喜欢　

的页面．比如这里我们选择“ｉｎｄｅｘ．ａｓｐ”，即提交留言后转到留　

言显示页，“获取值自”选项为默认内容，“表单元素”选项中，每　

个名称对应相应的字段，最后单击“确定”。至此，一个只有填写　

和浏览留言功能的留言板制作完毕。　

（３）对各个页面进行布局和颜色的编辑，使其美观生动，在　

浏览器中输入ｈｔｔｐ：／／Ｌｏｅａｌｈｏｓｔ／ｇｕｅｓｔ／ｗｒｉｔｅ．ａｓｐ即可进入留言填　

写页面，填写完毕后点击“提交”，即转入留言浏览页面。　

２．８建立留言删除页面　

（１）新建一个ＡＳＰ文件，命名为“ｄｅｌｅｔｅ．ａｓｐ”，然后保存，设　

置其页面属性，如字体的样式、背景等格式，此页面用于删除留　

言　在Ｄｒｅａｍｗｅａｖｅｒ８主窗口右侧的“服务器行为”面板中，选择　

“绑定”命令选项，单击按钮，在弹出的菜单中选择“记录集”新　

建一个记录集，命名为ｒｓ１，其它选项与前面的例子中的设置一　

致。　

ｓｅｓｓｉｏｎ　ｐａｓｓｗｏｒｄ”）＿”１２３”　

ｒｅｓｐｏｎｓｅ．Ｒｅｄｉｒｅｃｔ（”ｄｅｌｅｔｅ．ａｓｐ”）　

ｅｌｓｅ　

ｒｅｓｐｏｎｓｅ．Ｒｅｄｉｒｅｃｔ（”ａｃｃｅｓｓ．ｈｔｍｌ”）　

ｅｎｄ　ｉｆ　

％＞　

（２）单击选择“捅入”菜单插入一个表单，在表单中插入一　

个一行两列的表格，将“绑定”命令选项中的“ｃｏｎｔｅｎｔ”拖到上述　

表格第一个单元格中，在第二个单元格中插入一个按钮，选中　

该按钮．在“属性”面板中将其“值”属性改为“删除”。　

这段代码的作用是：如果用户输入的用户名是“管理员”，　

密码是“密码”，则建立ｓｅｓｓｉｏｎ（“ｕｓｅｒｎａｍｅ”）和ｓｅｓｓｉｏｎ（“ｐａｓｓ—　

（３）选择整个表单，单击“服务器行为”面板中的“服务器行　

为”．选择并单击按钮，在弹出的菜单中选择“删除记录”命令，　

在弹出的“删除记录”对话框中，“连接”中选择“ｃｏｎｎ”，“从表格　

中删除”中选择“ｌｉｕｙａｎ”，“选取记录自”中选择“ｒｓ１”，“唯一键　

列”中选择“ｃｏｎｔｅｎｔ”，“提交此表单以删除”中保持默认值，“删　

除后转到”可以任意填写你想转到的页面，设置完成后单击“确　

定”按钮　

（４）选择整个表单，单击按钮，在弹出的菜单中选择“重复　

区域”，在弹出的对话框中选择“显示全部记录”命令选项，然后　

单击“确定”。这样就完成了一个删除留言的页面。　

（５）由于留言只有管理留言的教师才能删除，因此，这个页　

面需要设置使用权限，这时可以输入一个简单的密码保护程　

序：将窗口切换到“代码”视图．在　

＜％＠ＬＡＮＧＵＡＧＥ＝”ＶＢＳＣＲＩＰＴ”Ｃ０ＤＥＰＡＧＥ＝”９３６”％＞　

＜！一一＃ｉｎｃｌｕｄｅ　ｆｉｌｅ＝”Ｃｏｎｎｅｃｔｉｏｎｓ／ｃｏｎｎ．ａｓｐ”一一＞　

两行代码后面插入如下代码：　

＜％ｉｆ　ｓｅｓｓｉｏｎ（“ｕｓｅｒｎａｍｅ”）＜＞“ｔｅａｃｈｅｒ”ａｎｄ　ｓｅｓｓｉｏｎ（“ｐａｓｓ—　

ｗｏｒｄ”）＜＞“１２３”ｔｈｅｎ　

Ｒｅｓｐｏｎｓｅ．ｒｅｄｉｒｅｃｔ（“ａｃｃｅｓｓ．ｈｔｍｌ”）　

Ｅｎｄ　ｉ　％＞　

这段代码用来说明当用户名和密码不正确时转到登录页　

面。　

２．９建立登录页面　

（１）新建一个ＨＴＭＬ文档，插入一个表单，保存为“ａｃｃｅｓｓ．　

ｈｔｍｌ”．在该表单中插入两个“文本域”表单元素和一个“按钮”　

表单元素．在“属性”面板中将两个文本域分别命名为“ｎａｍｅ”　

和“ｐａｓｓｗｏｒｄ”，第一个类型设为“单行”，第二个设为“密码”。　

（２）选择整个表单，在下面的“属性”面板中，“动作”选项中　

填写处理表单的文件名称“ｃｏｐｅ．ａｓｐ”，在“方法”中选择“ｐｏｓｔ”。　

（３）新建处理页ｃｏｐｅ．ａｓｐ。新建一个ＡＳＰ文件，命名为　

“

ｃｏｐｅ．ａｓｐ”保存，切换到“代码”视图，删除其它多余的代码，输　

人下面的代码：　

＜％＠ＬＡＮＧＵＡＧＥ＝”ＶＢＳＣＲＩＰＴ”Ｃ０ＤＥＰＡＧＥ＝”９３６”％＞　

＜！一一衔ｎｃｌｕｄｅ　ｆｉｌｅ＝”Ｃｏｎｎｅｃｔｉｏｎｓ／ｃｏｎｎ．ａｓｐ”－－＞　

＜％　

ｉｆ　ｒｅｑｕｅｓｔ．ｆｏｒｍ（”ｎａｍｅ”）：”ｔｅａｃｈｅｒ”ａｎｄ　ｒｅｑｕｅｓｔ．ｏｆｒｍ（”ｐａｓｓ—　

ＷＯｒｄ”、＝”１２３”ｔｈｅｎ　

ｓｅｓｓｉｏｎ（”ｕｓｅｍａｍｅ”）＝”ｔｅａｃｈｅｒ”　

ｗｏｒｄ”）两个对象并转入“ｄｅｌｅｔｅ．ａｓｐ”页面，否则转入登录页面。　

２．１０建立留言修改页面　

（１）新建一个ＡＳＰ文件，命名为“ｘｉｕｇａｉ．ａｓｐ”，然后保存，设　

置其页面属性．此页面用于修改更新留言。单击“插入”菜单，在　

弹出的菜单中选择插入“表单”，将光标移至表单线框内，使用　

表格对留言输入界面进行布局，然后在各字段对应的文字后面　

插入“文本字段”表单元素和“文本域”表单元素，最后插入一个　

按钮，在“属性”面板中将其值改为“修改”。　

（２）在Ｄｒｅａｍｗｅａｖｅｒ８主窗口右侧的“服务器行为”面板中，　

选择“绑定”命令选项，单击按钮，在弹出的菜单中选择“记录　

集”新建一个记录集，命名为ｒｓ２，其它选项与前面的例子中的　

设置一致。　

（３）将记录集中的各字段拖到（１）中建立的各相对应的文　

本域中。然后选择“服务器行为”命令选项，在弹出的菜单中选　

择“更新记录”命令，在弹出的对话框中进行设置，与前面建立　

删除页面时的设置基本一致，然后单击“确定”。　

（４）这个页面只允许教师才能进行修改，因此也要像建立　

删除页面时一样，输入限制访问权限的代码，代码与前面完全　

相同。至此，留言修改页面已制作完成。　

在上面的制作过程中。用到了数据库，还牵涉到编程技术，　

因此在讲解过程中会遇到一些术语，听起来不容易理解，　

Ｄｒｅａｍｗｅａｖｅｒ８提供了一种“傻瓜”式的制作留言本的方法，只要　

按照步骤一步一步操作下去．一切代码都由软件自动生成，只　

要具备初步的网页制作知识就可以制作出适合自己教学需要　

的供师生交流的留言本。　

至此，用Ｄｒｅａｍｗｅａｖｅｒ８制作留言本的提交页面、修改页　

面、删除页面、修改页面以及登录页面，已经具备了一个留言本　

最基本的功能，接下来，只要对页面进行优化设计即可，如页面　

的背景颜色、页面的布局、页面的标题等等，从而与自己的教学　

需要相一致。感兴趣的教师还可以自己摸索将这些页面有效地　

链接起来，形成一个系统性的留言本，以供自己的教学使用。　

参考文献：　

［１］覃正超．打造安全的ＩＩＳ　Ｗｅｂ服务器［Ｊ］．科技资讯，２００９（７）．　

［２］　百度博客．ＡＳＰ连接ＡＣＣＥＳＳ数据库的方法［ＥＢ／ＯＬ］．ｈｔｔｐ：／／ｈｉ．　

ｂａｉｄｕ．ｃｏｍ／ｃａｏｓｈｕｊｉ／ｂｌｏｇ／ｉｔｅｒｎ／ａｃｃｔｂａｄｆｂ９ｄｆｃｆ５ｅ９４ｅｅ３７９ｄ．ｈｔｍｌ，２００９—　

１０－１４．　

（责任编辑：邬江华）　

２０１０￣１期（下半月）软件导刊．教育技术９１　Ｉ