多媒体技术实验指导书

?多媒体技术?实验指导书

目录目录 2实验一：声音信号的获取与处理 3实验二：Photoshop的使用——图像的根本处理 7实验三：Photoshop的使用——图层和通道 12实验四：Flash的根本操作 16实验五：Flash动画—形状渐变和运动渐变 19实验六多媒体作品制作 22实验七三维动画的制作 56实验八网页信息的制作与发布 74实验九Huffman编码算法实现 75实验十图像编码 76

实验一：声音信号的获取与处理一、实验目的和要求本实验通过麦克风录制一段语音信号作为解说词并保存，通过线性输入录制一段音乐信号作为背景音乐并保存。为录制的解说词配背景音乐并作相应处理，制作出一段完整的带背景音乐的解说词。二、实验内容与步骤一．实验内容：硬件与软件的准备目前，多媒体计算机中的音频处理工作主要借助声卡，从对声音信息的采集、编辑加工，直到声音媒体文件的回放这一整个过程都离不开声卡。声卡在计算机系统中的主要作用是声音文件的处理、音调的控制、语音处理和提供MIDI接口功能等。进行录制音频信号所需的硬件除了声卡，还有麦克风、音箱以及外界的音源信号设备〔如CD唱机、录音机等〕，把麦克风、音箱、外界音源信号设备与声卡正确连接完成硬件准备工作。在Windows的【控制面板】/【多媒体】中选择正确的录音和回放设备，并对其进行调试。用Windows录音机录制解说词使用Windows录音机录制任意一段语音信号作为解说词，录制完毕后把文件存为Wav格式，文件名为【例如1_1】。使用CoolEdit录制背景音乐使用CoolEdit录制任意一段语音信号作为背景音乐，要求录制的声音文件,采样频率为44100Hz,立体声，量化位数为16位，保存文件的为Wav格式，文件名【例如1_2】。使用WaveStuido编辑和处理背景音乐使用WaveStuido对【例如1_2】先进行回声处理，【幅度】值为100%，【回声延迟】为300毫秒。然后进行【淡入】和【淡出】处理，【幅度】值各为50%。使用CoolEdit进行混音处理使用CoolEdit的【Mixpaste】功能对【例如1_1】和【例如1_2】进行混音处理。把【例如1_2】参加【例如1_1】中去，编辑成为一个完整的带背景音乐的解说词，保存为【例如1_3】二．例如

1．用Windows录音机录制解说词步骤1：首先准备一份所需录制的材料作为解说词。步骤2：执行【开始】/【程序】/【附件】/【娱乐】/【录音机】。翻开【录音机】，单击【录音】按钮开始录音。Windows录音机录制音频文件时一次能录制的时间为60秒，当录制时间大于60秒后，按【录音】继续录制。当朗读文章结束后,单击【停止】结束录音，如下图。图1.1windows录音机步骤3：执行菜单【文件】/【另存为】命令，在出现的【另存为】对话框中的【格式】项，选【更改】。在【选择声音】对话框中修改【属性】项为【16位86KB/s】,单击【确定】返回【另存为】对话框，选好保存的路径，文件名存为【例如1_1】，保存类型选Wav，如图1.2所示。图1.2windows录音机的保存及属性修改这样一个完整语音音频文件便保存好了。

3．使用CoolEdit录制背景音乐背景音乐可由录音机、CD唱机等输出的模拟音频获取。首先保证外界音源设备与声卡的LineIn接口正确相连。步骤1：选择【开始】/【程序】/【CoolEdit2000】/【CoolEdit2000】，翻开CoolEdit2000，如下图。图CoolEdit2000主界面

步骤2：单击工具栏的【Record】按钮，如下图。图CoolEdit2000的工具栏出现【NewWaveform】对话框，分别选择【SampleRate】为44100，【Channels】为【Stereo】，【Resolution】为【16-bits】，单击【OK】按钮开始录音，如下列图。图1.5【NewWaveform】对话框步骤3：录音结束，单击工具栏的【Stop】按钮完成录音，如下图。步骤4：执行【File】/【SaveAs…】，翻开保存对话框，如下图。选择好路径，文件名存为【例如1_2】，保存类型选【WindowsPCM〔*.Wav〕】，单击【保存】完成对音乐文件的录制。4．使用WaveStudio编辑和处理背景音乐步骤1：翻开【例如1_2】文件，执行【特殊】/【回声】，设置【参加回声】对话框。在【幅度】中添入100%，在【回声延迟】中添入300毫秒，在【将回声参加】中选【两个通道】。单击【确定】进行处理，如图1.6所示。图1.6【参加回声】对话框图1.7【淡入】对话步骤2：拖动鼠标选取声音波形开头的一局部，执行【特殊】/【淡入…】,设置【淡入】对话框。在【幅度】中添入50%，【淡入】为【两个通道】，单击【确定】进行处理，如图1.7所示。框

步骤3：拖动鼠标选取声音波形结尾的一局部，执行【特殊】/【淡出…】,设置【淡出】对话框。在【幅度】中添入50%，【淡出】为【两个通道】，单击【确定】进行处理，如图1.8所示。图1.8【淡出】对话框图1.9【Mixpaste】对话框步骤4：保存文件，完成编辑。5．使用CoolEdit进行混音处理步骤1：翻开【例如1_1】，执行【Edit】/【Mixpaste…】命令，翻开【Mixpaste】对话框,如下图。1)在Volume框中，【VolumeL,R】代表左右声道音量，假设为单声道文件，那么只有一个声道音量调节，假设选中【Invert】，那么文件在被粘贴前声音数据将会颠倒。当【Lockleft/Right】被选中时，左右声道调节钮将被锁定，调节时将一齐变化。2〕在合成方式框中，选定【Insert】，那么被粘贴的文件插入当前文件之中。选定【Overlap】时，那么被粘贴的文件不会取代当前文件中的选定局部，而是以选定的局部与当前文件叠加。假设被粘贴的文件比当前文件的选定局部长，那么超出范围的局部将继续被粘贴。选定【Replace】，那么被粘贴的声音文件将覆盖源文件。选定【Modulate】,那么被粘贴的声音文件与当前文件一起调制，即将每采样点的幅值相乘混合后输出。激活【Crossfade】，输入时间(ms),那么在粘贴前后粘贴的文件有一定的淡入淡出。3〕在选择被粘贴的文件来源框中，选中【FromClipboard】表示被粘贴的文件来源于剪贴板。【FromwindowsClipboard】表示被粘贴的文件来源于Windows剪贴板。【FromFile】表示被粘贴的文件来源于新文件，单击【SelectFile…】按钮可选择文件。4〕【Looppast】指粘贴文件的次数。在本实验中设置【VolumeL,R】为90，选中【Overlap】，设置【Crossfade】值为50，选中【FromFile】，单击【SelectFile…】选择作为背景音乐的文件【例如1_2】,【Looppast】为1,单击【OK】完成设置。步骤2：处理结束后，翻开【File】/【SaveAs…】，选择好路径，文件名存为【例如1_3】单击【保存】，完成混音处理，如下图。图混音处理后的音频文件三、思考题数字音频通常使用的采样率为多少？请举出三种多媒体音频技术中常用的存储声音信息的文件格式？怎样使用WaveStudio进行混音处理？使用WaveStudio混音处理后的声音文件如果出现背景音乐过大或过小的问题，如何解决此问题？实验二：Photoshop的使用——图像的根本处理一、实验要求1．掌握Photoshop一些常用工具的使用2．掌握图像的一些根本处理方法二、实验内容〔一〕画笔工具使用启动Photoshop后,单击[文件]→[新建]命令，建立一个RGB模式的图像。指定前景色，选择工具箱中的画笔工具，在菜单栏下出现如图2.1所示的画笔工具属性栏。画笔工具属性栏1．在属性栏中单击，弹出画笔设置对话框，指定画笔尺寸为20px，在图像窗口中按住鼠标左键拖动画一线条，再按住鼠标左键后，同时按住<Shift>键拖动画一线条，比拟画出的两线条有什么不同。2．在“不透明度〞文本框中输入1%～100%的数值，或拖动滑块调整不透明度，绘出以下几种不透明度值的线条。不透明度为00%不透明度为50%不透明度为00%不透明度为50%不透明度为20%3．单击属性栏最右侧的“画笔压力〞对话框。图2.2“画笔压力〞对话框选择“渐隐〞并在文本框中输入渐隐的步长值。完成以下几种不同渐隐选项的线条效果。大小渐隐，步长为大小渐隐，步长为40不透明渐隐，步长为40颜色渐隐，步长为40〔二〕形状绘制工具组的使用形状绘制工具组包括矩形、园角矩形、椭圆、多边形、直线、自定义形状等6种工具。1．多边形工具的使用〔1〕单击工具箱中的矩形按钮不放，将显示出如图2.3所示的形状绘制工具组，选择多边形工具，在菜单栏下出现多边形工具属性栏，如图2.4所示。多边形工具属性栏〔2〕在“边〞文本框中输入多边形的边数为8，单击按钮，弹出“多边形选项〞对话框，如图2.5所示，输入不同的缩进边比例，绘制如图2.6所示的多边形。形状绘制工具组“多边形选项〞对话框图2.6绘制多边形2．直线工具使用〔1〕选择属性栏中的直线工具按钮，在属性栏的“粗细〞文本框中输入直线的宽度，在图像上拖动鼠标即可绘制直线。〔2〕单击属性栏中的按钮，弹出“箭头〞对话框，如图2.7所示，选中“起点〞复选框，那么绘制线条的起点处带箭头；选中“终点〞复选框，那么在线条的终点处带箭头。在“宽度〞文本框中输入箭头宽度与直线宽度的比率，在“长度〞文本框中输入箭头与直线宽度的比率，在“凹度〞文本框中输入-50%～50%之间的一个值以设定箭头最宽局部的弯曲程度。设置好后按下鼠标左键拖动，即可画出双向箭头,按<Enter>键确定。试着设置不同的值绘出如图2.8所示的几种箭头。图2.7“箭头〞对话框图2.8设置不同值绘制箭头

