多媒体设计基础-第14章

14.1.1多媒体教学课件设计的一般步骤MacromediaAuthorware7.0作为领导交互式学习和网页多媒体的最佳创作工具，具备交互性强、易学易用及流程控制图标化等特点，它已经被广泛应用于商业、教育及工业等部门。Authorware7.0使用简单，交互性好，受到很多教师的青睐。所以，它不仅是众多的公司、企业制作多媒体产品的开发平台，更是很多大、中、小学教师制作多媒体CAI课件的得力助手。因此是教师制作CAI课件常选的一种软件。Authorware7.0制作课件非常直观、明了，制作者不需要掌握太多的编程技巧，只需要将软件提供的图标拖放到流程线上，然后将教学素材添加到图标中，再利用图标设置画面的控制页面的跳转和内容的交互等，就可以制作出包含文字、声音、图像和动画等多种媒体的CAI课件来。14.1多媒体教学课件设计下一页返回那么，Authorware7.0教学课件应如何开发才能运行效率高、编辑修改方便、教学演示效果好呢？一般说来，多媒体CAI课件的设计包括以下几个方面的步骤。1.确定选题多媒体CAI课件是为某种特定目的（例如学习某门课程、学习某种技术）而设计的软件。用Authorware7.0进行CAI教学课件制作时首先应了解课件的使用对象，了解课件的运行环境，明确课件要实现的目标，根据预定目标，设计几种解决方案，分析比较后选择最优的方案。2.素材的准备课件素材是课件的基础，是整体课件的组成元素，这些元素实际上就是外部现实世界事物不同媒体形式的一种表现，文本、图片、图像、动画、音频和视频是这些媒体形式在以计算机为主的多媒体技术中的具体表现。14.1多媒体教学课件设计上一页下一页返回（1）编写脚本编写脚本是在纸上安排教学内容。脚本既可体现教学内容，又可体现教学方法，它对CAI教学课件的水平和教学使用效果起到至关重要的作用。一位有经验的教师会利用板书、讲演、启发提问、手势、表情和各种可用的媒体进行教学，并根据学生的反映及时调整进度和方法。CAI教学课件虽难以做到像教师那样灵活机动、富有感情，但可以模拟教学活动，还可以利用图像、音乐、动画等多媒体创造设良好的课堂意境，在抽象事物的直观演示等方面有很好的效果。脚本的编写应认真安排教学内容和教学活动，使之体现教师的经验，提高CAI教学课件的水平和实用性。（2）获取媒体获取媒体，是指利用有关工具和软件，获取各种多媒体数据文件，包括图像、动画、音频、视频和文本等文件。14.1多媒体教学课件设计上一页下一页返回3.流程的总体设计对课件的功能熟悉了，并准备好相关素材后，就要用Authorware7.0来着手设计程序流程即具体施工实现了。①设置演示屏幕大小：一般以800×600为佳，背景色一般不宜太亮（也可以通过显示图标导入图片作为背景），运行演示时不宜显示菜单栏。②制作开始动画（程序结束时最好也制作结束动画）：程序开始运行时一般会有一段开幕式（动画），能够使CAI课件一开始运行就吸引学生，引人入胜。如果要制作的动画用Authorware7.0的动画图标不容易实现，可以用Flash制作。Flash和Authorware是同一个公司的产品，兼容性非常好，Flash是一种功能强大且容易操作、生成的目标文件小、技术发展很有前景的网络动画制作工具，利用它可以方便地设计课件的动画素材。14.1多媒体教学课件设计上一页下一页返回③主操作界面的设计。主操作界面是整个课件的主要功能（模块）操作窗口，要直观、明了、易用。一般由交互热区和交互按钮组成，用户可以通过这些交互热区、交互按钮等，来控制程序的走向，从而控制课件各个模块的进程。主操作界面应设计得美观、课件功能模块要明确，能很好地控制教学中各环节的交互进行。例如，《计算机基础教程》CAI教学课件可采用每一章单独成为一个文件，使用主程序进行调用。在主操作界面中列出各章号，指针移到章号处时显示本章标题，用户可自由选择某一章进行学习，然后在章程序中可任意返回主操作界面。④详细流程的设计。Authorware是基于流程图标的交互式多媒体制作软件，要演示的内容均布置在一个个图标内，设计详细流程时应注意以下几种情况。●注意给图标命名：初用Authorware7.0进行课件制作的作者往往不注意给图标命名，而系统默认的图标名是Untitled，这样容易出现两个问题：一是在修改编辑时不容易找到所需的图标；14.1多媒体教学课件设计上一页下一页返回二是如果程序中需要再次使用某个图标时不能用函数来引用，因为要引用时不能确定该图标名。程序中图标的命名应与图标在课件流程中的实际功能意义相符，以便于对程序的理解、编辑与修改。●交互及跳转标志要明显：Authorware7.0是一套优秀的多媒体编辑系统，其丰富多彩的交互方式和功能更是引人注目，交互区设置必要的交互图形，如手形、十字形等，或直接用按钮、文字来指明，这样能提醒使用者在此区域有交互。●适当使用组图标：把功能相对集中的若干图标建成组可以缩短流程线的长度，有助于程序的结构化设计，便于阅读和程序维护。事实上我们所说的一页内容，通常是一组相关联的图标执行后的结果，而不是一个图标所能完成的。但要注意不能滥用组图标，特别是在组图标内嵌套组图标的层数不能太多，否则编辑修改时会因为打开的窗口太多而使操作不便。14.1多媒体教学课件设计上一页下一页返回4.调试①用Authorware7.0提供的START标签和STOP标签进行简单调试和阶段调试用Authorware7.0制作的CAI课件流程图较长，设计过程中应适当进行简单调试和阶段调试，这样既能及时检查程序设计的效果，又能及时而高效地解决设计中出现的问题——每添加了几个图标后，用START标签别上，进行小调试；当流程设计到一定程度，还应将START标签和STOP标签别在流程的合适处，进行较大（阶段）调试。每次调试完成后，最好将START标签和STOP标签复位，以便下一次调试，方法很简单，就是在“图标”工具栏上的相应位置单击即可。②总体调试（验收调试）尽管在设计过程中进行了一次次的简单调试和阶段调试，但是当详细流程设计完成后，还要进行总调试，检查CAI课件的整体运行情况，功能实现情况，并要据此对流程做相应的调整修改，14.1多媒体教学课件设计上一页下一页返回在此调整修改过程中需再进行简单调试和阶段调试，然后进行总体调试，循环往复直至课件成功运行，并达到满意的设计效果。5.打包发布制作者在打包发布时常出现：程序在自己的计算机上运行良好，但到别的计算机上运行却弹出一个个对话框，有的是过渡效果没有，有的是不能播放电影或其他媒体。其实Authorware7.0中要实现特定的过渡效果，必须有Xtras文件夹中相应的文件；要播放电影、动画等必须有相应的驱动文件。常见的图像文件所需要的Xtras文件见表14.1。常见的声音文件所需要的Xtras文件见表14.2。常见的视频文件所需要的Xtras文件或驱动文件见表14.3。常见的过渡效果所需要的Xtras文件见表14.4和表14.5。表14.6则是其他插件所需要的Xtras文件。如果不知道具体需要哪些文件的话，最简单的办法是将Authorware7.0安装目录下的Xtras文件夹及.xmo、.vdr、.dll等文件一同发布。14.1多媒体教学课件设计上一页下一页返回一个打包可发行的Authorware7.0程序环境及文件见图14.1。14.1.2多媒体教学课件设计实例1.课件设计与分析制作课件的目的是为了辅助教学，提高学生的学习效率。多媒体课件教学能激发学生的学习兴趣，调动学生的学习热情，使单调乏味的传统课堂教学焕发出新的生机与活力。《守株待兔》课件是针对中国传统寓言“守株待兔”开发设计的，共包含寓言原文讲解、今意讲解、生字讲解、视频展示、寓意说明和问题思考这六大方面的内容。通过多媒体的手段将这则寓言的知识点完整的体现了出来，如图14.2所示。开发工具是采用Macromedia公司的Authorware7.02。图片处理工具是采用Macromedia公司的Firework2004和FlashMX以及来自Adobe公司的图像处理软件Photoshop7.0。14.1多媒体教学课件设计上一页下一页返回2.程序总体框架设计3.课件设计各功能分解图示各功能模块程序图见图14.3。4.详细设计（1）程序初始界面①导入界面（见图14.4），配有背景音乐，按任意键进入主界面。●使用分支结构，单击等待图标，退出分支结构可以自动擦除界面和声音，进入内容框架。●显示图标：显示课题图片——守株待兔及制作者信息。●声音图标：链接背景音乐。●等待图标：单击或按任意键，退出分支结构，进入内容框架。②背景音乐的设置，见图14.5。14.1多媒体教学课件设计上一页下一页返回导入外部音乐文件rain.mp3，其中“.”表示当前目录或指定的初始目录。为避免出现文件链接的错误，进行程序设计时可以对目录进行初始化。设计者可以将视频、音频文件等分类放在名为诸如video、audio的文件夹中，然后在程序中通过计算图标进行初始化函数设置窗口，见图14.6。（2）程序主模块框架①主界面。6个学习按钮，一个“退出”按钮，单击按钮可进入相应的学习内容。程序界面见图14.7，程序设计流程图见图14.8。②主程序流程分步设计。内容框架包括以下内容，见图14.9。●框架入口：显示图标显示学习界面。●交互图标：包含六个学习按钮和一个“退出”按钮。14.1多媒体教学课件设计上一页下一页返回●框架下的页面：六个学习内容。●热字文本风格定义。课件有些文字，单击会出现解释内容，看完解释后单击，解释内容会自动消失。实现方法：首先定义文本风格，选择“文本”→“定义样式”命令。增加文本风格类型，注意交互的选择，见图14.10。然后，在交互图标中输入文本时，定义文本风格。选择需要定义的文字，应用热字文本风格，见图14.11。插入Flash动画。讲解生字时，插入一些Flash动画，学习起来会更直观形象，见图14.12和图14.13。以“待”字为例，说明该部分动画设计界面及功能，界面见图14.14。“待”字的笔顺的设计思路是：学生只要单击“连续”按钮，该Flash动画就会自动以红色的笔顺一一描绘出来，直观明了，14.1多媒体教学课件设计上一页下一页返回特别是小学生初学生字时，容易搞懂也容易写出每个生字的笔顺顺序，见图14.15。“待”字笔画学习的设计见图14.16。“待”字的偏旁部首、组词等此处不再累述，请读者参见实例程序。利用音频方式给该生字配不同的发音，在此喇叭处单击一下，就会发出不同的读音，因为是以动画的形式制作的，使小学生更容易掌握和辨别生字的不同发音，见图14.17。③视频模块设计，见图14.18。DirectMediaXtra是一种SpriteXtra。SpriteXtra可以用计算图标进行控制，而且属性也可以通过脚本指定，就像Authorware中的内置媒体文件一样。如果系统允许回放，DirectMediaXtra还支持Microsoft’sDirectDrawandDirectSound。它总能够根据计算机的不同选择最佳的播放效果，即使显示设置为256色，也能使用高彩色来播放媒体文件。DirectDraw引擎利用直接写显存的技术增强回放效果。14.1多媒体教学课件设计上一页下一页返回要建立一个图标，选择“插入”→TABULEIROXTRAS→DirectMediaXtra命令，这时会弹出“DirectMediaXtra属性”对话框，单击“浏览文件”按钮，弹出另一个对话框，提示选择一个媒体文件。它所支持的媒体类型有MPEG、AVI、Quicktime、WAV、AIF、MP2和MIDI。文件可以在本地计算机上，也可以在局域网上的其他计算机上，甚至可以输入URL链接一个互联网上的文件。选好文件后单击“确定”按钮，返回属性对话框，文件的长度（时间）、尺寸等信息应能正确的显示出来，见图14.19。插入控件后，使用计算图标播放视频文件。例如：SetIconProperty（@"sp"，#file，FileLocation^".\\video\01.mpg"）——说明：file——被使用的媒体文件的全路径名。14.1多媒体教学课件设计上一页下一页返回例如：SetIconProperty（@"DirectMediaXtra"，#file，"C：\myfile2.mpg"）CallSprite（@"sp"，#videoplay）——说明：CallSprite（@"IconName"，#videoplay）——用于开始或是恢复播放媒体文件。通常在调用时会自动播放文件，除非选择了PausedatStart选项（在开始时暂停）。④退出模块设计，见图14.20。其中，exitfunction计算图标的内容见图14.21，quit计算图标的内容见图14.22。14.1多媒体教学课件设计上一页返回14.2.1虚拟现实技术与Authorware7.0结合虚拟现实（VirtualReality）是通过多媒体技术与仿真技术相结合生成逼真的视、听觉一体化的虚拟环境，用户可以以自然的方式对虚拟环境中的对象进行体验和交互。常用的网络VR技术有VRML、QuickTimeVR、Cult3D及Viewpoint等。Authorware7.0因具有基于流程图标开发、多媒体支持及多交互响应等优势，成为课件开发的首选工具。但是在AW中没有直接支持虚拟现实技术，使得网上的许多虚拟现实环境无法应用到AW中。通过Cycore公司的Cult3D和Web浏览器插件可以实现VRML虚拟现实技术在Authorware7.0中的应用，实现了在Authorware7.0中进行三维仿真和虚拟漫游的功能。Cult3D是Cycore公司基于Java开发的网络VR技术，它具有独特的渲染方式，可动态显示极高质量的图像且不依赖3D加速卡等硬件，14.2产品展示多媒体设计下一页返回所产生的文件（.co）数据量小且可保留建模工具中所建立的贴图，并可以在3D物体上设计各种交互及添加声音，特别适合于在网络上表达3D对象。Cult3D技术本身并无创建3D模型的能力，它依靠专门的3D建模工具软件来建立3D模型，并通过安装在这些软件中的插件导出所需的3D模型。支持这一功能的3D建模软件有3dsMax和Maya。在Cult3D的交互功能设计软件Cult3DDesigner中可为3D对象设计动作和交互并输出用于网络的压缩文件。对于Cult3D文件的播放，Cycore公司提供了分别针对IE和Netscape的浏览器插件，用户选择安装即可。在播放Cult3D文件的相应网页中可使用object和embed标签嵌入Cult3D文件。Cult3D技术的弱点是不易表达360°的全景虚拟环境。Cult3D主要用于虚拟真实世界中物体的形状、颜色及功能等属性，使人们借助计算机更真实、更全面地认识和了解物体本身，其具有跨平台、渲染速度快、渲染效果逼真以及良好的交互性等特点。14.2产品展示多媒体设计上一页下一页返回从上面的介绍可知，Cult3D作为一个可视化软件，一般用户无需任何编程语言就可以使用，在安装有相应插件的基础上，它可以把设计好的虚拟物体在互联网上发布，或将其集成到多种多媒体应用创作软件中，如Powerpoint、AdobeAcrobat、Macromediadirector及Authorware。目前还未见支持Authorware的Cult3D插件，使得Authorware不能直接地调用Cult3D的演示文件。为了满足一些高级设计人员需进行复杂程序创作的需要，Authorware从4.0版开始提供了对ActiveX控件的支持，允许用户在Authorware文件中直接嵌入ActiveX控件，而许多软件厂商都支持这种技术。很多功能都能通过相应的ActiveX控件来实现，因此在Authorware中调用ActiveX控件便可直接使用现成的程序模块，无需再进行复杂的编程。14.2产品展示多媒体设计上一页下一页返回利用这一功能，可使用Cult3D所提供的Cult3DActiveXPlayer控件，将Cult3D所发布的三维演示文件（.co）加入到Authorware中，并可利用控件所提供的各种属性、方法及事件等对演示做进一步的交互。14.2.2利用Cult3D插件进行产品展示设计实例在Authorware7.0中加入Cult3D演示文件的方法，具体过程如下：①下载并安装插件。进行多媒体课件的创作及课件的使用，首先必须在计算机中安装Cult3DActiveXPlayer控件。目前最新的安装文件名为Cult3D_IE_28.exe，下载地址为http：///download/download.php，见图14.23。在该页中，用户既可以选择下载后自行安装，也可以选择从当前网页中自动安装。下载安装的提示见图14.24。安装完成后，浏览器进行刷新后，可以看到相应的3D动画，见图14.25。14.2产品展示多媒体设计上一页下一页返回②在Authorware7.0中查看测试插件。选择“插入”→“控件”→“选择ActiveX”命令，在弹出的SelectActiveXContro对话框中找到并单击选中Cult3DActiveXPlayer选项，见图14.26。单击OK按钮，在新弹出对话框中单击Custom按钮，见图14.27。接着，在弹出的“Authorware属性”对话框中选择.co文件所在路径，见图14.28。最后，单击“确定”按钮返回程序设计界面就可以进行测试了。③播放3D文件，进行产品展示的程序设计。在这个产品展示程序中，展示了一个红木箱子和一个化妆盒。程序的设计流程及部分细节见图14.29。14.2产品展示多媒体设计上一页下一页返回大致步骤如下：①在流程线上加入一交互图标，命名为play_3d，在其下加入三个交互方式为按钮的群组图标，分别命名为play1、play2和exit，前两个图标属性设置中，其分支属性为重试，exit图标属性设为退出交互，并调整按钮到适当位置。②打开play1群组图标，在流程线上插入ActiveX控件。选择→“插入”→“控件”→“选择ActiveX”命令，在弹出的“控件选择”对话框的“控件”列表框中选择Cult3DActiveXPlayer选项，在弹出的“控件属性”对话框中可进行初始属性的设置。在该对话框中，若单击Custom按钮，可选择一个.co文件作为该控件的播放文件，但控件所记录的是该文件的绝对路径。在此对话框保持默认设置，直接单击OK按钮关闭对话框将返回流程线。将流程线上插入的控件图标改名为play_3d_co。图14.30产品3D展示程序的效果截图14.2产品展示多媒体设计上一页下一页返回③将一计算图标拖到play_3d_co图标的下方，命名为play_control，在其中输入以下语句：CallSprite（@"play_3d_co"，#Loadcult3d，FileLocation^".\\co\\boxanim.co"）在此，调用控件所提供的方法Loadcult3d载入播放文件boxanim.co为欲播放的Cult3D文件，在此例中将其放在主程序所在的文件夹中。④同理，设计play2群组图标，见图14.29。⑤在exit群组图中加入一擦除图标，退出时负责擦除控件播放。至此，程序设计完成，运行结果见图14.30。14.2.3产品展示设计实例1.产品展示与说明的需求分析本例是对明基电脑的一款产品进行展示、介绍与说明的多媒体作品，分为主界面、综述、报价、参数、图片和退出等几个部分。14.2产品展示多媒体设计上一页下一页返回2.程序总体框架设计产品展示流程图见图14.31。3.课件设计各功能分解图示产品展示程序框架设计见图14.32。4.详细设计部分（1）素材准备在本设计中需要使用到Flash素材、声音素材和图像素材，其文件名称、作用以及收集方法见表14.7。（2）制作素材举例Snow.swf文件可使用FlashMX二维动画软件制作，其具体步骤如下：①打开FlashMX软件，新建一个Flash文件。14.2产品展示多媒体设计上一页下一页返回②在场景1中新建一个元件，取名为“雪花”，使用画笔工具刷子，填充色改为渐进方式，将着色面板打开，将渐进改为由淡蓝到蓝再到淡蓝的效果，在元件中画出一个类似五角星的形状。使用变形转换工具将其缩小，确定单击即可。③在“雪花”元件中，在图层1的第4帧上添加关键帧，使用变形转换工具，将其旋转180°回到第1帧，在其属性面板上将其改为补间动画。④在“雪花”元件的第8帧上添加关键帧，使用变形转换工具，再将其旋转180°，回到第4帧，也改为补间动画。⑤回到场景中，将元件拖到场景1中，将其放置在合适位置，在图层1的第20帧上添加关键帧，将其拖到下方的位置，并将其不透明度降低，使其着色变淡，回到第1帧上，在其属性面板上将其改为补间动画。14.2产品展示多媒体设计上一页下一页返回⑥新建图层2，复制图层1的全部帧并粘贴在图层2中，将其第1帧向后拖动到第3帧的位置，单击第3帧将其元件放置在不同地方，单击第23帧，将其元件移到相应的位置。⑦如此类同，图层3～图层20的操作步骤和步骤⑥相似。⑧做好后，运行一下，最后将其导出，命名为Snow即可。（3）产品说明的设计策划当运行该多媒体作品时，背景音乐响起并播放片头动画，见图14.33。片头部分包括：一个声音图标、一个群组图标、一个等待图标和一个擦除图标，分别用于播放背景音乐、片头动画、等待4秒和擦除片头动画。片头动画播放完毕后显示主界面页面，见图14.34。单击左上角的喇叭按钮或按S键将停止播放背景音乐，再次单击喇叭按钮或按S键将重新播放背景音乐。14.2产品展示多媒体设计上一页下一页返回主界面部分包括：一个显示图标、一个判断图标、其右侧的两条判断分支和框架图表的第一个页面，分别用于显示背景图像、展开或关闭的控制面板和主界面。单击右侧的向左按钮或按M键将展开控制面板，见图14.35。在展开的控制面板中单击向右按钮或按M键将隐藏控制面板。控制部分包括：框架图标“进入”流程线上的所有图标，包括一个交互图标及其右侧的几个按钮交互分支，分别用于停止或播放背景音乐、展开控制面板、关闭控制面板、显示综述页面、显示报价页面、显示参数页面、显示图片页面和退出框架图标。单击“综述”按钮，进入综述页面，见图14.36。综述部分包括：两个显示图标，用于显示综述页面的内容。单击“报价”按钮，进入报价页面，见图14.37。报价部分包括：一个显示图标，用于显示报价页面的内容。14.2产品展示多媒体设计上一页下一页返回单击“参数”按钮，进入参数页面，见图14.38。参数部分包括：三个显示图标、三个等待图标和两个擦除图标，用于显示参数页面的内容。单击“图片”按钮，进入图片页面，见图14.39。图片部分包括：三个显示图标、三个等待图标和两个擦除图标，用于显示图片页面的内容。单击“退出”按钮或按Q键将进入退出页面，见图14.39。再等待五秒，将退出程序。退出部分包括：两个擦除图标、一个群组图标、一个等待图标和一个计算图标，用于显示退出页面的内容。（4）制作过程与设计整合①制作片头。制作片头主要包括新建文件、添加背景音乐、添加片头动画和擦除片头动画等，其具体操作步骤如下：●新建一个Authorware文件，设置文件的大小为640×480，并取消显示标题栏和菜单栏。14.2产品展示多媒体设计上一页下一页返回●添加一个声音图标到流程线上，命名为“背景音乐”，在属性面板上单击“导入”按钮导入“1.wav”文件，单击“计时”标签，在“执行方式”下拉列表中选择“同时”选项，在“播放”下拉列表中选择“直到为真”选项，并在其下方的文本框中输入“pause”。●添加一个群组图标到“背景音乐”声音图标的下方，命名为“片头动画”，双击群组图标打开，选择“插入”→“媒体”→“FlashMovie”命令，在弹出的对话框中单击“浏览”按钮导入Snow.swf文件，取消选中“媒体”选项组中的“链接”复选框，单击“确定”按钮即可导入。●在Flash动画下面添加一个显示图标，命名为“对话框”，在属性面板上单击“打开”按钮，从而打开演示窗口，选择“插入”→“图像”命令，在弹出的“属性：图像”对话框中单击“导入”按钮将“对话框.psd”文件导入，把它的模式改为阿尔法模式。14.2产品展示多媒体设计上一页下一页返回●在对话框下面添加一个显示图标，命名为“机器狗”，在属性面板上单击“打开”按钮，从而打开演示窗口，选择“插入”→“图像”命令，在弹出的“属性：图像”对话框中单击“导入”按钮将“机器狗.psd”文件导入，把它的模式改为阿尔法模式。选择“调试”→“重新开始”命令，在打开的演示窗口中调整两个显示图片的位置。并关闭“片头动画”群组图标的流程线。●添加一个等待图标到“片头动画”群组图标下面，命名为“等待4秒”，在其属性面板中选中“单击鼠标”复选框和“按任意键”复选框，在“时限”文本框中输入“4”，并取消选中“显示按钮”复选框。●添加一个擦除图标到“等待4秒”等待图标的下面，命名为“擦除片头”，直接拖动“片头动画”群组图标到该擦除图标上，将其链接到“擦除片头”擦除图标上。14.2产品展示多媒体设计上一页下一页返回②制作主界面。制作主界面部分，包括添加背景，添加展开的控制面板、关闭的控制面板和主界面上的文字和图片等。具体步骤如下：●添加一个显示图标到“擦除片头”擦除图标的下面，命名为“背景”，双击该图标，打开演示窗口，在其中导入“背景.psd”文件。●添加一个判断图标到“背景音乐”显示图标的下面，命名为“控制面板”，在其属性面板中的“重复”下拉列表中选择“不重复”选项，在“分支”下拉列表中选择“顺序分支路径”选项。●添加一个显示图标到“控制面板”判断图标的右边，命名为“关闭的控制面板”，双击该判断图标，打开演示窗口，在其中导入“控制面板.psd”文件，设置其模式为阿尔法模式，并调整其位置。●在“关闭的控制面板”显示图标的属性面板中选中“防止自动被擦除”复选框。14.2产品展示多媒体设计上一页下一页返回●复制“关闭的控制面板”显示图标，粘贴在其右边，修改其名字为“展开的控制面板”，双击打开演示窗口，在其中调整“控制面板.psd”文件的位置。●添加一个框架图标到“控制面板”判断图标的下面，命名为“内容”，在其右侧添加一个群组图标，命名为“主界面”，双击打开演示窗口，添加一个显示图标，命名为“主界面文字”，双击打开演示窗口，在其中导入title.psd文件，设置其模式为阿尔法模式，并调整其位置。●添加一个显示图标到“主界面文字”显示图标的下面，命名为“主界面图片”，双击打开演示窗口，在其中导入“主界面图片.psd”文件，设置其模式为阿尔法模式，并调整其位置。③制作控制部分。制作控制部分，包括关闭/播放背景音乐的按钮交互，退出框架图标以及控制面板中的其他按钮等。14.2产品展示多媒体设计上一页下一页返回●在“内容”框架图标的右侧添加三个群组图标和一个显示图标，分别命名为“综述”、“报价”、“参数”和“图片”。●双击“内容”框架图标，打开框架流程编辑窗口，删除其中所有的图标。●添加一个交互图标，命名为“交互”，在其属性面板中单击“显示”标签，在“层”文本框中输入“1”。●添加一个计算图标到“交互”交互图标的右侧，设置其交互类型为按钮交互，命名为“关闭/播放背景音乐”，在该按钮交互分支的属性面板中的“标签”文本框中输入“ButtonName”，在“快捷键”文本框中输入“S|s”，选中“非激活状态下隐藏”复选框，并设置鼠标指针的图案为手型。●单击属性面板中的“按钮”按钮，在弹出的“按钮”对话框中单击“添加”按钮，在弹出的“按钮编辑”对话框中选中“自动检测”复选框，再单击“常规”标签，14.2产品展示多媒体设计上一页下一页返回然后单击“图案”下拉列表框后的“导入”按钮，导入“喇叭.bmp”文件。单击“常规”标签，然后单击“标签”下拉列表框选择“显示卷标”选项。单击“常规”标签，然后单击图案下拉列表框后的“导入”按钮，导入“喇叭2.bmp”文件，然后单击“标签”下拉列表框选择“显示卷标”选项。●双击“关闭/播放背景音乐”计算图标，打开代码编辑窗口，输入下面的代码，见图14.40。●添加一个计算图标到“关闭/播放背景音乐”计算图标的右侧，设置其交互类型为按钮交互，命名为“展开控制面板”，在“快捷键”文本框中输入“M|m”，并设置鼠标指针的图案为手型。单击“响应”标签，在“激活条件”文本框中输入“～show”。●单击属性面板中的“按钮”按钮，在弹出的“按钮”对话框中单击“添加”按钮，在弹出的“按钮编辑”对话框中单击“常规”标签，然后单击“图案”下拉列表框后的“导入”按钮，导入“三角2.bmp”文件。单击“常规”标签，然后单击“标签”下拉列表框选择“显示卷标”选项。14.2产品展示多媒体设计上一页下一页返回单击“常规”标签，然后单击“图案”下拉列表框后的“导入”按钮，导入“三角2-2.bmp”文件。●双击“展开控制面板”计算图标，打开代码编辑窗口，输入以下的代码，见图14.41。●添加一个计算图标到“展开控制面板”计算图标的右侧，设置其交互类型为按钮交互，命名为“关闭控制面板”，在“快捷键”文本框中输入“M|m”，单击“响应”标签，在“激活条件”文本框中输入“show”。●单击属性面板中的“按钮”按钮，在弹出的“按钮”对话框中单击“添加”按钮，在弹出的“按钮编辑”对话框中单击“常规”标签，然后单击“图案”下拉列表框后的“导入”按钮，导入“三角向右.bmp”文件。单击“常规”标签，然后单击“标签”下拉列表框选择“显示卷标”选项。单击“常规”标签，然后单击“图案”下拉列表框后的“导入”按钮，导入“三角向右2.bmp”文件。14.2产品展示多媒体设计上一页下一页返回●添加一个导航图标到“关闭控制面板”计算图标的右侧，命名为“综述”，在其属性面板中单击“响应”标签，在“激活条件”文本框中输入“show”。●单击属性面板中的“按钮”按钮，在弹出的“按钮”对话框中单击“添加”按钮，在弹出的“按钮编辑”对话框中选中“自动检测”复选框，再单击“常规”标签，然后单击“图案”下拉列表框后的“导入”按钮，导入“按钮1.bmp”文件，然后单击“标签”下拉列表框选择“显示卷标”选项。单击“常规”标签，单击“图案”下拉列表框后的“导入”按钮，导入“按钮2.bmp”文件，然后单击“标签”下拉列表框选择“显示卷标”选项。单击“常规”标签，然后单击“图案”下拉列表框后的“导入”按钮，导入“按钮3.bmp”文件，然后单击“标签”下拉列表框选择“显示卷标”选项。单击“确定”按钮即可。●单击该导航图标，在其属性面板中的“页”列表框中选择“综述”选项。14.2产品展示多媒体设计上一页下一页返回●复制三个“综述”导航图标到其右侧，分别将它们的名称修改为“报价”、“参数”和“图片”，并分别设置它们的导航目标为报价页、参数页、图片页。●添加“退出”导航图标，在其属性面板的“目的地”下拉列表中选择“附近”选项，将其框架设为退出框架。●选择“调试”→“重新开始”命令，再选择“调试”→“暂停”命令，这样就可以调整各个按钮的位置。④制作产品综述页面。制作综述页面内容，其具体步骤如下：●双击“综述”群组图标，打开其流程编辑窗口。●添加一个显示图标，命名为“综述文字”，双击打开演示窗口，在其中导入“主界面文字.psd”文件，设置其模式为阿尔法模式，并调整其位置。14.2产品展示多媒体设计上一页下一页返回●添加一个显示图标到“综述文字”显示图标的下方，命名为“综述图片”，双击打开演示窗口，在其中导入“主界面图片.psd”文件，设置其模式为阿尔法模式，并调整其位置。⑤制作报价页面。制作报价页面内容，其具体步骤如下：双击“报价”显示图标，打开其演示窗口。导入“报价.psd”文件，设置其模式为阿尔法模式，并调整其位置。⑥制作参数页面。制作参数页面内容，其具体步骤如下：●双击“参数”群组图标，打开其流程编辑窗口。●添加一个显示图标到流程线上，命名为“参数1”，双击打开一个显示图标的演示窗口，导入“bj1.psd”文件，设置其模式为阿尔法模式，并调整其位置。14.2产品展示多媒体设计上一页下一页返回●添加一个等待图标到“参数1”显示图标的下面，命名为“等待2秒”，在其属性面板中选中“单击鼠标”和“按任意键”复选框，在“时限”文本框中输入“2”，并取消选中“显示按钮”复选框。●添加一个擦除图标到“等待2秒”等待图标的下面，命名为“擦除参数1”，拖动“参数1”显示图标到该擦除图标上面，将其链接到“擦除参数1”擦除图标上。在其属性面板中单击“特效”文本框后的按钮，在弹出的“擦除模式”对话框中选择“以关门方式”选项。再单击“确定”按钮即可。●添加一个显示图标到流程线上，命名为“参数2”，双击打开一个显示图标的演示窗口，导入“bj2.psd”文件，设置其模式为阿尔法模式，并调整其位置。●复制“等待2秒”等待图标，粘贴在“参数2”显示图标的下面。14.2产品展示多媒体设计上一页下一页返回●添加一个擦除图标到“等待2秒”等待图标的下面，命名为“擦除参数2”，拖动“参数2”显示图标到该擦除图标上面，将其链接到“擦除参数2”擦除图标上。在其属性面板中单击“特效”文本框后的按钮，在弹出的“擦除模式”对话框中选择“以开门方式”选项。再单击“确定”按钮即可。●添加一个显示图标到流程线上，命名为“参数3”，双击打开一个显示图标的演示窗口，导入“bj3.psd”文件，设置其模式为阿尔法模式，并调整其位置。●复制“等待2秒”擦除图标，粘贴在“参数3”的显示图标下面。⑦制作图片页面。制作图片页面，其具体步骤如下：●双击“图片”群组图标，打开其流程编辑窗口。●添加一个显示图标到流程线上，命名为“图片1”，双击打开一个显示图标的演示窗口，导入“图片1.psd”文件，设置其模式为阿尔法模式，并调整其位置。14.2产品展示多媒体设计上一页下一页返回●添加一个等待图标到“图片1”显示图标的下面，命名为“等待2秒”，在其属性面板中选中“显示按钮”复选框，单击属性面板中的“按钮”按钮，在弹出的“按钮”对话框中单击“添加”按钮，在弹出的“按钮编辑”文本框中单击“常规”标签，然后单击“图案”下拉列表框后的“导入”按钮，导入“按钮1.bmp”文件。单击“常规”标签，然后单击“标签”下拉列表框选择“显示卷标”选项。单击选中未按，然后单击“图案”下拉列表框后的“导入”按钮，导入“按钮2.bmp”文件。单击“确定”按钮即可。●添加一个擦除图标到“等待2秒”的下面，命名为“擦除图片1”，拖动“图片1”显示图标到该擦除图标上面，将其链接到“擦除图片1”擦除图标上。在其属性面板中单击“特效”文本框后的按钮，在弹出的“擦除模式”对话框中选择“马赛克效果”选项。再单击“确定”按钮即可。●添加一个显示图标到流程线上，命名为“图片2”，双击打开一个显示图标的演示窗口，导入“图片2.psd”文件，设置其模式为阿尔法模式，并调整其位置。14.2产品展示多媒体设计上一页下一页返回●复制“等待2秒”等待图标，粘贴在“参数2”命名的下面。●添加一个擦除图标到“等待2秒”等待图标的下面，命名为“擦除图片2”，拖动“图片2”显示图标到该擦除图标上面，将其链接到“擦除图片2”擦除图标上。在其属性面板中单击“特效”文本框后的按钮，在弹出的“擦除模式”对话框中选择“马赛克效果”选项。再单击“确定”按钮即可。●添加一个显示图标到流程线上，命名为“图片3”，双击打开一个显示图标的演示窗口，导入“图片3.psd”文件，设置其模式为阿尔法模式，并调整其位置。⑧制作退出页面。制作退出页面的内容，其具体步骤如下：●在内容框架下面添加一个擦除图标，命名为“擦除”，在其属性面板上选中“不擦除的图标”单选按钮，拖动“背景”显示图标到该擦除图标上面。14.2产品展示多媒体设计上一页下一页返回●添加一个群组图标到“擦除”擦除图标下面，命名为“再见动画”，双击打开群组图标的流程编辑窗口，在此添加一个显示图标，命名为“再见对话框”，双击打开显示图标的演示窗口，导入“再见对话框.psd”文件，设置其模式为阿尔法模式，并调整其位置。●添加一个显示图标到“再见对话框”显示图标的下面，命名为“机器狗”，双击打开显示图标的演示窗口，导入“机器狗.psd”文件，设置其模式为阿尔法模式，并调整其位置。关闭。●添加一个等待图标到“机器狗”显示图标的下面，命名为“等待5秒”，在其属性面板中选中“单击鼠标”和“按任意键”复选框，在“时限”文本框中输入“5”，并取消选中“显示按钮”复选框。●添加一个擦除图标到等待图标的下面，命名为“擦除结束”，分别拖动“背景”显示图标和“再见动画”群组图标到擦除图标上，然后在其属性面板中单击“特效”文本框后面的按钮，在弹出的“擦除图标”对话框的“特效”下拉列表中选择“垂直百叶窗效果”选项。最后单击“确定”按钮。14.2产品展示多媒体设计上一页下一页返回●添加一个计算图标到“擦除结束”擦除图标的下面，命名为“退出”，双击该图标，在打开的代码编辑窗口中输入下面的代码：Quit（0）——退出程序（5）多媒体作品的调试当一个多媒体即将完成时，需要对其进行调试，以清除程序内的错误。对作品进行调试是一个不可缺少的步骤，调试的作用是将程序中隐含的各种错误都查找出来，并对这些错误进行修改。将“图标”工具栏上的开始标志拖动到流程线上需要开始运行的位置，再将“图标”工具栏上的结束标志拖动到流程线上需要结束运行的位置。单击工具栏上的“运行”按钮，程序将从开始标志到停止标志运行。本软件在WindowsXP操作系统下测试成功。14.2产品展示多媒体设计上一页下一页返回（6）作品的打包和发布制作完成后，就需要进行发布了，本软件在WindowsXP操作系统下的操作步骤如下：①选择“文件”→“发布”→“发布设置”命令，在弹出的“一键发布”对话框中，选中“集成为支持Windows98/ME/NT/2000或XP的Runtime文件”复选框，在“发布为Web”选项区域中取消选中“Web播放器”和“Web页”复选框。②选择“文件”→“发布”→“一键发布”命令，开始发布文件，发布完成后在打开的“信息”对话框中单击“确定”按钮即可。③文件发布后，双击benq.exe文件即可。14.2产品展示多媒体设计上一页返回1.设计分析与脚本准备其实，要创作出多媒体作品需要有充足的原材料，仅仅靠Authorware还远远不够。真正精美的多媒体作品，往往还要依靠其他软件的支持。一个好的Authorware作品在结构、用色及内容等各个方面都是很讲究的，它可能很简单，但却给人一种吸引力。Authorware体现出来的是高效、灵活的集成功能，它能将图像、声音、文字、动画及视频等有机地结合起来，然后经过综合处理与控制，完成一系列生动的多媒体展示信息。制作Authorware作品首先需要考虑该作品的整体布局，一个作品的整体布局要遵循简洁、美观、实用的原则。整个过程类似于一个造房子的过程，首先要画图纸，然后再建好骨架，最后根据需要装修。我们在做设计的时候，整个作品的构思就是图纸，作品的具体结构就是骨架，作品的美观工作就是装修，可以从作品中看到设计者的思路，同时也能体现出设计者的个性和技术水平。14.3多媒体电子相册设计下一页返回电子相册是整合以上技术、满足用户需求的很好的例子。2.素材准备（1）图片收集根据不同需求，准备各种文本、声音、图形、图像、动画和视频等多种媒体素材。还需要将搜集的各种素材进行加工处理，使素材更生动。图片是电子相册中主要的组成部分，使电子相册充满生命力和吸引力。可以把以前和同学、朋友一起出去游玩儿的照片扫描进计算机，同时利用图片编辑软件Photoshop等，制作出自己想要的图片效果。（2）声音收集根据电子相册的风格，本例选择了kisstherain文件作为电子相册的背景音乐。背景音乐应节奏舒缓，符合人们欣赏照片时视觉转移的节奏。它会使电子相册更加精彩，每当打开电子相册时，都会令人身心放松。14.3多媒体电子相册设计上一页下一页返回3.流程的总体设计本作品也是为读者提供一个学习和交流的机会，读者可以在作品中学习到一些关于Authorware等软件方面的知识和制作流程，同时也可以指出自己的一些不足的地方，以便以后能做出更好的作品。电子相册的整体流程结构见图14.42。4.详细设计过程（1）片头Flash动画制作根据电子相册制作的需要，为此制作了个简单的动画，制作过程如下：①首先打开Flash软件，创建新项目后新建文档，新建了一个Flash文档。②然后在舞台上插入文字，先输入一个字，接着按F5键在时间轴上插入两个普通帧。14.3多媒体电子相册设计上一页下一页返回③接着在时间轴上插个关键帧，然后在先前插入的文字后面再加一个字，继续在时间轴上插入两个普通帧，见图14.43。重复②、③步直到一段话结束。（2）主程序设计①首先在流程线上拖放一个声音图标，命名为“背景音乐”，选中并双击图标然后打开属性面板。单击“导入”按钮，选择背景音乐kisstherain。然后单击“计时”标签，在“执行方式”下拉列表中选择“同时”选项，在“播放”下拉列表中选择“直到为真”选项，在条件文本框中输入“finish=1”然后按回车键，给finish赋初值为0，见图14.44。②制作一个欢迎界面。在流程线上拖放一个显示图标，命名为“欢迎界面”，双击显示图标导入图片。单击图片然后在下面的属性面板中可以修改其属性，还可以设置特效，见图14.45。接着在下面拖放一个群组图标，在群组图标里插入两个Flash图片，把图标移到Flash图片之前，单击演示窗口可以移动其位置。14.3多媒体电子相册设计上一页下一页返回③接着在流程线上拖放一个交互按钮，然后在交互中拖放一个显示图标，命名为“进入”，交互方式为热区域，然后双击显示图标，导入照片及输入文字。接着返回到欢迎界面，再单击交互里的热区域标记进行拖动，拖到指定链接位置。选中交互标记图标，在属性面板中“响应”选项卡下的“擦除”下拉列表中选择“不擦除”选项，在“分支”列表中选择“退出交互”选项，见图14.46。④接下来再往流程线上拖放一个交互图标，接着在交互中拖放两个群组图标和一个显示图标，交互类型都为热区域。分别将其命名为“回忆”、“西塘”和“结束”。⑤最后再拖放一个交互图标，在交互里拖放一个计算图标，命名为“退出”，交互类型为热区域，选择区域为结束显示中的结束程序。双击计算图标并输入“Quit（0）”。⑥“恰同学少年”子模块。双击“恰同学少年”群组图标打开层2，编辑回忆相册的整体流程，见图14.47。14.3多媒体电子相册设计上一页下一页返回●首先拖放一个显示图标到流程线上，命名为“1”。放入第一张照片，然后导入一个“下一张”按钮，再在空白区插入图片，再导入一个“返回”按钮。●接着在显示图标下面拖放一个交互图标，在交互中拖入显示图标，命名为“2”，交互类型为热区域，然后选中热区域将其移动到“下一张”按钮上。然后在名为“2”的显示图标的演示窗口中导入第二张照片，也同样插入一个“下一张”按钮和一个“返回”按钮。然后再在显示图标后面拖放一个计算图标，命名为to1，在计算图标的演示窗口中输入：“GoTo（IconID@"1"）”。●按照上面的方法依次加入11张照片。在最后拖入一个计算图标，命名为“退出”，交互类型依然为热区域，拖动热区域到“返回”按钮上。双击计算图标在“退出”对话框中输入：“GoTo（IconID@"进入"）”。14.3多媒体电子相册设计上一页下一页返回●添加完成后再往流程线上拖放一个交互图标，然后在交互内拖入一个群组图标，命名为“春夏秋冬”，用以表达时光的流逝。双击打开群组图标，往里面拖入4个显示图标，在每个显示图标后都拖入一个等待图标，之后拖入一个擦除图标，见图14.48。在等待图标的属性面板中修改事件为空，既不选中“单击鼠标”复选框，也不选中“按任意键”复选框，设置时限为1秒。●接下来还是在“回忆”群组中继续拖入一个等待图标，然后属性同上。接着在后面拖入一个显示图标，命名为“结束”，导入一张图片用来结束回忆相册的放映。再插入一个按钮，名为“返回”。●最后再拖入一个交互图标，在交互中拖入一个计算图标，双击计算图标，在其演示窗口中输入：“GoTo（IconID@"进入"）”，见图14.49。⑦“西塘美风景”子模块设计。返回到主程序流程线上双击打开“西塘”群组，编辑西塘相册，整体流程见图14.50。14.3多媒体电子相册设计上一页下一页返回●在流程线上拖入一个显示图标，命名为“一”。导入照片，然后在照片下分别输入数字“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”，接着往下拖入一个交互图标，在交互内拖入九个显示图标，分别命名为：“二”、“三”、“四”、“五”、“六”、“七”、“八”、“九”、“十”，交互类型都为热区域。然后将每个显示图标下分别输入数字“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”。●分别拖动每个显示图标的交互区域，一对应1，二对应2，依次类推将10张照片都分别对应好。●最后拖入一个计算图标，用来返回相册，双击计算图标，在其演示窗口中输入：“GoTo（IconID@"进入"）”。5.测试并打包发布作品设计完毕后，接下来应该打包发布作品了。具体操作读者可以参照以上的实例，此处不再赘述。14.3多媒体电子相册设计上一页返回1.系统设计分析制作一个简单的“学生基本情况管理系统”软件，通过该系统可以查询所有学生的基本情况；如可根据学生姓名查询该学生情况；能添加记录和删除记录。要求使用Authorware操作数据库的方法，能结合Authorware强大的交互性功能，开发本信息管理系统软件。2.设计过程①运行Authorware7.0，建立一个新文件，并保存为“学生基本情况管理系统.a7r”。将上一节实例中用到的student.mdb数据库的副本放在该文件的同一目录下。②设置文件属性，大小为640×480，背景颜色为R（221）G（221）B（221）。③向主流程线上拖放一个显示图标，命名为“背景”，显示图标中输入文本内容和灰色矩形框，见图14.51。14.4学生基本情况管理系统设计下一页返回右击显示图标，在弹出的快捷菜单中选择“计算”命令，在打开的计算图标的编辑窗口中输入如下内容：Movable@"背景"：=FALSE④拖放一个计算图标到流程线的“背景”显示图标下面，命名为“配置数据源”，打开该计算图标的编辑窗口，输入内容见图14.52。⑤拖放一个计算图标到流程线的“配置数据源”计算图标下面，命名为“打开数据库”，打开该计算图标的编辑窗口，输入内容见图14.53。⑥拖放一个交互图标到流程线的“打开数据库”计算图标下面，命名为“交互选择”，再拖放4个群组图标和1个计算图标到交互图标的右下方，选择按钮交互类型，建立5个按钮交互响应分支，分别命名为：“显示”、“查询”、“添加”、“删除”和“退出”，见图14.54所示。14.4学生基本情况管理系统设计上一页下一页返回⑦设计“显示”分支，打开“显示”群组，在子流程线上拖放一个计算图标，命名为“获取记录”，打开该计算图标的编辑窗口，输入内容见图14.55。⑧再拖放一个显示图标到流程线的“获取记录”计算图标下面，命名为“显示记录”，输入“学号”、“姓名”、“性别”和“总分”，下一排输入“［Data1］”、“［Data2］”、“［Data3］”和“［Data4］”，见图14.56。⑨设计“查询”分支，打开“查询”群组，在子流程线上拖放一个显示图标，命名为“查询提示”，双击打开该显示图标，输入文本内容见图14.57。⑩在“查询提示”显示图标下拖放一个交互图标，命名为“输入姓名”，拖放一个群组图标到交互图标的右下方，选择文本交互类型，建立一个“文本”交互响应分支，分别命名为“*”，响应分支类型为：退出交互，见图14.58。14.4学生基本情况管理系统设计上一页下一页返回

