《多媒体技术与应用案例教程》教学实验指导书

PAGE1PAGE5实验一：声音媒体实验一．实验目的1.进一步理解声音媒体的基本知识。2.进一步理解WAV声音格式。3.初步掌握声音媒体的处理技术。二．实验仪器及相关软件1. 高档计算机2. UltraEdit-32文字/HEX编辑软件3. GoldWave音频编辑软件三．实验预习要求1.阅读本节相关基本知识小节，结合理论课程相关内容理解实验内容及具体要求。2．准备实验内容中应用部分的实验素材。四、实验内容及要求1.WAV声音格式分析(验证性实验）具体如下：请用UltraEdit-32文字/HEX编辑软件对照主教材【例2.4.1】分析主教材配书光盘N2目录下的“WindowsXP登录音.wav”文件。2.GoldWave音频编辑(示范性实验）具体如下：请用GoldWave编辑“WindowsXP登录音.wav”声音文件，具体要求如下：将其音频波形平坦处音量加大到与非平坦处可以比拟只保留左声道音频数据，右声道复制一些背景音乐适当剪裁3.GoldWave音频编辑与创作(自主性实验）具体如下：提前准备数首音乐及流行歌曲，将它们进行简单的编辑与组合，并制作成最终作品。五、相关基础知识1．WAV声音格式分析可通过下面的实例来理解【例1．1】以下为Windows操作系统的Windows目录下MEDIA子目录下“WindowsXP登录音.wav”文件的头数十字节数据内容，文件实际长度为190,208字节，请分析该文件实际音频数据长度，并回答该文件的声道数、量化位数及每次采样所占字节数？00000000h:52494646F8E6020057415645666D742000000010h:1000000001000200225600008858010000000020h:0400100064617461D4E602000000000000000030h:0000000003000100070005000F解：（1）在上面的数据中，最左边的8个数字表示数据在文件中的位置，每个数据占1个字节，数据中的每个字母占4个二进制位。具体分析时，对照主教材2.4.1小节定义的表格及C结构，逐组分析上面数据的含义。对照表主教材2.4.1，52494646表示块名，数据类型为字符，用ASCⅡ码表示为“RIFF”，F8E60200为“RIFF”块长度，数据类型为longint，用十进制表示为190,200（对数值型数据，计算机中的存储顺序为：低位在前，高位在后，F8E60200表示16进制数：2E6F8），190,200+8=190,208为“WindowsXP登录音.wav”文件实际长度；紧接其后为“RIFF”块数据。（2）“RIFF”块数据前四个字节57415645用ASCⅡ码表示为“WAVE”，紧接其后有两个RIFF格式数据块，其块名分别为：“fmt”、“data”。（3）第一个块为“fmt”块，666D7420用ASCⅡ码表示为“fmt”，10000000为“fmt”块长度，用十进制表示为16，它表示后面16字节为“fmt”块数据。（4）“fmt”块数据具体含义定义见WAVEFORMAT，对照着WAVEFORMAT结构，可以看出，“WindowsXP登录音.wav”为PCM编码格式，22.050kHz（18~1Bh字节：22560000），16位（22~23h字节：1000），立体声（16~17h字节：0200）WAV声音格式文件。（5）该WAV文件没有“fact”块，“fmt”块数据后面为“data”块，64617461用ASCⅡ码表示为“data”，D4E60200为“data”块长度，用十进制表示为190164。可具体计算音频数据及格式数据的和，有：190164+8+16+20=190,208为“WindowsXP登录音.wav”文件实际长度。2．音频编辑软件GoldWave简介GoldWave是一个功能强大的专业数字音频编辑软件，支持几乎所有的数字音频格式，具有精密的过滤器、多种专业的音频效果，通过表达式求值程序，理论上可以制造任意声音，支持从简单的声调到复杂的过滤器，内置的表达式有电话拨号音的声调、波形和效果等，其工作界面如图1-1所示。图1-1GoldWave工作界面1．格式转换GoldWave支持几乎所有的数字音频文件格式，可完成不同类型文件之间的转换，如将WAV文件转换为mp3格式；也可完成同一类型文件不同制作格式之间的转换。具体实现方法如下：启动GoldWave，打开待进行格式转换的文件并单击“文件”->“另存为”，在弹出的“另存为”任务窗格中，选择你的目标文件保存类型及属性即可。2.波形编辑在图1-1所示GoldWave工作界面中，屏幕中央的上下波形便是打开的数字音频文件的具体的数据波形，上面区域对应左声道波形，下面区域对应右声道波形，可利用GoldWave直接对声音波形进行编辑，以达到所需要的效果。波形选择图1-2波形选择参考图选择要进行操作的波形是波形编辑的第一步。为便于选择波形，可通过改变显示比例改变时间轴的间距（如“查看”-）“1小时”缩写，“查看”-“10：1”图1-2波形选择参考图选择具体波形的方法有多种，如鼠标拖动选择。也可在波形图上用鼠标右键确定选择波形的开始和结束标记，参考界面如图1-2所示。图中，选中的波形以较亮的颜色并配以蓝色底色显示，未选中的波形以较淡的颜色并配以黑色底色显示。波形的插入与混入波形的插入是指在当前打开的音频文件的当前位置前插入另一段音频波形。波形的混入是指把当前打开的音频文件的当前位置之后的音频数据段与另一个音频数据段二者合成一个音频数据段。图1-3效果菜单图1-3效果菜单选择用于插入的音频数据段，将其复制到剪贴板。打开需要插入的音频文件，选择某个需要插入的波形段，将复制到剪贴板的音频数据段粘贴到当前段即可。在上面的操作中，选择快捷图标混音，实现的是两个音频数据段的混音操作。（3）其它编辑功能常见的音频波形编辑方法有：回音、反向、剪裁等。在GoldWave中实现这些操作也是非常简单，选择具体的波形段，选择相应快捷图标即可。利用上面的编辑操作，不难想象，将一段录制好的人的说话声音经GoldWave编辑处理之后，达到与说话人本来含义完全相反的效果并非不可能的。（4）其它效果利用GoldWave对声音做诸如拷贝、删除、剪裁等处理当然是最常用的编辑操作，但如果你想对一段声音进行更精密的处理的时候，这些功能显然是远远不够的。GoldWave还具有强大的非线性编辑能力，可实现对波形的特殊效果，其效果菜单如图1-3所示。六．实验报告要求1．记录WAV声音格式分析结果数据。2．分析讨论实验中出现的问题。

实验二：图像媒体实验一．实验目的1.进一步理解图像媒体的基本知识。2.进一步理解BMP图象格式。3.初步掌握图像媒体的处理技术。二．实验仪器及相关软件1. 高档计算机2. UltraEdit-32文字/HEX编辑软件3. PhotoShop图像处理软件三．实验预习要求1.阅读本节相关基本知识小节，结合理论课程相关内容理解实验内容及具体要求。2．准备实验内容中应用部分的实验素材。四、实验内容及要求1.BMP图象格式分析(验证性实验）具体如下：用UltraEdit-32文字/HEX编辑软件对照主教材【例3.3.1】分析主教材配书光盘中n3目录下3-3-1.bmp图像文件。2.阴影字的制作(示范性实验）具体如下：请用PhotoShop图像处理软件制作“多媒体技术与网页设计”的阴影字，要求美观。3.金属文字的制作(示范性实验）具体如下：请用PhotoShop图像处理软件制作“多媒体技术与网页设计”的金属文字，要求美观。4.Gif动画的制作(示范性实验）具体如下：请用PhotoShop图像处理软件制作“多媒体技术与网页设计”的Gif动画，要求美观。5.Gif动画设计(自主性实验）具体如下：提前准备部分素材，用PhotoShop图像处理软件制作成Gif动画，供网页作品中使用。五、相关基础知识1．BMP图象格式分析可通过下面的实例来理解【例2.1】以下为主教材光盘中n3目录下3-3-1.bmp文件的完整内容，效果如图2-1所示，请分析该图像颜色数，图像宽度、图像高度等？00000000h:424DC600000000000000760000002800图2-1【例2.1】的图1图2-1【例2.1】的图100000020h:000050000000C40E0000C40E0000000000000030h:0000000000000000000000008000008000000040h:0000008080008000000080008000808000000050h:000080808000C0C0C0000000FF0000FF00000060h:000000FFFF00FF00FF00FF00FF00FFFF00000070h:0000FFFFFF008888884444888888888800000080h:884FF48888888888894994988888889900000090h:9F4664F9998889FFFF4664FFFF9889FF000000a0h:FF4664FFFF9888999F4664F999888888000000b0h:8949949888888888884FF48888888888000000c0h:884444888888解：（1）424D用ASCⅡ码表示为“BM”，表示该文件为Windows位图文件。C6000000为该位图文件实际数据长度，用十进制表示为198，为该文件实际长度；其后的四个字节00000000为保留字节，76000000为该位图文件图像数据的偏移地址，表示实际图像数据从地址：00000076h开始，即加粗、阴影处的88为起始图像数据。（2）28000000为该位图文件信息头大小，用十进制表示为40，它表示包含其自身以后的40字节为该位图文件信息头。（3）对照BITMAPINFOHEADER定义结构，该位图文件为16×10×16图像，即图像宽度为16（12~15h：10000000四字节）、高度为10（16~19h：0A000000）、颜色数为16（biBitCount，1C~1Dh：0400，每个像素占图2-2【例2.1】的图2图2-2【例2.1】的图2（4）对256色以下图像，采用调色板位置码法组织编排像素，下面简要分析该图像的调色板BITMAPINFOHEADER结构的biClrUsed数据为00000000，调色板中的颜色信息与biBitCount一致，存储了16种颜色的原始RGB信息。黑体加粗处的00000000为0号颜色的RGB信息，C0C0C000为8号颜色（浅灰色）。分析0076h后面的图像数据，8号颜色被大量使用，对应图片中的背景颜色。若将调色板中的8号颜色C0C0C000修改为00000000（黑色），则图片背景由浅灰色变成了黑色，具体如图2-2所示。2．图像处理大师PhotoshopCS2简介1）界面及其新特性层、通道、路径面板工具面板标题栏菜单栏历史动作面板打开的图像层、通道、路径面板工具面板标题栏菜单栏历史动作面板打开的图像颜色风格面板缩放信息面板属性栏图2-3Photoshop启动界面从Photoshop8开始，Adobe把Photoshop整合到AdobeCreativeSuite内，并称其为PhotoshopCS。AdobePhotoshopCS2即Photoshop9，是对数字图形编辑和创作专业工业标准的一次重要更新，启动界面如图2-3所示。2)图像处理的一些基本知识了解PhotoshopCS2（下面简称Photoshop）界面是运用Photoshop进行图像处理与设计的基础，除此以外，尚需了解图像处理与设计的一些基本知识。限于篇幅，此处仅介绍笔者认为最重要的一些基础知识。色彩理论与色彩模式Photoshop提供了图像色彩调节功能，包括色调、饱和度、亮度、色阶和对比度五个方面。色调、饱和度、亮度、对比度在前面已作过介绍，色阶是指各种图像色彩模式下图形原色的明暗度。Photoshop提供了8种色彩模式：位图模式、灰度模式、双色套印模式、RGB模式、CMYK模式、多通道模式、索引模式和Lab模式。位图模式是指二色图像模式，灰度模式是指 256色灰度图像模式。正确设置图像的色彩模式是进行图像处理的第一步。通常的做法是先选择“正确设置图像的色彩模式是进行图像处理的第一步。通常的做法是先选择“图像”-〉“模式”设置为RGB模式，图像处理完成后选择“文件”-〉“存储为web所用格式”使目标文件所占空间更小。图层在Photoshop中，对不同的图像元素，对应不同的层，因此，要选择图像元素在Photoshop中，对不同的图像元素，对应不同的层，因此，要选择图像元素首先应选择图像单元所对应的层，然后才可进行其它操作。在Photoshop中，可通过图层面板快速选择层（可通过窗口的显示图层菜单项打开图层面板）。在图层面板中选中图层，单击图层面板右上角的黑色三角形可打开图层菜单。蒙板（MASK）蒙板的作用就是把图像分成两个区域：一个是可以编辑的区域；另一个是“被保护的区域”。通道所谓通道，就是Photoshop图像中的一个基本颜色的原始记录。对不同的色彩模式，Photoshop图像具有不同的基本颜色。对RGB模式，其基本颜色为R（红色）、G（绿色）、B（蓝色），这三种颜色构成三个通道，而这三个通道又合成一个RGB主通道。对CMYK模式，其基本颜色为C（Cyan，青色）、M（Magenta，洋红色）、Y（Yellow，黄色），K（Black，黑色），这四种颜色构成四个通道，而这四个通道又合成一个CMYK主通道。在图层面板中选中通道，单击图层面板右上角的黑色三角形可打开通道菜单。矩形选择工具（单击右键可改变）移动工具橡皮檫工具（单击右键可改变）修补工具矩形选择工具（单击右键可改变）移动工具橡皮檫工具（单击右键可改变）修补工具屏幕模式切换按钮快速蒙板编辑模式按钮设置背景色缩放工具吸管工具（单击右键可改变）画矩形工具（单击右键可改变）文字输入工具淡化工具（单击右键可改变）渐变工具（单击右键可改变）画笔工具（单击右键可改变）铅笔工具（单击右键可改变）切片工具（单击右键可改变）裁剪工具ImageReady切换按钮标准屏幕模式按钮标准编辑模式按钮设置前景色抓手工具文本注解工具（单击右键可改变）钢笔工具（单击右键可改变）路径组件选择工具（单击右键可改变）模糊工具（单击右键可改变）套索工具（单击右键可改变套索方式）图章工具（单击右键可改变）魔术棒工具屏幕模式切换按钮快速蒙板编辑模式按钮设置背景色缩放工具吸管工具（单击右键可改变）画矩形工具（单击右键可改变）文字输入工具淡化工具（单击右键可改变）渐变工具（单击右键可改变）画笔工具（单击右键可改变）铅笔工具（单击右键可改变）切片工具（单击右键可改变）裁剪工具ImageReady切换按钮标准屏幕模式按钮标准编辑模式按钮设置前景色抓手工具文本注解工具（单击右键可改变）钢笔工具（单击右键可改变）路径组件选择工具（单击右键可改变）模糊工具（单击右键可改变）套索工具（单击右键可改变套索方式）图章工具（单击右键可改变）魔术棒工具图2-4Photoshop工具箱路径路径是Photoshop中非常有用的工具，利用路径功能，可以绘制线条或曲线，并对绘制的线条或曲线进行填充或描边。从而实现许多无法用绘图工具完成的功能。事实上，路径是一组由多个锚点组成的矢量线条，因此，它不包含任何图像像素的资料。其主要功能有以下两点：绘制精确选取曲线，已达到特殊图像的选取通过路径存储选取区域并实现相互转换在图层面板中选中路径，单击图层面板右上角的黑色三角形可打开路径菜单。利用路径菜单，结合钢笔工具可创建路径。利用其它工具可实现许多无法用绘图工具完成的功能。滤镜滤镜是Photoshop中功能最丰富、效果最佳的工具之一，可帮助用户完成锐化、模糊、扭曲等操作，从而产生令人意想不到的绝佳效果。Photoshop提供了近百种内置的滤镜，还可以外挂滤镜，从而实现各种各样的图像效果。3)工具箱简介Photoshop工具箱及其解释如图2-4所示，读者应注意如果该工具图标右下角有一小三角形，表示该工具图标为工具组，单击右键可改变该工具。如对画矩形工具单击右键并选择直线便改变为画直线工具。图2-5【阴影字】的制作图1图2-5【阴影字】的制作图1【阴影字】的制作【阴影字】是最基本的字型效果，制作相对简单，也很实用。下面以制作“多媒体技术与网页设计”的阴影字为例介绍其具体实现。启动Photoshop，选择文件菜单下的新建菜单项新建一个大小适中的Photoshop图像并设置图像前景色为【黑色】，背景颜色设成【白色】；按下文字工具，在属性栏选择字型，字体、大小(Size)，及排列方式等，在图像区单击鼠标，直接输入文字“多媒体技术与网页设计”，参考效果如图2-5所示。选择图层菜单下的向下合并菜单项，将两个层合并成一个层。按下矩形圈选工具，把文字“多媒体技术与网页设计”的图像区选定，然后选择滤镜菜单下的高斯图2-6【阴影字】的制作图2模糊菜单项，然后将Radius(模糊半径)设定成2，按下确认之后，参考效果如图2-6【阴影字】的制作图2设置图像前景色为自己喜欢的颜色，按下文字工具，在属性栏选择字型，字体、大小(Size)，及排列方式保持不变，在图像区单击鼠标，直接输入文字“多媒体技术与网页设计”，适当调整位置，参考效果如图2-7所示。这便是Photoshop的阴影字效果。图2-7【阴影字】的制作图3【金属文字】图2-7【阴影字】的制作图3前面所做的阴影字，可以延伸出许多种变化，在前面阴影字的基础上继续制作【金属文字】。图2-8【金属文字】的制作图1选择图层菜单下的添加图层蒙板子菜单下的显示全部菜单项，依自己爱好设置前景色与背景色。现在，用矩形工具把文字的上半部圈选起来，选取渐层工具，在图像选择区将滑鼠由下往上拉放，参考效果如图2-8【金属文字】的制作图1图2-9【金属文字】的制作图2再用矩形工具把文字的下半部圈选起来，选取渐层工具，在图像选择区将滑鼠由下往上拉放，参考效果如图2-9【金属文字】的制作图2图2-10利用图层样式制作阴影字为方便用户设计出专业水平的图像，Photoshop提供了各种各样的效果（如阴影、发光、斜面、叠加和描边），这些效果使您能够快速更改图层内容的外观。图层效果与图层内容链接，当您移动或编辑图层内容时，图层内容相应修改。例如，如果对文本图层应用投影效果，当您编辑文本时，阴影将自动更改。图2-10利用图层样式制作阴影字此外，Photoshop定义了预设样式。预设样式出现在“样式”调板中，只需点按一次便可应用。利用预设样式，可快速生成专业水平的图像。图2-11利用图层样式制作金属字在图2-5的基础上，双击图层，将弹出图层样式任务窗格，选中投影复选框，可快速生成阴影字，参考界面如图2-10所示。图2-11利用图层样式制作金属字在图2-10的基础上，单击图层样式任务窗格中的样式，选中鉻金光泽（文字）样式，可快速生成金属字，参考界面如图2-11所示。六．实验报告要求1．记录BMP图像格式分析结果数据。2．分析讨论实验中出现的问题。

实验三：Flash动画制作一．实验目的1.进一步理解多媒体节目制作的基本知识。2.进一步理解Flash动画的基本方式。3.初步掌握Flash动画的处理技术。二．实验仪器及相关软件1. 高档计算机2. FlashMX2004/Flash8.0动画制作软件3. 其它常用媒体处理软件三．实验预习要求1.阅读本节相关基本知识小节，结合理论课程相关内容理解实验内容及具体要求。2．准备实验内容中应用部分的实验素材。四、实验内容及要求1.时间轴特效的应用(验证性实验）具体如下：请用FlashMX2004/Flash8.0的时间轴特效制作一个小球滚动的动画特效。2.补间动画的应用(验证性实验）具体如下：请用FlashMX2004/Flash8.0的补间动画制作一个小球沿曲线滚动的动画特效3.补间形状的应用(验证性实验）具体如下：请用FlashMX2004/Flash8.0的补间形状制作一个圆形小球逐渐演变为立方体的动画特效4.动作脚本的应用(自主性实验）具体如下：请用FlashMX2004/Flash8.0的动作脚本结合其它特效制作一个具有交互性的动画特效五、相关基础知识1．FlashMX2004简介时间轴舞台工具栏时间轴舞台工具栏图3-1FlashMXProfessional2004界面FlashMXProfessional2004工作界面如图3-1所示，工作区由以下部分组成：一个舞台（工作区中央）、一个包含菜单和命令的主工具栏（工作区顶部）、时间轴窗口（舞台上方）、多个面板和一个“属性”检查器（用于组织和修改媒体资源），以及一个包含工具的工具栏（用于创建和修改矢量图形内容）。舞台(Stage)就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。时间轴是Flash中最重要的观念之一，可用它安排电影内容播放的顺序，查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。2．Flash动画的常见方式1）时间轴特效FlashMX2004提供的时间轴特效主要有变形/变换，分开、展开、投影、模糊等效果。利用时间轴特效，可很容易将对象制作为动画：只需选择对象，然后选择一种特效并指定参数。利用时间轴特效，只需执行几个简单步骤即可完成以前既费时又需要精通动画制作知识的任务。2）补间动画补间动画是一种通过创建起始帧和结束帧，由系统自动设置中间帧的动画方式。可通过创建补间动画，让Flash创建中间帧。可通过更改起始帧和结束帧之间的对象大小、旋转、颜色或其他属性来创建运动的效果。还可以通过在时间轴中更改连续帧的内容来创建动画。可以在舞台中创作出移动对象、增加或减小对象大小、旋转、更改颜色、淡入或淡出，或者更改对象形状的效果。更改既可以独立于其他的更改，也可以和其他的更改互相协调。例如，可以创作出这样的效果：对象在舞台中一边移动，一边旋转，并且淡入。Flash可以创建两种类型的补间动画，补间动画和补间形状。在补间动画中，在一个时间点定义一个实例、组或文本块的位置、大小和旋转等属性，然后在另一个时间点改变那些属性。也可以沿着路径应用补间动画。在补间形状中，在一个时间点绘制一个形状，然后在另一个时间点更改该形状或绘制另一个形状。Flash会内插二者之间的帧的值或形状来创建动画。补间动画是创建随时间移动或更改的动画的一种有效方法，并且最大程度地减小所生成的文件大小。在补间动画中，Flash只保存在帧之间更改的值。3）逐帧动画逐帧动画是一种逐帧设置动画元素的动画方式，相对费时。3．滚动的小球动画的实现创建Flash文档选择“文件”->“新建”，在随后出现的新建任务窗格中选择“Flash文档”，单击“确定”，参考界面如图3-1。选择“文件”->“另存为”，将文件命名为myfirst.fla，然后将文件保存到硬盘上合适的位置。定义文档属性配置文档属性是创作中的第一步，可以使用“属性”检查器（如果“属性”检查器没有打开，请选择“窗口”->“属性”）来指定影响整个应用程序的设置，例如每秒帧数(fps)播放速度，以及舞台大小和背景色“属性”检查器可以查看和更改所选对象的说明。说明取决于所选对象的类型。例如，如果您选择文本对象，“属性”检查器将显示用于查看和修改文本属性的设置。因为您只打开了一个新文档，所以“属性”检查器显示文档设置(注意：如果“属性”检查器没有完全展开，请单击右下角的白色三角)。图3-2“属性”检查器在“属性”检查器中，确认“帧频”文本框中的数值为12，“背景颜色”框指示舞台的颜色。单击“背景颜色”框上的向下箭头，然后在颜色样本上移动“滴管”工具，以便在“十六进制”文本框中查看它们的十六进制值，找到并单击灰色样本，其十六进制值为#CCCCCC。参考界面如图3-2所示。定义元件图3-3新建元件元件是在Flash中创建的图形、按钮或影片剪辑。元件只需创建一次，然后即可在整个文档或其他文档中重复使用。元件可以包含从其他应用程序中导入的插图。您创建的任何元件都会自动成为当前文档的库的一部分。图3-3新建元件本例中要求制作一个滚动的小球，可用矢量图形创建一个小球元件。选择“插入”->“新建元件”，在随后出现的新建元件任务窗格的名称文本框中输入“ball”，选中图形行为选项按钮，参考界面如图3-3所示，单击“确定”后进入创建元件的编辑状态。在绘图工具栏中选椭圆工具，在“属性”检查器中设置该工具填充色为草绿渐近色的球形，具体如图3-4所示（图中调色板的下方为渐近色选择条）。进一步设置笔触颜色为喜欢颜色。图3-4椭圆工具填充色设置在舞台适当位置画一椭圆，参考界面如图3-5所示。如果对所画的小球不满意，可以点选小球，按Delete键删掉重画，也可以在小球上按鼠标右键，在弹出的菜单中选择相应修改工具进行修改。设计场景小球元件做好后，点击时间轴左上角的“场景1”回到主场景。按Ctrl-L打开图库，发现里面已经有一个做好了的名为ball的小球元件。将该小球元件拖动到舞台上适当的位置（当然也可以选择菜单“视图”->“标尺”打开系统标尺精确定位），时间轴的第1帧上的小圆圈已经由空心变成了实心（表明该帧不再为空），参考效果如图3-6所示。图3-5定义好的小球元件图3-6场景设计图1下面通过补间动画实现滚动的小球动画。可以使用两种方法中的一种创建补间动画：（1）创建动画的起始和结束关键帧，然后使用“属性”检查器中的“补间动画”选项。（2）创建动画的第一个关键帧，在时间轴上插入所需的帧数，选择“插入”>“时间轴”>“创建补间动画”，然后将对象移动到舞台上的新位置。Flash会自动创建结束关键帧。图3-7场景设计图2下面介绍用第二种方法实现的补间动画。规划设置动画长度为25帧，补间动画具体实现如下：①在时间轴第1帧位置单击，连续按F5插入24帧，具体如图3-7所示。②在时间轴第25帧（最后1帧）位置单击，选择“插入”>“时间轴”>“创建补间动画”，具体如图3-8所示。图3-8场景设计图3③拖动舞台上的小球到合适的位置，具体如图3-9所示。图3-9场景设计图4④选择“控制”>“播放”，预览效果，保存文件。影片的导出与发布Flash动画制作好后，可选择导出或发布影片。当选择“导出”>“导出影片（M）”时，Flash将创建一个后缀为swf的Flash动画文件。可在网页制作工具中选择插入Flash影片将该文件应用到网页中。当选择“文件”>“发布”时，Flash将会自动创建一个HTML文档，该文档会在浏览器窗口中插入前面设计好的SWF文件。可通过“文件”>“发布设置”设置发布参数。选择“文件”>“发布”,Flash将按默认设置发布Flash动画，在保存Flash文档的目录下创建myfirst.swf，myfirst.html两个文件。浏览该文件，前面设计的舞台大小为550×400的25帧Flash动画仅为570字节。六．实验报告要求1．记录实验步骤。2．分析讨论实验中出现的问题。

实验四：静态网页制作一．实验目的1.进一步理解网页制作技术的基本知识。2.初步掌握FrontPage2003/2007网页制作技术。二．实验仪器及相关软件1. 高档计算机2. FrontPage2003/20073. 其它常用媒体处理工具三．实验预习要求1.阅读本节相关基本知识小节，结合理论课程相关内容理解实验内容及具体要求。2．准备实验内容中应用部分的实验素材。四、实验内容及要求1.HTML代码分析具体如下：请分析下面HTML代码的显示效果。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>多媒体演示教学</title><metaname="GENERATOR"content="MicrosoftFrontPage6.0"></head><!--网页头结束--><body><p></p><h1align="center"><fontcolor="#0000FF">多媒体演示教学</font></h1><hr><!--插入水平线--><p><fontsize="5">同学们！大家好！</font></p><p><fontsize="5"> 欢迎学习HTML语言，主要讲述下列内容</font><menu><li><fontsize="5"> <ahref="file:///D:/CXL/TEACH/标记.htm">HTML语言的标记</a></font></li><li><fontsize="5"> HTML语言的应用范围</font></li><li><fontsize="5"> HTML语言的具体实例</font></li>图4-1HTML代码分析图4-1HTML代码分析的图</body></html>2.表格的应用(示范性实验）具体如下：请使用表格技巧在FrontPage2003制作如图4-1所示网页。3.静态网站制作具体如下：图4-2HTML结构网页浏览效果请用图4-2HTML结构网页浏览效果主题鲜明，至少包括四个简单页面（ 首页、3个相关信息结点页面）五、相关基础知识1．HTML语言的结构HTML语言编写的网页文档结构如下：<HTML><HEAD><TITLE>标题名</TITLE></HEAD><BODY>……Web页面内容</BODY></HTML>上面的代码在IE浏览器中的浏览效果如图4-2所示。结合浏览效果、分析代码可知：HTML页面的所有内容包含在<HTML>和</