3．自定义形状工具的使用选择属性中的自定义形状按钮，单击按钮，弹出“自定义形状选项〞对话框，如图2.9所示。单击右边的“形状列表〞，从中选择一些图形，按下鼠标拖动绘制。图2.9“自定形状选项〞对话框图2.10形状列表〔三〕选框工具组的使用使用选框工具组可以选择四种形状的区域：矩形、椭圆形、竖线和横线。1．创立选区选择工具箱中的矩形选框工具，出现如下列图所示的工具属性栏。〔1〕将鼠标移到图像窗口中拖出一矩形选区，单击添加到选区按钮，光标变成＋+形状，再选择椭圆选框工具，在选区的右下方拖曳鼠标增加一个椭圆选区，如图2.11所示。〔2〕单击从选区中减去按钮，在图中拖动鼠标减少一个椭圆选区，如图2.12所示。增加一椭圆选区减少一椭圆选区〔3〕选择一种前景颜色，按[Alt]+[Delete]键填充选区。2．羽化选区〔1〕任选一图像文件翻开，选取工具箱中的椭圆选框工具，并在属性栏中设置羽化值为80〔可以根据需要设置〕，如图2.13所示。在图像上拖出一椭圆选区，如图2.14所示。椭圆选框工具属性栏图2.14建立椭圆选区图2.15羽化效果〔3〕单击菜单[选择]→[反选]命令。选择背景色为白色，按[Delete]键，就可以得到如图2.15所示的羽化效果。如需进一步羽化，继续按[Delete]键。〔4〕将文件另存盘。〔四〕套索工具组的使用套索工具组包括套索工具、多边形套索工具和磁性套索工具。1．自选图片文件，选择工具箱中的套索工具，出现套索工具属性栏，如图2.16所示。套索工具属性栏〔1〕在图像中选择一起点，按住鼠标左键不放，沿着小狗的轮廓拖动，当鼠标指针回到起点位置时，完成图像的选取，如图2.17所示。单击[编辑]→[复制]命令，复制选区中的图像。再单击[编辑]→[粘贴]命令，把选区中的图像粘贴的到当前图像文件的一个新图层中。〔2〕选择工具箱中的移动，将新粘贴的图像移动到适当的位置。效果如图2.18所示。建立选区复制并粘贴选区〔3〕将文件另存盘。。〔4〕任选一图像文件翻开，利用多边形套索工具将其中的局部图像选取，复制、粘贴到另一图像中，将完成后的图片以jpeg文件格式保存。〔五〕图章工具组的使用图章工具组包括橡皮图章工具和图案图章工具。1．橡皮图章工具〔1〕翻开自选文件，选择工具箱中的橡皮图章工具，弹出工具属性栏，如图2.19所示。在属性栏中选择一种画笔，将鼠标移到图像窗口，按下[Alt]键，此时鼠标变为形状，在图像中单击某一位置进行定点取样，然后将鼠标移到要复制的区域，按下鼠标左键，并在图像中来回拖动，将取样的图像〔十字光标所在处的图像〕复制到新的位置。图橡皮图章工具属性栏〔2〕假设选中“对齐的〞复选框，那么只能复制一个固定位置的图像，即在拖曳鼠标复制时，无论中途中断复制多少次，都不会间断图像的连续性。假设不选“对齐的〞复选框，那么可以连续复制多个相同的图像，如下图。(a)原图(b)使用“对齐的〞选项(c)未使用“对齐的〞选项图使用橡皮图章工具复制的图像〔3〕自己再任选一幅图像，在属性栏中分别选择不同的画笔、模式和不透明度，将图像复制到另外一幅图像中，并观察效果。〔4〕将文件另存盘。2．图案图章工具〔1〕翻开自选文件，选择工具箱中的“矩形选框〞工具，在图像中拖动鼠标，框选出需要定义为图案的区域。执行[编辑]→[定义图案]命令，在弹出的对话框中输入图案的名称，如图2.21所示。〔2〕选择工具箱中的图案图章工具，其工具属性栏如下图。在属性栏中的“图案〞列表中选择已定义好的图案，再将鼠标移到图像窗口中〔或新建一图像文件〕，按[Ctrl]+D键取消图案选区，然后按住鼠标左键不放，来回拖动鼠标就将定义的图案复制到新的位置了，效果如下图。〔3〕将文件另存盘。图定义图案图图案图章工具属性栏(a)使用“对齐的〞选项(b)未使用“对齐的〞选项图使用图案图章工具复制的图案三、思考题1．Photoshop的工具栏上共有哪些工具，各有什么作用？2．使用哪种工具，可在图像中选取出任意形状的区域？实验三：Photoshop的使用——图层和通道一、实验要求1．掌握图层的概念和根本操作2．掌握通道的根本操作3．掌握常用滤镜的使用方法和功能4．掌握路径的根本操作二、实验内容〔一〕制作像框1．单击[文件]→[新建]命令，图像大小为640×480象素，RGB模式，背景为白色，文件名为“Picture〞。2．单击[文件]→[翻开]命令，翻开任选一图像文件，执行[选择]→[全选]，选中图像，单击[编辑]→[复制]命令，将图像复制到剪切板。3．激活新建的名为“Picture〞的文件，单击[编辑]→[粘贴]命令，这时图层面板上就增加了图层1。单击[编辑]→[自由变换]命令，在对角线方向拖动控制点，将图层1的大小调整适宜。如图3.1所示。