双击打开“*”群组图标，其中的流程图见图14.59。其中“查询”计算图标的内容，见图14.60。其中“继续查询提示”计算图标的内容，见图14.61。在“查询”和“继续查询提示”两个计算图标中使用了函数SystemMessageBox，它可以显示消息框，但SystemMessageBox函数的参数比较复杂，一般使用计算图标的编辑窗口上的按钮来自动生成显示消息框的代码。

设计“添加”分支，打开“添加”群组图标，其内部流程见图14.62。双击打开“*”群组，其内部流程见图14.63。其中“变量赋值1”计算图标中的内容见图14.64。该计算图标的主要作用是当输入的学号在数据库中已经存在时，将提示信息赋值给变量xsts，并将该变量放在“重复提示”显示图标中显示。14.4学生基本情况管理系统设计上一页下一页返回在“重新输入”计算图标的演示窗口中输入“GoTo（IconID@"输入学号"）”，重新输入学号。当学号输入正确后，利用多个“文本”交互输入姓名、性别和总分，并使用系统变量EntryText将数据存入指定的变量中。“添加记录”计算图标中的内容见图14.65。其中变量xsbl存放记录是否添加成功的信息，并将该变量放在“提示显示”显示图标中显示。

设计“删除”分支，该分支的设计思路基本与查询相同，对“查询”分支来讲是将查到的记录显示，而对“删除”分支来讲是将查到的记录删除。双击打开“删除”群组，其内部流程见图14.66。首先利用“文本”交互输入要删除的学生姓名，根据姓名查找记录，如果没找到则用消息框显示“没有该学生的记录”；如果该学生存在，则用消息框让用户确认是否真的要删除该记录。“删除”计算图标中的内容见图14.67。14.4学生基本情况管理系统设计上一页下一页