多媒体第10周上课内容

1、多媒体第10周上课内容第 10课框架和导航（二 学时）教学目标：通过学习能让学生灵活运用多媒体程序的框架和导航，从而制作出能像浏览网页一样根据需要浏览指定页面多媒体程序。教学内容：了解框架图标的作用、掌握为框架图标添加页面的方法、掌握设置框架图标属性的方法、了解导航图标的作用、掌握设置导航图标属性的方法、了解文本导航的概念与作用、掌握文本导航的使用方法。教学重点与难点：为框架图标添加页面、设置框架图标的属性、自动为页面添加页码、设置导航图标属性、设置图标关键字、设置最近的页”和 查找窗口属性、定义文本样式、应用文本样式。教学过程：（导入、讲授新课、巩固练习、课堂小结、布置作业）10.1 框架图

2、标使用框架图标可以在多媒体程序中创建框架结构，整个框架结构由一个图标及其右侧的分支构成。 双击框架图标可以打开其内部的流程编辑窗口。从图中可以看出，框架图标的内部流程分为进入”和 退出”两个部分。在程序进入框架图标时，首先执 行 进入”流程，再执行框架图标右侧的 页”；在程序 退出框架图标时，将先执行退出”流程，再执行框架 图标后面的流程。在 进入”流程部分包含一个 灰色导航面板”显 示图标用于显示导航面板；一个 导航超链接”交互图标及其8个按钮交互，用于显示8个按钮，单击这些按钮，可以实现在各个页面之间跳转、 查找页面，显 示访问列表或退出框架等功能。1 .为框架图标添加页面框架图标的一个主

3、要功能就是创建多媒体作品 的框架结构，拖动一个图标到框架图标的右侧，即可 为该框架图标添加一个页面。显示图标、移动图标、擦除图标、等待图标、导 航图标、计算图标、群组图标、 DVD图标和知识对 象图标可以直接添加到框架图标右侧；而框架图标、 判断图标、交互图标、数字电影图标和声音图标不能 直接添加到框架图标右侧，拖动这些图标到框架图标 右侧时，Authorware会自动添加一个群组图标，并 将这些图标放置在群组图标内部。2 .设置框架图标的属性单击框架图标，显示其属性面板，单击 页面特 效”文本框后面的按钮，在打开的 页特效方式”对话 框中可以设置页面转换时的特效。在 页面计数”项后 面显示的

4、是当前框架图标右侧的页面总数。3 .自动为页面添加页码当页面非常多时，需要显示页码，这样可以方便 用户查找或切换到需要的页面，但如果手动为每一页 添加页码，会非常麻烦，而且还容易出错。如果Authorware能够自动为每一页添加页码，就会非常 方便了。使用Authorware 的系统变量 PageCount和 CurrentPageNum 就可以实现自动为页面添加页码 的目的。在 进入”流程线上添加一个显示图标，在其 中输入一行文字第CurrentPageNum页，共 PageCount页。，并在该图标的属性面板中选中复 选框。10.2 导航图标通过框架图标中的8个导航按钮，可以实现在各 个页

5、面中跳转、查找、显示访问列表和退出框架等功 能。其实这些功能都是这8个按钮交互分支下的导航 图标实现的，除了在框架图标内部使用导航图标之 外，也可以在框架图标之外或其他框架图标内使用导 航图标跳转到当前的框架图标右侧的页面中。1 .设置导航图标属性在导航图标的属性面板中的目的地”下拉列表框中有 最近“、附近”、任意位置”、计算”和 查 找” 5个选项，选择不同的选项，属性面板的内容会 产生较大的变化，以实现不同的功能。2 .设置图标关键字为了查找方便，可以为图标设置关键字，这样在使用导航图标进行查找时可以通过查找关键字的方 式来找到该图标。选择要设置关键字的图标，选择 修改/图标/关键”命令或

6、用鼠标右键单击要设置关键字的图标，在 出的快捷菜单中选择 关键字”命令，打开 关键 ”对话框，其中的各项的含义如 P118。3 .设置最近的页”和查找窗口属性 可以设置使用导航图标打开最近的页”和 查”这两个窗口的属性。选择 修改/文件/导航设置 令，在打开的 导航设置”对话框中进行相应的设 ,这样可以改变最近的页”和查找”窗口中的文10.3自主学习4 .海洋生物下面利用框架图标制作一个显示多幅海洋生物 多媒体程序，单击其中的各个按钮即可实现其各自 功能，如单击按钮叵，可以显示下一页的内容。超洋生物皿图1海洋生物的多媒体程序其操作步骤如下：上多K(1)添加一个框架图标到流程线上，命名为9海洋生

7、物”.(2)在a海洋生物”楚杂图拂的右侧单击同也 将粘贴指针移动到该&选择*文 件/导入和导出/导入媒体“余令，看打开的“导入不攵件? 对话框中导入*废l.png .，食2,png和“鱼3.p时3幅图像(光盘A实例素彬第7章他Lpng,鱼2,png,鱼3.png) .如图710所示，导人片的流程线如图7.11所示.(3)分别象奥:复空算,”直2,pngn和“童3.png显示图标的名称为 里哆豆，*海星和热带鱼e和“鲨鱼和鸟威”，如图7-12所示.广(4)双击“热带铲 显示图标，在演示窗口中修改图像的显示模式为”阿尔法鼾模式，如图713所示.(5)双击“海星和热带鱼”显示图标，左叵彳二立夏丰奥式