图“自由变换〞操作图扩边后填充选区-4．按下[Ctrl]键的同时，单击图层1，将图层1选中。单击[选择]→[修改]→[扩边]命令，宽度选22象素，选择颜色面板中一种颜色填充，如下图。5．单击[滤镜]→[纹理]→[颗粒]〔参数任意〕，给像框加一些纹理效果。6．单击[图层]→[图层样式]→[斜面浮雕]，弹出如下图的图层样式对话框，设置“斜面浮雕〞效果后按[确定]。然后按下[Ctrl]+D键取消选区。7．接着按下[Ctrl]键的同时，单击图层1，将图层1选中。单击图层面板下的按钮，创立一图层2，选择阴影颜色进行填充。8．单击[图层]→[排列]→[后移一层]，将图层2〔阴影层〕移到图层1〔画框层〕的下面。将图层1和图层2链“图层样式〞对话框接，如下图。单击[编辑]→[变换]→[斜切]，调整像框放置的角度，调好后按[Enter]键，效果如下图。图层1与图层2链接调整像框角度9．取消链接，选中图层2〔阴影层〕，单击[编辑]→[自由变换]，将阴影压缩到适宜的位置，再单击[编辑]→[变换]→[斜切]，效果如下图。再执行[滤镜]→[模糊]→[高斯模糊]，半径取。选中背景层，填充一渐变色，单击[滤镜]→[纹理]→[纹理化]→[砂岩]，完成后的效果如下图。10．将文件另存盘。

图调整阴影层图效果图〔二〕制作金属字1．单击[文件]→[新建]命令，新建一个RGB模式的图像，背景填色。2．选取工具箱中的[文本工具]工具，在属性栏中设置字体、字号、颜色〔棕黄色〕等。在图像上单击出现闪动的光标，输入“金属字〞，单击属性工具栏的按钮，确定文本的输入。3．单击“通道〞面板，建一Alpha1通道，文字填充白色，如下图。4．单击[滤镜]→[模糊]→[高斯模糊]〔半径取5，这时预览中有隐约的银色〕5．单击[图像]→[调整]→[曲线]，拉动曲线，调整到适当位置，如下图。图Alpha1通道的文字图“曲线〞对话框7．回到图层面板，在文字图层上单击鼠标右键，在弹出的快捷菜单中选择[删格化图层]，把文字图层转换为普通图层。8．单击[滤镜]→[渲染]→[光照效果]，弹出如下图对话框，注意在“纹理通道〞下拉列表中一定要选择“Alpha1”9．将文件另存盘。“光照效果〞对话框图3.11金属字效果〔三〕利用路径制作邮票效果1．单击[文件]→[新建]命令，建立一个RGB模式的图像文件，背景填充为任意颜色。2．单击[文件]→[翻开]命令，翻开一自选文件〔图片最好符合邮票的比例〕。在图片上按住鼠标左键拖拽复制到新建图像文件的图层1上，如图3.12所示。图3.12图片复制到“图层1〞3．在图层面板上，按住[Ctrl]键单击图层1，将图像选中。单击[选择]→[修改]→[扩展]命令，将选区扩大10个象素〔要根据图像大小来定〕。在图层1下创立图层2，填充白色，如图3.13所示。图3.13“图层2〞填充白色4．在图层面板的图层1上单击鼠标右键，在弹出菜单中选择“向下合并〞，将图层1和图层2合并为图层2〔此时图层1仍处于选中状态〕。5．选择路径面板，单击按钮，将选区转换为工作路径，如图3.14所示。图3.14将选区转换为工作路径6．选择工具箱的“橡皮擦〞工具，单击图3.15所示工具属性栏中的，弹出画笔设置对话框，如图3.16所示，拖动滑块调整笔触大小及间距值。图3.15“橡皮擦〞工具属性栏图3.16“画笔〞对话框7．调整好后单击路径面板下方的〔用前景色描边路径〕按钮，完成邮票齿孔的制作。然后按下[Shift]键的同时单击路径名〔工作路径〕，隐藏路径的显示。选择工具箱中的“文字〞工具，在邮票上添加文字内容。8．单击图层面板下新建图层按钮，选择矩形选框工具，沿图片边沿拖出一矩形选区，单击[编辑]→[描边]，宽度选1象素，确定后完成邮票制作，效果如图3.17所示。9．将文件另存盘。完成的邮票效果三、思考题1．如何移动图层及修改它的排列顺序？如何合并图层？2.Photoshop中有哪些滤镜？在图像处理中各有什么效果？3.金属字的制作中用到哪些方法？4.路径与选区的关系是什么？实验四：Flash的根本操作一．实验目的2．掌握绘图工具箱的使用3．掌握时间轴、帧和层的操作4．熟悉逐帧动画的制作方法5．学习如何建立动画及播放动画二．实验内容〔一〕Flash的工作界面在桌面上双击Flash图标或在[开始]菜单的[程序]项下启动Flash动画制作软件，翻开Flash窗口的同时建立一个名字为Movie1的新动画。1．舞台属性的设置舞台就是Flash窗口中的一块空白矩形区域，制作的动画和电影就在这块区域中显示和播放，通过设置舞台的属性可以改变舞台的大小和背景颜色。〔1〕选择菜单[Modify]→[Movie]项，或在舞台上单击右键，选择快捷菜单的[MovieProperties]项，翻开如图4.1所示的对话框。〔2〕在“MovieProperties〞对话框中，设置动画播放速度为每秒12帧〔fps〕，画面大小为450px*350px〔像素〕，背景颜色Background为淡兰色，标尺的长度是像素〔Pixels〕。.〔3〕按[OK]按钮，完成舞台的属性设置。舞台属性对话框colors栏2．绘图工具栏箱的使用〔1〕绘制圆角矩形①从工具箱中选择矩形工具，在工具箱的Colors栏中如图4.2所示，分别单击和图标按钮，设置矩形的边线颜色和填充的颜色。②选择工具箱下面Options栏中的圆角工具，在弹出的对话框中设置角度为30度。在舞台上单击并拖拽鼠标，绘制圆角矩形。③选择选取工具，单击矩形的中间填充局部，填充被选中，拖拽鼠标到舞台任意位置，那么将边线和填充别离。〔如果是在矩形上双击鼠标，那么同时选中边线和填充。〕〔2〕绘制无填充的椭圆①选择工具箱的圆形工具，单击下面Colors栏中的图标按钮，选择边线颜色为红色。单击按钮，点击Colors栏底部的按钮，那么填充图标按钮变为，处于不可用状态。②在舞台上单击并拖拽鼠标，绘制椭圆框线。③在椭圆上单击鼠标右键，选择快捷菜单中的[Scale]项，图片四周会出现8个控制框，可以用来调整图片大小。3．时间轴的使用时间轴是动画运行的主轴，通过排列各个帧和层，来完成整个动画。在时间轴的左边是层编辑区，右边是帧操作区，如图4.3所示。当制作较大动画时，希望看到更大的舞台场景，可以选择菜单[View]→[Timeline]项，翻开或关闭时间轴。时间轴〔1〕层和时间轴在如图47所示的左边层编辑区中，可以添加层、删除层。还可以使用三个层状态图标，来隐藏某些层、锁定层或以线框模式显示层。①选定层Layer1，单击下面的按钮，增加一个新层Layer2。选择菜单[Insert]→[Layer]项，再增加一个新层Layer3。②在Layer2层上双击鼠标，层名处于可编辑状态，修改层名字为“动画〞。③单击Layer1层名字右边的隐藏栏和锁定栏〔只隐藏或锁定某一层〕，此时Layer1层被隐藏并且被锁定，处于不可编辑状态。如图4.4所示。④选定Layer3层，单击层编辑区下面的按钮，将Layer3层删除。隐藏和锁定时间轴〔2〕关键帧和时间轴关键帧是用来定义动画变化的帧，它的操作是在时间轴右边的帧操作区中进行的。每一层的第一帧都是默认的关键帧，在两个关键帧之间可以添加动画命令，实现动画效果。①选定Layer1层，分别单击隐藏栏和锁定栏，去掉隐藏和解除锁定。②在Layer1层的第5帧上单击鼠标，按F6键，插入一个新的关键帧。插入新帧后，前面一个关键帧的内容会被复制到舞台上，选定上面所画的矩形和椭圆，改变它们在舞台上的位置。在第10帧上单击鼠标右键，选择快捷菜单[InsertKeyfram]项，在第10帧的位置插入另一个关键帧，上一个关键帧的内容又被复制到舞台上，将矩形删除，改变椭圆的位置。③分别单击第1帧、第5帧、第10帧，观察舞台上的图形变化。可以看到每一个关键帧上放置的图形和位置都不相同，如果在这些关键帧之间添加动作命令，就可实现动画。4．符号库〔1〕选定Layer1层的第1帧，单击椭圆，选择菜单[Insert]→[ConverttoSymbol]项〔或按F8键〕，在弹出的符号属性对话框中，设置符号名字为“椭圆〞，并设置符号的Behavior类型为Graphic〔图片〕，如图4.5所示。按[OK]按钮，将椭圆转换成图片符号。〔2〕选择菜单[Window]→[Library]项，翻开符号库“Library〞窗口，将椭圆图形符号拖拽到舞台上任意位置，关闭符号库窗口。〔建立好的图片符号可以屡次使用〕〔3〕选择菜单[Files]→[Import]，从外部导入图片landscape.jpg或自选图片，在桌面上会出现导入的图片。单击Flash窗口右下角的按钮，翻开“Library〞窗口，查看符号库中的图片符号，图片被导入到符号库里。符号属性对话框〔二〕逐帧动画的建立和播放逐帧动画的每一帧都是关键帧，所以在制作时要逐个设置关键帧。建立逐帧动画后的效果图如图4.6所示。以洋葱皮效果显示逐帧动画1．动画的建立〔1〕翻开菜单[File]→[New]项，新建一个动画。〔2〕选择菜单[View]→[Grid]→[ShowGrid]项，给舞台加网格。单击右键选择菜单[Grid]→[EditGrid]项，调整网格的大小为40px，〔3〕从工具箱中选择椭圆工具，在舞台上绘制一个无边线的兰色小圆形，并放置在一个网格中，便于对齐下一小圆形。〔4〕在时间轴的第2帧上单击鼠标，按F6键插入一个新的关键帧。这时第1帧的小圆形被复制到舞台上，将小圆形移动到原位置右边的一个网格中。以同样步骤在时间轴的第3帧到第10帧分别插入关键帧，并在各帧上分别将小圆形右移一格，整个动画制作完成。〔5〕在时间轴下部单击洋葱皮按钮，使各帧以洋葱皮方式透明的显示出来。〔6〕选择菜单[File]→[Save]项，将动画以文件名保存。2．播放动画〔1〕直接在舞台上观看动画：按[Enter]键可看到动画效果，再次按[Enter]键停止播放。〔2〕在独立播放器中观看动画：按[Ctrl]+[Enter]键或选择菜单[Control]→[TestMovie]项，那么翻开独立播放器播放动画。同时会产生一个和源文件名字相同但是swf格式的动画文件，名字为Frame.swf，并保存在和源文件相同的文件夹中。三、思考题1．时间轴的度量单位是什么？2．关键帧的作用是什么？2．将图形转换成符号库中的图片符号时，类型除了有Grahpic之外，还有什么类型？实验五：Flash动画—形状渐变和运动渐变一．实验目的1．掌握形状渐变的制作方法2．熟悉从外部导入图片的操作3．掌握运动渐变的制作4．熟悉图片符号的建立方法

