Attain Objects for Dreamweaver实用教程
作者:DREAMY

第四篇 Attain Objects中的第二种题型——拖放题

与第一种题型——多项选择题相比较,拖放题更具有直观性与趣味性,它可以给使用者直观地拖动屏幕对象来学习掌握新的知识。例如,如果您想给学生们示范一辆汽车的具体结构,您可以用Attaiin Objects来做一个拖放题,这样学生们可以拖动屏幕上的单独零件来自由组合,当他们在规定时间内完成这项作业按Submit键后,就会得到正确或错误的提示信息,这样一来,完全利用了计算机的交互功能,给学生们留下了很深的印象,比多项选择题等“静态”题型更好地达到教学的目的。

与多项选择题类型一样,在拖放题(Drag-and-drop )中Attain Objects已经预置了若干种模板,您可以直接调用来满足实践操作中各种复杂情况下的拖放题。它们分为:多个拖动对象至多个目标对象、单个拖动对象至多个目标对象以及顺序拖放题等等。模板虽然很多,但是都大同小异,在此我们不在一一细述,这里我们还是老规矩,通过制作一个拖放题来讲述它的实现过程,您可以先看看这道题。

这是根据Attain Objects帮助文件中自带的一个拖放题示范题而简化而得,您可以在您的硬盘上同样找到原始文件。它示范了瓶子装箱入船的大致的工作流程,您必须按照正确的步骤来拖放对象,不然的话,是不会成功的,试试看吧!

OK,下面我们就来了解如何制作这道题,选择Insert > Attain Objects插入Attain对象,这里大家注意的是拖放题使用了分层技术,因此只有4.0以上浏览器才能正确显示,在左面的对象列表中选择拖放题,然后在右面的模板中选择Drag2StepsToMany模板图标,如下图所示,这时对话框下部就会出现附加选择。选择General来进行下一步操作。

讲到这里,大家应该了解General(普通)对话框是Attain任何一个类型都有的对话框,我们在上一篇创建多项选择题时已经讲述了这里其中每一选项的作用,这是不再一一复述,如果大家还有疑问的话,可以回头再翻一翻,不过值得注意的是在拖放题的General对话框多了一个选项:Reaction(反应),这是由拖放题的自身特点而引起的,它用来判断如果一个可拖动对象被使用者放至一个目标对象时所作出的反应是什么,它具体包括两条选择记录:Snap back if incorrect和Snap back if not dropped on target,前者如果选中那么当操作错误时返回原处,后者如果被选中那么当拖动对象没有落在目标位置时返回原处。

单击Elements来进入下一步操作。在这一步骤中,您将加入使用者需要的图形元素,并且定义整个交互动作中每个元素的角色。

在这个二步过程模板中默认的元素包含一个拖动对象和三个目标对象。您可以代替这些元素来匹配您的交互作为需求。首先我们必须了解当前创建试题各对象所扮演的角色。如下所示。

填充物 (drag & target)
瓶子(drag & target)
包装纸 (drag & target)
纸箱(target)

在这个交互作为中唯一不能移动的对象就是纸箱。OK,现在我们已经了解了每个对象各自扮演的角色后,下面的定义工作就非常简单。首先我们定义填充物元素。

选择Elements后Drag1就会默认地在记录列表中被高亮显示。在Name域后输入该对象的名称,我们输入filler(填充物的意思),在Image file域后寻找一张图片来,我们这里需要这张填充物的图片,在Attain Objects的文件夹已经包括了这张图片,它们在Tutorial目录下。然后在Elements is:后的下拉菜单中选择属性为:“Both Drag and Target”。

好了,这样我们就完成了填充物的属性定义,同样道理,我们还需要定义其他的三件物品,方法同上,不再一一复述。这样,我们已经完成了对Elements对话框的操作,单击Pairs按钮进入下一步骤。

在上一步骤,我们定义了交互行为的单独元素,现在让我们通过Pairs对话框来定义元素之间的相互关系。您可以同意默认的pair选项设置。这样当使用者拖动一个对象至一个目标对象的一定范围内(75厘米)时,拖动元素就会位于目标对象的中间。

在pairs列表中Attain对象预先放置了三对关联关系,对我们现在所做的实际情况来说,是远远不够的,我们需要添加附加的pairs元素(全部!)。

单击pairs列表上的Add按钮。一直按到出现“<all pairs created>”的消息框为止。

好了,我们已经定义了单独元素的设置和元素之间相互关系的设置,现在唯一要做的就是动作管理器中的参数设置了,而这里的设置非常繁琐,所以我们不得不将这里的内容移至下一篇中详细讲述。:(


Attain Objects for Dreamweaver作为一个非常新的工具软件,每个人都是初学者,如果教程之中有什么不对之处,非常欢迎大家给我写信,我的邮箱:[email protected]


BACK NEXT