制作网页中运行的选择题──介绍Dreamweaver插件CurseBuilder

Author: 黄胜锦 Date: 2001年 3期

    我在网页中制作了选择题考试(^03040703a^),只要你一做对,就会出现一个小天使表扬你,你想学吗?不用编程,非常简单,保证你在五分钟内搞定,只要你使用Dreamweaver的插件CurseBuilder就可以了。
      CurseBuilder是Dreamweaver的一个免费插件,它也是由Macromedia制造,它可在Macromedia的官方网站http://www.Macromedia.com下载,安装好该插件后,在Dreamweaver的Objects的Common面板中会多出两个图标(^03040703b^),单击CurseBuilder图标就会在网页中插入一个CurseBuilder交互。
      CurseBuilder的交互类型非常多,如果算上每一类交互中的小类的话共有24种之多,有选择题、拖放题、填空题等,加上每一种又有繁杂详细的参数,它们都会自动生成JavaScript脚本,因此不用你去编程。本文挑选其中的一个进行讨论。
      下面通过实际制作一个选择题的例子(^03040703c^)来帮助读者进一步体会Course Builder的制作过程。
      1.启动Coursebuilder以后,在目录区中选择Multiple Choice(选择题选项)。右边会给出选择题的类型(^03040703d^)。
      其中,第一个为True or False对或者错的选择类型。下排第一个选项是自定义图像选择题。选择项目前面的图形可以自己指定。
      其余所有的类型都为一般的选择类型。只是形式有所不同。这里略图都已经显示得很清楚了。下面我们选择自定义图像选择题来实战制作。
      2.单击选择该类型。在对话框中下方会多出四个标签(^03040703e^)。
      3.单击General标签进行参数设定(^03040703f^)。
      Interaction Name:交互名称。这个是用于脚本进行调用的名称。我们可以不必理会。
      Question Text:输入选择题的题目。
      Judge Interaction:交互响应方式。
      when the user clicks a buttion labeled。当用户按下了某个按钮以后判断选择的答案是否正确。后面的文本框就是用来输入按钮名称的。
      when the user clicks a choice。当用户选择了一个选项以后判断答案是否正确。
      On a specific event:使用某个特定的行为来触发判断事件。
      Correct When:何时认定答案是正确的。有两个选项:
      All correct and None incorrect:所有选项都正确并且没有不正确的选项。
      Any correct and None incorrect:只有一个选项正确,并且没有不正确的选项。
      Knowledge Track:用于和学习跟踪系统Pathware等等进行通讯。
      Tries Are:尝试次数。可以选择Unlimited那就是随便试。Limited To限制次数。可以输入次数限制尝试次数。
      Time Is:限制答题时间。可以选择Unlimited限制时间。可以输入次数限制尝试秒数。
      Reset:Create a Reset Button建立一个重置按钮清除选择的答案。
      Layer:Insert in a Layer:将整个题目插入到层中去。这个选项很有用。假如我们的题目都在层中,那么制作题目的显示隐藏,滑动都没有问题了。
      在本例中我们设定了如下参数:
      Question Text:选择题的题目设定为:“正方形是哪一个?”
      Judge Interaction:交互响应方式。选择when the user clicks a choice。当用户选择了一个选项以后判断答案是否正确。我们在本例中希望一选答案就看到正确与否。所以选择这个选项。
      Correct When:何时认定答案是正确的。Any correct and None incorrect:只要有一个选项正确,并且没有不正确的选项。
      Tries Are:尝试次数。Limited To限制尝试3次。
      Time Is:限制答题时间。Limited To限制尝试时间为60秒。
      4.设置答案选项。
      单击Choices标签(^03040703g^):系统弹出答案编辑对话框。
      系统默认会给出4个答案。如果想增减答案。在对话框的上方有4个按钮。Add增加,Delete删除,Up将答案上移一个位置。Down将答案下移一个位置。在每个答案的右侧会有一个括号表示这个答案是不是正确选项。Incorrect表示错误选项。Correct选项表示正确选项。单击其中的答案,在下方设置这个答案的参数。
      Choice Options:
      Name:选项名,一般可以采取默认值。
      Text(Optional):答案的内容。
      Image File:在答案中显示图片。子选项Place before text将图片放在答案的前面。
      Appearance:答案的题头显示图片。这里我们选择答案相应的图片。例如矩形,我们选择一个矩形的答案。
      Choice is:确定这个答案是否正确
      Incorrect:不正确
      Correct:正确
      Not judged:不判断
      Score:得分。选择该项能够得多少分。
      按照答案的选项,依次设定所有的答案。
      5.编辑响应结果。
      选择Action Mgr标签(^03040703h^)。进入Action Manger对话框。ActionManger其实就是管理题目的判断流程。包括选正确了如何反应,选错了如何反应。这样我们可以通过调整,来实现丰富多彩的反馈结果。
      首先我们了解一下这个选择题的工作流程。这个流程可以在当中的框中显示。由于是中文Win98下面使用。出现了一些乱码。不过这个流程我们还是可以看到的。如下面:
      整个选择题的Action动作流程是这样的。
      +Segment:Check Time(首先检查是否超过时间)??
      ──Segment:Correctness(检测答案是否正确,这段流程包含在检测时间流程的里面)??
      ──If Correct(如果答案正确)??
      Popup Message (弹出窗口)
      Else If Incorrect(如果答案不正确)
      Popup Message (弹出窗口)
      ──Else If Unknown Response(如果不判断答案)
      Popup Message (弹出窗口)
      +Segment:Check Tires (检查是否超过尝试次数)
      流程中,首先判断是否超时,如果没有,进入判断流程根据答案的回答情况执行相应的动作,最后判断是否超过尝试次数。
      Action Manager就是对这些流程进行管理和编辑的。现在可以看到,假如我们的答案选对了,或者选错了。评价会在弹出的对话框中显示出来。但是,默认的情况下,评价是一段英文。我们想要修正成为别的答案,单击Popup Message(^03040703i^),选择Edit按钮。系统会弹出对话框让你修正。就像像图片中所示的。
      这里的所有动作其实就是Behavior行为。随时随地可以给这段流程添加动作例如,添加一个显示或者隐藏层的动作。单击Popup Message,将对话框上方的下拉菜单拉出来。如图,所有的行为都藏在这里。只要选择好行为,再按Add就可以添加到PopupMessage的下面。
      由此,其它的按钮就比较好理解了。
      Add 添加行为。
      Edit 编辑行为。
      Cut Copy Paste:对行为进行编辑剪切、复制、粘贴。
      Rename:修改流程的名称,便于阅读。
      Expand/Collapse。展开压缩分支。
      左侧的四个箭头用于将选中的流程进行上下位置的调整。
      在本例中,将正确的响应设置为弹出窗口。显示信息“回答正确!!Great!!”。不正确为“再试试看?”在整个流程中修改响应的结果。如果想正确的响应设置为出现小天使,则流程的正确响应后面添加一个显示或者隐藏层的动作,Show-Hide Layers,将装有小天使GIF动画的原来隐藏的层显示出来即可,你甚至还可以为小天使制作时间线,让她高兴地飞来飞去(^03040703j^)。
      6.单击OK键。一切OK。