二．实验内容〔一〕小球到花朵的形状渐变形状渐变是让一种形状随时间变化成另一种形状，如图5.1所示，是从小球变换成花朵。小球到花朵的形状渐变操作方法如下：1．建立一个新动画。在舞台上单击鼠标右键，选择快捷菜单[MovieProperties]项。在弹出的“MovieProperties〞对话框中设置舞台属性为500*300像素，背景为黑色，速率12。2．选定时间轴上layer1层的第1帧，从工具箱中选择椭圆工具，在下面的colors中取消边线颜色，设置填充颜色为绿色球形，在舞台上绘制一个没有边线的小球。然后拖动小球到舞台的最左边。3．在时间轴第40帧上单击右键，选择菜单[InsertKeyframe]项或按F6，插入关键帧。4．选中第40帧，选择菜单[Files]→[Import]项，从外部导入图片flower11.jpg或自选图片。5．在Flash窗口右下角，单击按钮，翻开“Library〞窗口，将导入的图片符号拖动到舞台中。选定图片单击右键，选择菜单项[Scale]，在图片四周出现8个控制框，可以用来调整图片大小，将图片调整到适宜大小后，拖动图片到舞台的最右边。6．在舞台上单击鼠标右键，选择菜单[SelectAll]，同时选定小球和花朵图片。在小球图片上单击鼠标右键，选择菜单[Panels]→[Align]或按Ctrl+K键，翻开“Align〞(对齐)对话框，将图形对齐。再将第1帧的小球图片删除。7．选定花朵图片，选择菜单[Modify]→[BreakApart]项，打散图片才可进行形状变换。8．在第1帧上单击鼠标右键，选择菜单[Panels]→[Frame]，在“Frame〞对话框的Tweening下拉菜单中选择Shape项，如图5.2所示，添加形状渐变。图5.2用Frame面板设置遮罩9．动画制作完成。按Ctrl+Enter键，可以观看动画效果。10．将文件以文件名保存到D盘上的FLASH文件夹中。产生的文件也保存在与源文件相同的文件夹下。〔二〕小球跳动的运动渐变运动渐变实际是在两个关键帧之间建立变化关系，如图5.3所示，是小球的弹跳运动。图5.3小球的运动变化操作方法如下：1．建立一个新的FLASH文档，并双击时间轴上的layer1层，重命名为“地面〞层。2．选择地面层的第1帧，使用矩形工具在舞台下部绘制矩形作为地面。选定第30帧，按F6键插入关键帧。单击地面层上的锁，将地面层锁定，如图5.4所示。图5.4时间轴的锁定3．新建一个层，命名为“球〞层。4．选定球层的第1帧，选择工具箱中的椭圆工具，在舞台上画一个无填充的小球。5．选定小球，选择菜单[Insert]→[ConverttoSymbol]项，在弹出的对话框中，设置符号名字“ball〞，并设置符号的Behavior为Graphic。将小球转换成图片符号，如图5.5所示。图5.5图片符号的设置6．拖动小球符号到舞台左边适当的位置，选定球层的时间轴第30帧，按F6插入一个关键帧。选中第30帧，将第1帧的小球图片拖动到舞台的右边适当的位置。7．在球层第1帧上单击鼠标右键，选择菜单[CreateMotionTween]，添加运动渐变。8．在球层的第15帧的位置按F6键插入一个关键帧。选中第15帧，按住Shift键，将第15帧的小球在垂直方向拖动到贴近地面。9．动画制作完成。按Ctrl+Enter键，可以观看动画效果。10．将文件以文件名ballj保存。产生的文件也保存在与源文件相同的文件夹下。三、思考题1．形状渐变与运动渐变的区别是什么？2．如果要使一个图片能发生形状渐变要先将图片做何处理？3．如何制作小球从右向左跳动的动画？

