Flash MX Pro 2004新模板应用(3)
</script></div><font id="zoom"><FONT size=3><STRONG>2.Video Presentation（视频展示）模板</STRONG></FONT><P></P><P> Video Presentation（视频展示）模板使用幻灯片、媒体组件和行为来创建自运行展示。Video Presentation模板特别适用于创建网上自动演示。使用Video Presentation模板，你可以添加自己的视频和幻灯片。</P><P> 使用Video Presentation（视频展示）模板的操作步骤如下：</P><P> (1)选择File>New，或从开始页的Create from Template栏中选择Video，打开New from Template对话框。选中Tech Video Presentation（视频展示）模板，单击确定按钮。</P><P align=center><IMG height=391 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-7.png" width=581></P><P> (2)在编辑区中单击选中视频显示组件。</P><CENTER><IMG style="WIDTH: 679px; HEIGHT: 535px" height=546 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-8.png" width=698></CENTER><P> (3)如果Component Inspector（组件检查器）面板没有打开，请在属性检查器中单击Launch Component Inspector（启动组件检查器）按钮，打开Component Inspector面板（请参考上图）。</P><P> (4)在Component Inspector面板中的URL文本框中输入要显示的视频文件路径（如sealion.flv）。</P><P align=center><IMG height=378 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-9.png" width=275></P><P> 提示：输入URL时要输入文件的后缀名（如.flv、.mp3）。</P><P> (5)在幻灯片略图列表中选择“title”幻灯片，然后把该幻灯片的文本框内容改为“精彩海狮表演”。</P><P align=center><IMG height=495 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-10.png" width=537></P><P> (6)选择“contentHeader”幻灯片，把“My Company”文本框中的文本改为“精彩海狮表演”。此幻灯片将作为下面嵌套的幻灯片的背景。</P><P> 提示：此幻灯片的实例名与幻灯片的自动播放有关，一般无需改动。如果改动，必须手工修改行为面板中的相应行为。</P><P> (7)选择“marchSales”幻灯片，在属性检查器的实例名文本框中把实例名改为hy。然后，删除该幻灯片的原内容，添加自己的内容。</P><P align=center><IMG height=597 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-11.png" width=536></P><P> 提示：实例名不要使用中文，否则不能用它来设置预定时间点（见后述）。</P><P> (7)按类似的方法依次把“widgetSuccess”、“statistics”、“surveyResults”三张幻灯片的实例名改为ws、jq、dq，并删除这些幻灯片的原内容，添加自己的内容。</P><P align=center><IMG height=494 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-12.png" width=535></P><P> (8)在选中dq幻灯片的情况下，选择Insert>Screen（插入>屏幕），在dq幻灯片下面插入新的幻灯片。选择该幻灯片，在属性检查器中把实例名修改为ww，然后给该幻灯片添加内容。</P><P align=center><IMG height=495 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-13.png" width=537></P><P> (9)用类似上步方法添加dl和zj幻灯片。</P><P align=center><IMG height=494 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-14.png" width=537></P><P> (10)在幻灯片略图列表中选择根幻灯片presentation，单击选中视频显示组件，打开Component Inspector面板。</P><CENTER><IMG style="WIDTH: 634px; HEIGHT: 560px" height=597 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-15.png" width=812></CENTER><P> (11)在Component Inspector面板的Parameter（参数）标签中，把Name（名称）列的marchSales改为hy（即第4张幻灯片的实例名）。在Position（位置）列，把时间（时:分:秒:毫秒）设置为10秒。</P><P align=center><IMG height=434 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-16.png" width=275></P><P> 提示：本步骤的操作目的是设置预定时间点。当指定的视频（本例为sealion.flv）播放到第10秒时，自动显示幻灯片hy。</P><P> (12)参照上步的类似方法，设置其余三个时间点。</P><P align=center><IMG height=434 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-17.png" width=275></P><P> (13)单击Component Inspector面板中的加号(+)按钮，增加一个预定时间点。在Name栏中填写ww（倒数第3张幻灯片的实例名），在Position列把时间设置为3分40秒。</P><P align=center><IMG height=434 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-18.png" width=275></P><P> (14)参照上步的类似方法，再增加两个时间点。</P><P align=center><IMG height=434 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-19.png" width=275></P><P> 提示：要删除预定时间点，请选择要删除的时间点，然后单击减号(-)按钮。</P><P> (15)选择hy幻灯片，如果Behaviors（行为）面板没有打开，选择Window>Development Panels>Behaviors（窗口>开发面板>行为）打开它。单击面板中的加号(+)按钮，从弹出的菜单上选择Scren>Transitions（屏幕>转场）。</P><P align=center><IMG height=390 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-20.png" width=315></P><P> (16)在打开的transitions对话框中选择一种转场特效。本例选取blinds（百叶窗）特效。选择一种特效后，在对话框的左下角可以即时预览特效的效果。满意后单击OK按钮。</P><P align=center><IMG height=389 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-21.png" width=510></P><P> (17)选定的行为被添加到Behaviors面板中。</P><P align=center><IMG height=260 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-22.png" width=233></P><P> (18)参照上述类似步骤，可以给其它幻灯片添加转场特效。</P><P> (19)选择Control>Test Movie（控制>测试动画），进入动画测试环境，即可看到用视频模板创建的自动展示效果。</P><CENTER><IMG height=496 src="http://edu.chinaz.com/Files/BeyondPic/yl031029-f1-23.png" width=592> </CENTER><CENTER> 视频展示模板给我们快速创建视频展示提供了很好的工具。缺陷是：生成的动画文件在浏览器中不能载入视频文件。此外，预定时间点名称不能使用中文，希望推出中文版时能解决这个小问题。</CENTER></font><br>