8、为“阿尔法” 模式，如图7.14所示.(6)双击“鲨鱼和乌贼”显示图标，在曹二-L里不噢式为“阿尔法” 模式，如图7-15所示.色导航面板”显示图标，再添加一个显示在亡豆工16所示.(8)双击“背景”星施麻，在其-一1二二实例素材第7章蹿洋生物.jpg)，如图7-17所示.图716添加“背景”显示作。二* 二 ,.肯景境像439)单击“绘图”工具栏二厂A三F二，上方输入一行文字 “I必”旭e(CwMfagefa)J 亨冒三二 -.孝- 一 字体颜色为“白 色”丁加图78所示.瓜士；丁 r3示:、IconTitie(CuncntPagcI D)的生三星三一工 W CurrentPagelD用F莘

9、典梦正花也熊更画取磐玲 系虢函数lEonTidet副爆m ) 用于返回指定网标ID的图(10)在演示窗口的右下角再揄入一行文字珑裔根* L六上(punentPageNum)页,fPgeunt)页a ,设置字体为黑体M、字体大小为口12、字体颜色为白色，如图7J9所示.近,4主都一 一 豆工生枷11图满入显示国标的文字hL图？J9输入显示页隅的文字 I jrr .Ill)在台景，示图标的属性面板中选靶楚等女英选框，如图7.20所示. (12)双击X赢锥接”交互图标，在演示缸J渝寐凝1的位置，如图7.21所示.二孤斤二寸案图7-20 “属性.显示图标背景面板好射5：离小wr辛朝 1rtl与=，二工

10、 tin无3IT方量离r /四肓r 1革痼M1ffi7-21调整按钿的何贵(13)单击工具栏上的)按钮运行，效果如图7书所示.5 .小游戏飞机发射导弹t例6-8】 使用按钮交互花在一Kt -i -二生源文件悌6章俄键交互7p).要求使用”二五!经,心使用空格键发子粤J其操作步骤如下:、(【)新建一个Ainhorwarc文” 二 1 7，七一 M= h =工小”下校列表框中图668运行时的效果双击打开演示窗口，并导入“飞机.psd”图像(光盘八实例素材第6章飞机.psd)，设置其图&70导入匕机图像呵尸矿、入云图像图所0导入机图像显示模式为“阿尔法”模式，如图670所示.J I(2)添加一个显示

11、图标到流狎线匕 命名为“背景”，导入“云加葭(光盘：实例素 材第6章云.jpg)，如图&69所示.% J(3)添加一个计算图标到“背景”显示图标的下面，命名为“计算飞机初始位置”，双击打开代码背景窗口，在其中输入下面的代码:=40/2 =480/2(4)添加一个交互图标到“计算飞机初始位置”计算图标的下面，命名为“交互”，(5)单“交互”交互图标，显示其属性面板，单击“版面布局”选项卡，在“位置”下拉列表框中选择“在屏幕上”选项，在“可移动性”下板列表框中选择“不能移区”选 项，在荷初始单选项后面的两个文本框中输入七和“y,如图671所示。 ：(6)添加一个计算图标到“交互”交互图标的右侧，在

12、打升的“交互类型,对话框中选中小技 健单选项，单击匚至一1按钮，在“交互”交互图标右侧添加一个按键交互. 将图标的名称命名为“UpArrow，双击uUpArrow计算图标，在打开的代码背景窗口 中输入下面的代码：y：3-飞机的y坐标减5费wmt图6-71 属性交互图标交互”面板y (7)重复第(6)步的操作，在“交互”交互图标的右侧再添加一个按键交互，并命 名为-DownArrow,并在DownArrow计算图标中输入下五的代码：y：=y+5-飞机的y坐标加5丫、(8)重复第(6)步的操作，在“交互”交互图标的右侧再漆加一个按键交互，并命 名为“LeftArrow”，并在“LeftArrow”

13、计算图标中输入下面的代码：x:=x-5-飞机的x坐标减5 /、习-(9)重复第(6)步的操作,在“交互”交互图标的右侧再添加一个按缝交互，并命 名为-RightArrow,并在RightArrow”计算图标中射入下面的代码：x:=x+5-飞机的x坐标加5(10)添加一个群组图标到“交互”交互图标的敢右侧，命名为“发射子弹”，单击 发射子弹交互标志d显示其属性面板，在“类型”下拉列表框中选择“按键”选项, 在“快捷键”文本框中输入”灯，如图,6-72所示.国工开图672 “但性：交互图标发射了弹式面板(U)双击“发射子弹”群纽图标，打开“发射子弹，流程编辑窗口，在其中添加一 个显示图标，命名为“

14、子弹”，在其中导入“子弹.psd”图像(光盘:实例素材第6章)子 弹.psd).一 广 w g n(12)单击“发射子弹”里示图标，显示其属性面板，在“位置”下拉列表框中选择 “在屏幕上”选项，在3初始单选项后面的两个文本框中分别瑜入“x+50”和“y+10”， 如图d73所示.美r工工”r .比w差就 r .止r以”内二幡图673 “属性，显示图标孑弹”面板(13)添加一个移动图标到“子弹”显示图标的下面，命名为“移动子弹”,拖动“子 弹”显示图标到该移动图标上，将其链接到“移动子弹”移动图标上.二 ：(14)在“移动子弹”移动图标的属性面板中的类型”下拉列表框中选择“直接移动到固定点”选项，在“定时”