实验六多媒体作品制作一、实验目的 (1)熟悉Authorware6的使用环境。 (2)掌握显示、移动、擦除、等待、交互、组、框架图标的根本用法。 (3)掌握变量和函数的根本用法进行多媒体编程。二、实验环境 1.硬件环境 IntelPentium450或以上级别CPU，大于128M的内存。 2.软件环境 Windows98/ME/2000/XP操作系统,Authorware6中文版。三、实验知识准备 1．Authorware概述在各种多媒体应用软件的开发工具中，Macromedia公司推出的多媒体制作软件Authorware是不可多得的开发工具之一。它使得不具有编程能力的用户也能创作出一些高水平的多媒体作品。Authorware采用面向对象的设计思想，是一种基于图标〔Icon〕和流线〔Line〕的多媒体开发工具。它把众多的多媒体素材交给其他软件处理，本身那么主要承当多媒体素材的集成和组织工作。Authorware操作简单，程序流程明了，开发效率高，并且能够结合其他多种开发工具，共同实现多媒体的功能。它易学易用，不需大量编程，使得不具有编程能力的用户也能创作出一些高水平的多媒体作品，对于非专业开发人员和专业开发人员都是一个很好的选择。〔1〕面向对象的可视化编程。这是Authorware区别于其他软件的一大特色，它提供直观的图标流程控制界面，利用对各种图标逻辑结构的布局，来实现整个应用系统的制作。它一改传统的编程方式，采用鼠标对图标的拖放来替代复杂的编程语言。〔2〕丰富的人机交互方式。提供11种内置的用户交互和响应方式及相关的函数、变量。人机交互是评估课件优劣的重要尺度。〔3〕丰富的媒体素材的使用方法。Authorware具有一定的绘图功能，能方便地编辑各种图形，能多样化地处理文字。Authorware为多媒体作品制作提供了集成环境，能直接使用其他软件制作的文字、图形、图像、声音和数字电影等多媒体信息。对多媒体素材文件的保存采用三种方式，即：保存在Authorware内部文件中；保存在库文件中；保存在外部文件中，以链接或直接调用的方式使用，还可以按指定的URL地址进行访问。〔4〕强大的数据处理能力。利用系统提供的丰富的函数和变量来实现对用户的响应，允许用户自己定义变量和函数。 2．操作界面同许多Windows程序一样，Authorware具有良好的用户界面。Authorware的启动、文件的翻开和保存、退出这些根本操作都和其它Windows程序类似。下面仅介绍Authorware特有的菜单和工具栏。〔1〕菜单栏Insert〔插入〕菜单：用于引入知识对象、图像和OLE对象等。Modify〔修改〕菜单：用于修改图标、图像和文件的属性，建组及改变前后景的设置等。Text〔文本〕菜单：提供丰富的文字处理功能，用于设定文字的字体、大小、颜色、风格等。Control〔控制〕菜单：用于调试程序。Xtras〔特殊效果〕菜单：用于库的链接及查找显示图标中文本的拼写错误等。Command〔命令〕菜单：这是Authorware6新增的菜单，里面有关于Authorware的相关内容，还有RTF编辑器和查找Xtras等内容。Window〔窗口〕菜单：用于翻开展示窗口、库窗口、计算窗口、变量窗口、函数窗口及知识对象窗口等。Help〔帮助〕命令：从中可获得更多有关Authorware的信息。 〔2〕常用工具栏常用工具栏是Authorware窗口的组成局部，其中每个按钮实质上是菜单栏中的某一个命令，由于使用频率较高，被放在常用工具栏中，熟练使用常用工具栏中的按钮，可以使工作事半功倍。〔3〕图标工具栏图标工具栏在Authorware窗口中的左侧，如图，包括13个图标、开始旗、结束旗和图标调色板，是Authorware最特殊也是最核心的局部。显示〔Display〕图标：Authorware中最重要、最根本的图标，可用来制作课件的静态画面、文字，可用来显示变量、函数值的即时变化。动画〔Motion〕图标：与显示图标相配合，可制作出简单的二维动画效果。擦除〔Erase〕图标：用来去除显示画面、对象。等待〔Wait〕图标其作用是暂停程序的运行，直到用户按键、单击鼠标或者经过一段时间的等待之后，程序再继续运行。导航〔Navigate〕图标：其作用是控制程序从一个图标跳转到另一个图标去执行，常与框架图标配合使用。框架〔Framework〕图标用于建立页面系统、超文本和超媒体。决策〔Decision〕图标：其作用是控制程序流程的走向，完成程序的条件设置、判断处理和循环操作等功能。交互〔Interaction〕图标：用于设置交互作用的结构，以到达实现人机交互的目的。计算〔Calculation〕图标：用于计算函数、变量和表达式的值以及编写Authorware的命令程序，以辅助程序的运行。群组〔Map〕图标：是一个特殊的逻辑功能图标，其作用是将一局部程序图标组合起来，实现模块化子程序的设计。电影〔DigitalMovie〕图标：用于加载和播放外部各种不同格式的动画和影片，如用3DStudioMAX、QuickTime、MicrosoftVideoforWindows、Animator、MPEG以及Director等制作的文件。声音〔Sound〕图标：用于加载和播放音乐及录制的各种外部声音文件。视频〔Video〕图标：用于控制计算机外接的视频设备的播放。开始〔Start〕旗：用于设置调试程序的开始位置。结束〔Stop〕旗：用于设置调试程序的结束位置。图标调色板〔IconColor〕：给设计的图标赋予不同颜色，以利于识别。〔4〕程序设计窗口程序设计窗口是Authorware的设计中心，Authorware具有的对流程可视化编程功能，主要表达在程序设计窗口的风格上。程序设计窗口如图，其组成如下：标题栏：显示被编辑的程序文件名。主流程线：一条被两个小矩形框封闭的直线，用来放置设计图标，程序书执行时，沿主流程线依次执行各个设计图标。程序开始点和结束点两个小矩形，分别表示程序的开始和结束。粘贴指针：一只小手，指示下一步设计图标在流程线上的位置。单击程序设计窗口的任意空白处，粘贴指针就会跳至相应的位置。Authorware的这种流程图式的程序结构，能直观形象地表达教学思想、反映程序执行的过程，使得不懂程序设计的人也能很轻松地开发出漂亮的多媒体程序。 〔1〕显示图标根本功能 显示〔Display〕图标是Authorware中最重要、最根本的图标，可用来制作课件的静态画面、文字，可用来显示变量、函数值的即时变化。 〔2〕在显示图标中插入图片①向设计窗口中一个显示图标，双击显示图标，翻开展示窗口；②选菜单“插入→图象〞，在弹出的图象属性对话框中单击“导入〞，出现输入图像对话框，导入需要的图片文件。〔提示：导入图片时可以选择“显示浏览〞以看到图片的缩略图；选择“链接到文件〞可使图片以链接方式导入程序中，这样可以在程序打包后在外部更改图片文件〕。③调整图片在展示窗口中的位置与大小。 〔3〕绘图工具箱中的工具 指针工具：选择一个或多个对象，单击展示窗口的一个对象可选择该对象，要选择多个对象可以通过拖动矩形区域或按住Shift键逐个单击。双击指针工具可翻开覆盖模式面板。 文本工具：在展示窗口输入文字或编辑以前输入的文字。字体、字号等工程在文本菜单中设置 直线工具：绘制水平、垂直、45度方向的直线。双击直线工具可翻开线形选择面板。 斜线工具：绘制任意斜度的直线。双击斜线工具可翻开线形选择面板。 椭圆工具：绘制椭圆或正圆。双击椭圆工具可翻开调色板。 矩形工具：绘制矩形或正方形。双击矩形工具可翻开填充模式面板。 圆角矩形工具：绘制圆角矩形。双击圆角矩形工具可翻开填充模式面板。 折线工具：单击绘制折线，双击结束操作。双击折线工具可翻开填充模式面板。其它面板如下列图： 〔4〕在显示图标中书写文字及文字设置 ①在绘图工具箱中选择“文本编辑〞按钮，鼠标指针为“I〞形，在展示窗口中单击，进入文本编辑状态，如图。 ②选中需要更改格式的文字或整个文字框，菜单中选择“文本→字体/大小/风格/对齐方式/取消锯齿等〞 〔5〕在显示图标中绘制简单图形参考第三点，Authorware提供的是强大的媒体集成功能，而不是什么绘图软件，所以，绘图功能比拟薄弱， 〔6〕颜色调整中需要说明的问题Authorware中显示图标中的文字与绘制的简单图形的颜色调整，请注意“前景色、背景色、填充色〞的区别。 〔7〕设置覆盖模式双击指针工具可翻开覆盖模式面板。Authorware提供覆盖、遮隐、透明、反转、擦除、Alpha几中方式。 四、实验内容 1、图片浏览制作学习要点：显示图标(Display)与显示过渡效果、擦除与擦除过渡。完成后流程图： 制作步骤： 〔1〕向设计窗口中拖入计算图标，翻开计算图标，输入ResizeWindow(320,240) ResizeWindow(320,240)的意思是将程序的窗口大小设置为320*240。 〔2〕向设计窗口中拖入显示图标，导入一张图片〔方法见上一节〕。调整图片的大小与在展示窗口中的大小。 〔3〕翻开显示图标属性窗口 方法一：鼠标选择显示图标，菜单中选择“修改→图标→属性〞； 方法二：鼠标右键单击显示图标，弹出的菜单中选择“属性〞； 方法三：按住Ctrl键，鼠标双击显示图标。 〔4〕按“特效〞后的，翻开显示过渡效果窗口，选择适当的过渡效果，周期指完成过渡过程花费的时间。〔也可以右键单击显示图标，选择“过渡〞〕 〔5〕向设计窗口中拖入等待图标，翻开等待图标属性窗口，设置等待属性。事件中的单击鼠标指单击鼠标完成等待，继续下面的程序运行；按任意键指按键盘上的任意键完成等待；时限指经过时限给定的时间后自动完成等待〔单位为秒〕。选项中的显示倒记时指等待过程中在展示窗口上显示一个倒记时小钟；显示按钮指在展示窗口上显示一个“继续〞按钮，当用鼠标单击该按钮时可完成等待过程。 技巧：时限中输入系统变量IconTitle可使等待时限与该等待图标名称相同，这可程序设计带来方便。 〔6〕导入另一图片到第二个显示图标，方法略。 〔7〕先翻开第1个显示图标，然后拖动一个擦除图标到流程线上，双击翻开擦除图标，选择图标选项卡，在“列表〞中选择“删除图标〞，然后在展示窗口中单击要擦除的内容。注意：可翻开多个显示图标擦除多个对象，但是同一显示图标中有多个对象时不能擦除某个而保存另一对象。如果选择“保存图标〞，那么选择的图标是将被保存的显示内容，其他的所有前面显示的内容将被擦除。 〔8〕在删除图标属性中选择“擦除〞选项卡，设置擦除图标的擦除过渡效果，具体方法同显示过渡设置。 〔9〕按上面的添加其他几个图标，方法同上。 〔10〕运行整个程序。菜单“调试→播放〞或在常用工具栏中选择播放按钮。 程序设计说明： 这是一个完全顺序的程序结构，运行时按程序设计窗口中的顺序播放，先是显示第一幅图片，然后按第一个等待图标所设置的时间后显示第二幅图片，第二幅图片完全显示〔或者说是“过渡〞效果完成〕后擦除第一幅图片。当然，根据需要也可以先擦除第一幅图片后显示地二幅图片。〔可以用鼠标拖动流程线上的图标以改变其顺序〕。如此继续后面的过程…….. 2、移动标题文字的制作学习要点：显示图标(Display)、移动图标(Motion)、文本输入与格式化、文字和图像的显示模式 完成后流程图: 制作步骤： 〔1〕向设计窗口中依次拖入两个显示图标(Display)，并命名如上图所示。关于前面的"初始化"计算图标的设置同前例，不再说明。 〔2〕双击"背景图"显示图标(Display)，翻开程序展示窗口(PresentationWindow)，这个窗口就是最终用户看到的窗口。 〔3〕单击工具栏上的"导入"工具，出现输入图像对话框。输入一张背景图片。 〔4〕双击"文字"显示图标(Display)，选择"文本编辑"按钮，鼠标指针为"I"形，在展示窗口中单击，进入文本编辑状态，如图。输入文字。这时运行程序将可能出现如上右图的情况，即文字下面有一白色背景，这是因为图片和文字对象有六种显示模式。双击指针工具可翻开覆盖模式面板。Authorware提供覆盖、遮隐、透明、反转、擦除、Alpha几中方式。选择透明模式便可消除背景。 〔5〕向设计窗口中依次拖入一个移动图标(Motion)，双击"移动文字"移动图标(Motion)，弹出移动设置对话框。用鼠标点一下刚刚输入的文字，可以在下列图的左上方预览窗口中看到要设置移动的对象。在移动图标属性调整窗口中的类型选项中选择"指向固定点"，然后，将展示窗口中的文字拖动到另外一个位置。一个移动的标题文字就做成了。按“Ctrl+R〞运行试试。 〔6〕移动图标设置说明 A：移动选项卡 指向固定点——移动图标的缺省项，运行时被移动对象由起点沿直线到设定的终点。 指向固定直线上的某点——设置运动起点与终点，但运行时允许用变量调整运动的实际结束位置。 指向固定区域内的某点——设置移动对象的起点与终点位置，运行时实际运动的终点为以这两点为对角线的矩形区域中的一个用坐标确定的点，这里的坐标可以是定点，也可以是由变量确定。 指向固定路径的终点——与指向固定点不同的是运动路径允许是曲线的。指向固定路径上的某点——设置运动的起点以及沿曲线到某终点，实际运行时允许用变量调整实际结束的位置。 层——通过层次设置可以使移动对象在某显示图标上，同时又在另一显示图标下运动。这与显示图标本身的层次设置相似。 计时——有两个选项，"时间"与"速率"，选择"时间"时，下面的文本框中的数值是完成运动所需要的时间；选择"速率"时，下面的文本框中输入的数值表示运动的快慢，注意是"秒/英寸"，数值越大，速度越慢。 执行方式——"等待直到完成"即完成移动过程后再继续后面的图标运行；"同时"指开始移动的同时继续该移动图标后的图标运行。 B：版面布局选项卡 对于不同的移动类型有不同的选项，本例中不调整。其具体调整方法参见其他例如程序。〔7〕如果觉得移动的位置不太适宜，可以再仔细调整一下。 技巧提示： a、在双击一个显示图标，对其中内容编辑后，按住"Shift"再翻开另一个显示图标，可同时看到两显示图标的内容，这样有利于在不同图标中图像或文字的相对定位。 b、可以调试程序时，遇到没有设置内容的图标会停下来，移动图标中移动的对象，可以先不设置，在调试自动停下时，再进行选择，要方便一些。 c、按住"Ctrl"再双击图标，可翻开其属性对话框，对其进行设计。 d、程序运行时，双击某个对象，也可以使程序暂停下来，对其进行编辑。 e、不拖图标到设计窗口，而是直接导入文件，Authorware会自动判断文件类型，并在流程线上加上相应的图标，图标名就是文件名。 f、在各种对话框中输入数字时，输入法必须为英文状态。 3、图片选择制作学习要点：交互图标的使用交互性：如果一个多媒体片段具有双向的信息传递方式，即不仅可以向用户演示信息，同时也允许用户向片段传递控制信息，那么我们说这样的多媒体片段就具有交互性。完成后流程图： 制作步骤： 〔1〕向设计窗口中拖入一个显示图标，命名为"底图"，翻开该显示图标，通过矩形工具绘制一矩形图案。翻开覆盖模式窗口，设置为不透明，翻开颜色调板，设置背景色为白色。 〔2〕向设计窗口中拖入一个交互图标，命名“按钮选择〞。拖动一个显示图标到交互图标右侧放开鼠标左键，这时弹出“交互类型〞对话框。其中有11种交互响应类型，默认类型为"按钮响应，我们这里取默认值。然后将其命名为“第一张〞。 先翻开"背景"显示图片，按住Shift并用鼠标双击翻开名为"第一张"的显示图标〔技巧：这样做的目的是在不关闭前一张显示图标的情况下翻开下一张显示图标以方便图片的调整〕，导入一张图片，本例中导入一计算机图片。 〔3〕交互图标继续添加交互分支，也是显示图片，方法同上。分别命名为"第二张"与"第三张"。〔新增加的交互分支如果其前有交互分支，那么系统将按前一分支的属性设置新增加的交互分支属性，不再弹〞交互类型"对话框，如果需要选择其它的交互类型那么用鼠标双击如下列图响应类型标志〕 〔4〕拖动一个计算图标作为交互的第四个分支，命名为"退出"，翻开计算图标，输入"quit(1)"。保存并关闭该计算图标。说明：quit()是Authorware的一个系统函数Quit([option])Quit函数退出文件。参数选项如表：0(缺省值)退出Authorware回到程序管理器(Windows3.1)或桌面(Windows95,98.NT4.0)。如果当前的Authorware文件是从另一个Authorware文件跳转来的，那么回到原来的Authorware文件。1退出Authorware回到程序管理器(Windows3.1)或桌面(Windows95,98.NT4.0)2重启动Windows(Windows95,98.NT4.0)或返回DOS(Windows3.1)3关闭Windows(Windows95,98.NT4.0)或退出Authorware回到程序管理器(Windows3.1)用法：在文件的结尾把Quit放在一个计算图标中或一个永久按钮中,用户就可以随时退出文件。QuitRestart在退出后让用户选择重启动或取回文件。 〔5〕翻开交互图标，调整按钮的大小及位置。 技巧提示： a、按住"Shift"键，可同时选中多个对象。比方：同时选择这四个按钮。 b、对齐多个对象，可以在先选中多个对象后使〞修改">>"排列"命令，翻开对齐面板。 〔６〕运行测试整个程序。4、用户审核制作 学习要点：交互图标的使用，掌握文本交互、等待时限、尝试次数、条件交互的用法。 制作步骤： 〔1〕在流程线上增加名为"开始"的显示图标，写如下文字，并调整好格式。 〔2〕在流程线上增加名为"提示"的显示图标，输入"{TS}"，确认后系统自动弹出"新建变量"对话框，要求为变量"TS"输入其初始值。注意：Authorware中有系统变量与自定义变量两种形式的变量，这里是用户根据程序编写的需要而设置的变量。变量是对应于常量而言的，允许在程序运行中为根据需要为自定义变量赋值。我们为这个自定义变量赋初值"请输入用户名，你有三次时机！〔用户名：gui〕"。设置这个显示图标的属性为"更新变量显示"。〔这样的目的是当这个显示图标中的变量的值发生改变时将自动更新显示内容。〕 〔3〕拖动一个交互图标到流程线上，命名为"输入用户名"。并为这个交互图标增加两个文本输入交互和一个尝试次数限制共三个交互分支。〔前面提到过如何设置交互类型，当前面已经存在交互分支时，继续增加交互分支时系统将沿用前面的响应类型，可以通过双击响应类型按钮改变其类型，也可以将新增的交互放在前面，设置好类型后在拖动到其他交互分支后面。〕 〔4〕将第一个文本输入响应的图标名称设置为"gui"，其下面的计算图标内输入"YH:=EntryText"〔说明：文本输入响应的分支图标名即这个分支的匹配字符串，换句话说，当程序运行到这里时会出现一个文本输入框，当输入的字符串与图标名相同〔匹配〕时将进入下面的分支。EntryText是一个系统变量，该变量存放用户最后一次交互中最后一次响应的文本，这里将自定义变量"YH"的值设置为与这个系统变量相同〕 〔5〕将第二个文本输入响应的图标名称设置为"*"，其下面的计算图标内输入"TS:="错误的用户名，请核对后再试！""〔说明：设置图标名称为"*"的目的是使任何输入都与之相匹配，有点象通配符。由于Authorware是从左向右依次检测是否匹配，所以当用户输入"gui"时并不会进入这个分支，因为它已经与前一个分支相匹配，不再检测之后的分支。〕文本输入响应中的文本框的格式设置方法为：翻开交互图标，可在展示窗口中看到如下列图的文本框标志，可以移动文本框位置，双击文本框出现"交互文本作用字段属性"对话框，在文本选项卡中可以调整文本格式。双击交互分支上的响应类型按钮，翻开文本输入响应的属性设置〔如下列图〕模式：这与图标名是相同的，即是匹配的字符串。最低匹配：匹配给定的"字数"时就认为已经匹配，这里的字应该认为是单词。比方："guisongtao"是三个字。忽略大小写：指大写小写等同忽略所有空格：指不记字符串中空格忽略附加单词：指输入的内容有多时仍然匹配忽略附加符号：指允许有多余的标点符号忽略单词顺序：指字符串中的单词顺序不同但内容相同时匹配总之，忽略的越多，越容易到达匹配。 〔6〕交互的第三个分支是一个尝试次数限制的响应类型，其属性中的"尝试次数"指的是在这个交互图标中完成限定的尝试次数后将自动进入这个尝试次数限制的分支。本例中设置为"3"，即当三次输入用户名均错误时将自动进入本交互分支。这个尝试次数限制的交互分支上是一个群组图标，这样的原因是交互图标的每个分支上只允许有一个图标，而我们在这个分支下试图设置多个图标，所以只能使用群组图标。这在设计决策图标与框架图标时也必须这样。翻开这个名为"次数限制"的群组图标，注意，这时增加了一个程序设计窗口，窗口右上角有"层2"字样，表示这是在根本的程序设计窗口上的一个群组图标中的内容，同样的，如果在这个群组图标中还包含群组图标，那么翻开它时将出现"层3"字样。在这个群组图标中增加如下列图的三个图标计算图标"提示"中输入"TS:="三次都没有输入正确，你不是合法用户！系统自动将关闭！""。当程序运行到这里时，自定义变量被重新赋值。变量值变化后将自动重新显示〔这个变量显示在程序的开始局部，虽然并没有再次经过那个图标，但是由于前面将它设置为了"更新变量显示"，所以，这里的变量值变化将表达出来。〕等待图标设置为等待3秒计算图标"退出"中输入"Quit()"，这样当三次输入用户名均错误时将关闭本程序。 〔7〕交互分支方式设置：双击交互分支上的响应类型按钮，翻开交互属性对话框，选中"交互"选项卡，如下列图：将第一个文本输入响应的"分支"属性设置为"退出交互"。这样，当匹配这一分支时，程序将退出本交互。将第二个文本输入响应的"分支"属性设置为"继续"。这样，当匹配这一分支时，程序将回到交互图标，等待再次输入。到此为止，程序完成了用户名输入，当输入的用户名为"gui"时，进入下面的程序，当错误三次后，系统提示用户"三次都没有输入正确，你不是合法用户！系统自动将关闭！"，三秒后程序自动关闭〔卸载〕。 〔8〕在流程线上新增加一个交互图标，命名为"输入密码"。用鼠标右键点击该交互图标，选择"计算"，翻开一个代码输入窗口，在其中输入"TS:="请输入密码，你有三次时机。"^"已经输入"^(N-1)^"次。"^"密码：st""。〔说明：这是设置代码的一种方式，根据情况我们可以选择直接增加计算图标或其他图标"附加计算"的方式。图标上附加计算等同与在这个图标前增加一个计算图标〕为交互图标添加一个文本输入响应和一个时间限制响应分支。文本输入响应图标名为"*"，即任何输入均匹配，下面的计算图标也是一个赋值语句"MM:=EntryText"，分支类型设置为"退出交互"。时间限制交互的属性设置为"5秒"〔如何翻开属性窗口，同前〕，这个分支依然是一个群组图标，里面的内容与前面的尝试次数限制根本相同，计算图标"提示"中是"TS:="超过规定的时间，3秒后退出！""，提示用户超过3秒依然没有完成一次密码输入。等待3秒后用另一计算图标中的"quit()"卸载整个程序。 〔９〕在整个流程线上增加第三个交互图标，命名为"判断密码"。并为这个交互设置两个"条件限制"响应类型的分支。其属性如下列图：第一个分支中"条件"为："MM="st""，实际这是图标名称；"自动"设置为"为真"，意思是当"MM="st""为真时匹配。群组图标中没任何东西，交互分支为退出交互。第二个分支中"条件"为："MM<>"st""。群组图标中也有三个图标，第一个计算图标中输入："N:=N+1ifN=1thenTS:="你输入的口令不正确，请核对后再试！"ifN=2thenTS:="你输入的口令仍然不正确，你是否本公司成员？"ifN=3thenTS:="三次都没输入正确口令，你是非法入侵者，系统将关闭！""对上面的代码解释如下：第1行：N=N+1，是对N进行赋值，实际是对用户输入密码的次数进行记数；第2、3、4行做了一个判断，对几次用户密码的错误输入分贝给以不同的提示；等待3秒后进入下一个计算图标："ifN>3thenQuit()GoTo(@"输入密码")"这里也做了一个判断，当N大于3时卸载程序，否那么跳转到名称为"输入密码"的图标继续运行。 说明： a、GoTo(IconID@"IconTitle")当Authorware遇见GoTo语句时，它将跳到在IconTitle中指定的图标继续执行。b、MM是由前一个文本输入交互中的MM:=EntryText重新赋值了的，其实是用户输入的密码在这里做了一个判断c、以上程序可以第2、3两个交互合并通过更简洁的方式完成，请读者自行完成。〔参考〕 〔10〕后面的程序可以参考前面的教程设计，这里不再表达。 说明：本例程序出于多介绍几种交互方式之目的，将程序做得有点繁琐，有兴趣的学生可以试试只用一个交互图标来完本钱例功能。(需要增加变量的使用以及编程) 演示效果图和完成后流程图： 5、框架与定向(一) 学习要点：框架图标与定向图标的根本使用。在Authorware应用程序中，我们通常采用框架图标来管理多个页面，或者说是程序的多个根本独立的层面，用框架来管理可以很方便地在程序运行过程中进入需要的页面。 完成后流程图： 制作步骤： 〔1〕拖一个计算图标到流程线上，初始化屏幕大小。 〔2〕拖一个框架图标到流程线上。〔框架图标内部系统自动设置好了定向等图标，后面进行解释〕 〔3〕拖动一个显示图标到流程线上，导入一幅图片，并调整其大小与位置。〔方法参考前面的教学内容〕 〔4〕如上一步骤继续拖动显示图标到框架图标右侧放置，并导入图片。 〔5〕运行这个程序。 运行程序将出现如右图的情形：展示窗口中显示的是框架右侧第一幅图片的内容，窗口右上角显示的按钮是我们在流程线上增加框架图标时系统自动在框架图标中添加的一系列图标所形成的页面定向按钮。我们先看这几个按钮的功能： 上排左起分别为：到最近页、最近页列表、查找、退出交互 到最近页：页面跳转到已经浏览过的上一页； 最近页列表：程序将翻开一个最近浏览过的页面名列表，可以在列表中选择已经浏览过的页面； 查找：查找页面； 退出：即退出当前框架，继续本框架后面的图标运行； 下排左起分别为：第一页、上一页、下一页、最后页 第一页：本框架管理的页面中，由框架图标右侧第一页面开始分别为第一、第二……各个页面； 上一页、下一页、最后页就不解释了！ 注意：a、系统在执行上一页时，如果已经处在第一页，将转向到本框架的最后一个页面，如此循环，执行下一页时相同。B、上面的按钮的形状与功能之间无必然联系，大家可以自己设计自己的按钮样式与功能。 下面我们来认识框架图标内部的内容： 翻开框架图标，可以看到有一个显示图标以及一个交互图标构成，交互图标有许多的附件〔定向图标〕：显示图标中是导航面板的底图，交互图标有多个由定向图标构成的分支，定向图标的作用是控制程序从一个图标跳转到另一个图标去执行，常与框架图标配合使用。 定向图标有多种选项：——最近，允许选择返回页与最近页列表。 ——附近，允许选择前一页、下一页等方式。 c.目的地--任意位置，可以选择本程序中的受任意框架管理的任意指定页面〔程序中可以有多个框架〕 d.目的地--计算，可以用一个表达式来指定一个图标，当然，既然是表达式就允许在程序运行时为这个定向定义不同的跳转位置 e.目的地--查找，运行时将弹出一个查找窗口，通过设置查找条件检索符合要求的页面 中选择不同的跳转方式，定向图标在设计窗口中有不同的显示样式。展示窗口中的按钮形状可以通过编辑按钮来实现。双击交互分支的交互方式按钮可以翻开交互属性对话框： 按"按钮…"按钮可以对按钮的样式进行编辑，系统提供了一些样式，如果自己觉得需要，当然可以自己做按钮。 每个交互的分支方式都设置为"返回"，范围设置为"永久"〔这点重要〕 分支设为"返回"是使我们在操作这个按钮结束后，程序"返回"原位置运行而不回到这个交互图标，范围设置为"永久"是使这个交互在程序运行的过程中"永久有效"，因为事实上当我们在各页面间跳转时已经脱离这个交互。 6、框架与定向〔二〕 学习要点：稳固框架图标与定向图标的使用。前一课制作了一个运用框架与定向图标的程序，是不是制作过程很简单？因为Authorware已经给你提供了一个完善的页面跳转方式。但是，这未必如你的意，本节我们抛开这些自己制作页面管理。 完成后流程图： 制作步骤： 〔1〕拖一个计算图标到流程线上，初始化屏幕大小。 〔2〕拖一个框架图标到流程线上。翻开框架图标，删除框架图标中的所有图标。 〔3〕拖动一个群组图标到框架图标右侧放下，命名为"菜单"，呈如下列图方式。 〔4〕翻开群组图标，在这个群组图标中增加一个显示图标，命名为"小图"。在显示图标中插入六张图片，调整大小与位置，然后插入文字呈下列图模式。 Authorware提供了一个"排列"面板，试试对齐吧！〔翻开菜单"修改"→"排列"或"Ctrl+Alt+K"〕 〔5〕在显示图标下拖入一个交互图标，为交互图标设计交互分支，即拖动一个定向图标到交互图标右侧，选择交互方式为"热区"，鼠标指针设置为手形。鼠标指针设置的方法是在交互属性设置窗口中选择鼠标指针旁的按钮，将出现如下列图的鼠标指针设置对话框，可以选择适当的方式或添加其他的指针样式。之所以要设置鼠标指针是因为我们设置的交互响应方式是热区，热区响应类型只是在展示窗口中某指定区域内允许通过单击、双击、指向区域等方式进行匹配，但事实上用户无法看到这个区域到底在哪里，因此，我们可以把鼠标通过这个区域的形状设置成与普通的指针方式不同，进而提醒用户鼠标正处在一个热区域中，习惯上我们使用手形。当然，完全可以继续保存系统默认的形状或指定一个适宜的形状。 〔6〕调整热区的范围：热区是个看不见的"按钮"，我们可以象调整按钮一样地调整它的大小与位置，在这里我们把它调整到与第一幅小图片完全重合。〔展示窗口中的虚线框就是热区标志，在翻开交互属性对话框时可以调整其大小与位置〕 〔7〕在框架图标的右侧增加一个群组图标，命名为"猫"，在群组图标中导如先前导"小图"时的图片"猫"，将图片设置为充满整个屏幕。然后在其下与上一步相同的方法设计交互，热区的范围调整到整个展示窗口大小。 〔８〕双击定向图标，翻开导航属性对话框，目的地选择为"任意位置"，框架选择"框架"〔本例中的框架图标被命名为"框架"〕，页面选择"菜单"，这样，当程序运行到这里时，我们只要在屏幕上单击鼠标，就将跳转到"菜单"页面上去了。 〔９〕翻开先前设计的"菜单"页面，将定向图标的跳转位置设置〞猫"。 现在完成了多半的设计工作了，我们来分析一下目前的状况：我们有一个框架，管理了两个页面，分别叫"菜单"与"猫"，我们已经删除了框架图标里面的所有东西，当程序运行到框架图标时将直接运行第一个页面〔菜单〕里面的内容，于是展示在我们面前的是一个包含六个小图的窗口，当我们把鼠标移动到图片"猫"的上面时，鼠标指针变成了一个手的形状，提示我们这里设计有一个热区〔注意：在本例中是这样设计的，但不要认为只要鼠标指针变化了就是有热区，这是由程序设计者决定的事情，换句话说，你快乐它怎样它就可以设计成怎样〕，我们用鼠标点击小图〞猫"时，猫的图片将充满整个屏幕，再次点击鼠标，将回到原先的小图片方式。〔事实上是在这两个页面间进行了跳转，并不是将小图放大了〕 10、其余的不多说了，用设计"猫"的方式为框架图标继续增加页面。主意：复制群组"猫"，然后在旁边粘贴五份，然后对群组重新命名，翻开群组图标，再翻开群组中的显示图标，重新导入新的图片，因为显示图标后的交互都是定向到"菜单"页，这样相关的设置工作就可以全免了。 11、在群组"菜单"中增加五个热区交互，分别定向到各个页面，别忘了分别调整热区的位置，与各个小图分别重合。〔技巧：先翻开名〞小图"的显示图标，然后按住"Shift"键翻开交互图标，这样可以同时调整这个交互中的各个热区的位置与大小。〕 12、完成！看看效果。如果你乐意，给每张大图片增加过渡效果。 7、决策图标 学习要点：决策图标的使用。决策图标又称判断图标，它的用途非常广泛，可以用来做分支流程、循环等。创立决