1、2 新增了DVD图标3 JavaScript引擎4 更强的调试工具5 新增了几十个变量和函数1.2 Authorware7.0 的安装1.3 Authorware 7.0的启动和退出第 2 讲 Authorware工作界面及基本操作掌握Authorware7.0窗口界面,菜单栏,工具栏图标工具栏,掌握Authorware文件操作,文件版本,新建文件,打开文件,流程图窗口,演示窗口,设置Authorware文件属性。 Authorware7.0窗口界面,Authorware文件操作。设置Authorware文件属性。2.1 Authorware 7.0的界面2.1.1 菜单栏,包含了文件操作、编
2、辑、窗口设置、运行控制等一系列的命令和选项。2.1.2 工具栏Authorware的菜单栏提供了大部分设计期间用到的命令,而工具栏则提供了其中一些最为常用的命令,用以提高设计工作的效率。工具栏提供按钮2.1.3 图标工具栏 图标工具栏提供的14种基本设计图标,是构成Authorware多媒体应用程序的基本元素,如图2.20所示。2.2 Authorware文件操作2.2.1 Authorware文件版本2.2.2 新建Authorware文件2.2.3 打开Authorware文件2.2.4 流程图窗口主流程线,分支流程线,图标插入点“”。Authorware 70使用层次来管理设计窗口的结构
3、。2.3 设置Authorware文件属性2.3.1 文件属性窗口1窗口课题文本框:2Colors(颜色)选择框:3Size(窗口尺寸)下拉列表框:4Options(可选项)复选框组:Center on Screen:Title Bar:Menu Bar:Task Bar: Overlay Menu: Match Window Color: Standard Appearance: Windows 3.1 Metrics:课后练习:Authorware的窗口界面熟练掌握Authorware 7.0的Authorware7.0的启动与退出。 掌握文件的建立,图标的使用文件的建立,图标的使用简单运
4、用已有知识制作“小相册” 一、程序的编辑:Authorware是基于图标和流程线进行编辑的多媒体软件。1.图标的插入 选中要使用的图标,拖放到流程线上的相应位置释放 执行“Insert”“Icon”命令2.图标的删除 选中该图标,单击“Delete”键。3.图标的命名原则只需单击图标右侧的空白区域,即可修改图标名称。Authorware为每个图标给出的缺省名称是Untitled4.图标的编辑单击某一图标,利用该图标所对应的属性对话框,对该图标的各种属性进行修改。二、实例3.1 欢迎图1启动Authorware。2在图标栏中选择“显示”图标,并拖动到流程线。3 开始编辑。4 导入图片。5 改变图
5、片大小。6 确认缩放。8 设置“显示”图标的各种属性。9 设置图片的显示效果。10 观看到程序的运行效果。11加入声音(声音图标)。12 设置声音图标的属性设置。13 构造一个简单的浏览图片的程序。14 拖动3个显示图标到框架图标“浏览图片”,并各自导入不同的图片。15观看程序运行效果。复习提问第 讲 显示、擦除、等待图标的使用熟练掌握图标的概念,了解流程结构,了解程序的调试。流程结构,程序的调试 练习程序的调试一、上节课的作品虽然可以显示播放,但还有一些缺憾,程序名为欢迎图,但没有一句欢迎词,如何完善呢?下面我们继续完成上节课的程序:1 加入欢迎词。2 编辑欢迎词。3移动“欢迎词”。4 对“
6、欢迎词”的有关运动进行设置。5设置运动等待。6设置擦除图标。7设置退出。二、程序的调试Authorware 提供了多种调试的方法,可以使设计者快速而高效地查出错误,进而排除错误。1.调试方法程序中的错误分为两类,即运行错误和逻辑错误。使用开始标志和结束标志2.使用控制面板3.控制按钮的作用。控制面板窗口中的内容记录了程序运行过程中每一个图标的进出情况。1) 设计图标所处的设计窗口层次。2) 设计图标类型,以缩写表示。3) 设计图标名称。4) 在使用单步或步进执行方式执行群组设计图标或各种分支结构时,显示进入(enter)和退出(exit)信息。Trace函数的返回值,可以是提示信息或特定变量的
7、值。显示、擦除、等待图标的使用 熟练掌握显示、擦除、等待图标的使用。显示、擦除、等待图标的使用等待图标的属性设置一、显示图标的使用方法。使用基本步骤如下:1创建2进入图标编辑状态 3使用编辑工具箱中的各种工具编辑显示内容在编辑工具箱上部排放着8个用于选取物体对象、写入文字、绘制图形的各种工具。这8个工具的作用如下:选取物体对象:移动物体对象:拉伸物体对象:写入文字:绘制图形:在编辑工具箱下部排放着5个用于设定显示物体对象的颜色、线型、覆盖方式、填充方式等属性的面板:4设定显示对象的属性,选择显示效果利用Properties Display Icon对话框设置和修改,显示对象的重要属性。左端记录
8、了显示对象的有关信息,包括以下几项: 左上部的大方框为显示对象的缩略图,下部的小方框为显示图标的标志。单击Open按钮,可进入该显示图标的编辑状态。利用是图标的名称对话框,可按需为它取名,流程线上显示图标的名称也将随之改变。显示对象重要属性设置的关键选项: 显示位置和可移动性设置选项:5退出编辑状态,返回流程设计窗口6浏览显示图标的内容。二、擦除图标的使用方法擦除图标(Erase Icon),使用它从屏幕上擦除物体对象,可以擦除显示的所有物体,也可以擦除指定的某图标中的物体。三、等待图标的使用方法等待图标,可以在程序运行中的任何位置设置等待一段时间,或通过用户用鼠标单击屏幕、按键盘上任意键来自
9、由控制等待时间,还可显示一个等待按钮,通过用户按下按钮的动作控制程序向下执行。使用等待图标设置等待的具体步骤如下:1建立等待图标2设置等待时间和结束等待方式单击流程线上的等待图标,在等待图标属性设置对话框进行设置四、学生上机练习:自制一个以风景为主题的图像浏览器要求:加入等待,第一页显示“继续”按钮,第二页等待2秒钟自动转到下一页面,第三页到最后都是等等待3秒或按任意键自动播放。图形的创建与编辑熟练掌握图形的创建与编辑,外部图像的引入与编辑图形的创建与编辑,外部图像的引入与编辑。一、图形的创建与编辑Authorware作为多媒体集成环境,也提供了绘制简单图形的功能。(一)简单图形的创建与编辑:
10、工具箱中的图形工具。直线工具:斜线工具:椭圆工具:矩形工具:圆角矩形工具:多边形工具:Authorware允许通过三种操作来改变或设置直线或折线以及任意图形边框的线型。实例4.9 几何空间程序的设计步骤如下:1在流程线上加入5个显示图标,分别命名为“长方形”、“三角形” 、“圆角矩形” 、“平行四边形” 、“圆形”。2单击打开“长方形”图标的演示窗口,在编辑工具箱中选中矩形工具,画出一个适当大小的矩形。制作暗影效果。3用同样方法分别绘制各图形,拖曳它们调节相对位置。4加入等待、擦除和包含退出函数的计算图标,完成整个程序。4.3.2利用图形工具绘图在Authorware中,我们不仅可以画出简单的
11、几何形体,还可以利用多边形工具,配以各种填充方式和调色功能,绘制出各种物体,构成漂亮的图画。为图形对象填充底纹的一般方法如下: 1绘制一个需要填充底纹的图形对象。 2在填充模式设置对话框的36种底纹中单击选取任一种,即可将该底纹填充到当前的图形中去。实例4.10 山间小屋程序的设计步骤如下:1在流程线上加入5个显示图标,分别为它们命名。2分别打开各显示图标的演示窗口,利用多边形工具,画出用折线构成的各图形。3引入一个飞鹰矢量图形,使图形“鸟”更加逼真。二、外部图像的引入与编辑(一)外部图像的引入在Authorware中插入图片的方法一般采用以下两种方法:1由剪贴板输入用其他绘图软件绘制的图形。
12、2由外部文件输入图像。Authorware允许输入的外部图像文件格式有jpg、tif、pic、pct、pcx、wmf、pnt、eps、bmp、dib、rle等(一般常用经压缩的jpg格式图像文件)。实例4.11 三维天地1在流程线上加入6个显示图标,分别命名。2单击打开“背景”图标的演示窗口,导入图片“背景.jpg”作为显示图标的内容。3用同样方法分别为其他显示图标输入文件夹中的对应图像文件。(二)图像的组合当在程序中欲展示的图片较多,布局又比较复杂,尤其是图片需要旋转一定角度摆放时,需要运用Photoshop等图像处理软件将各张图片摆好位置并先行组合,然后再输入Authorware程序之中。
13、 实例4.12 变形大世界处理的方法如下:1利用Photoshop图像处理软件,形成与运行效果相同的分层.PSD文件。2按照在屏幕上的出现顺序,准备大小相同但金刚逐渐增多的5张系列素材图片“1.jpg”“5.jpg”。3将素材图像文件“1.jpg”“5.jpg”,导入Authorware。(三)多个图像的对齐编辑Authorware自身也提供了一些对多个图形、图像对象进行编辑的简单方法,但主要是用来调整多个图像的前后左右相对位置。在Authorware演示窗口中显示的图像对象通常不止一个,对齐多个对象的方法主要有以下几种:1使用鼠标移动对象并对齐2使用网格对齐对象3使用“Modify”“Ali
14、gn”命令以下通过实例看看使用“Modify”“Align”命令对齐图片对象的方法。实例4.13 琳琅满目的工艺品 程序实现的方法如下:1在Photoshop图像处理软件中利用文字工具,产生包含课题的背景图。2将系列素材图片“f1.jpg”“f4.jpg” 、“d1.jpg”“d4.jpg”、“d5.jpg”“d8.jpg”、 “f5.jpg”“f8.jpg”4张一组,分别输入到Authorware流程线上命名为“左”、“上”、“下”、“右”的四个图标中。3双击流程图上名为“左”的显示图标打开演示窗口,将由4张图片“f1.jpg”“f4.jpg”输入的四个面具显示对象全部选中,选取菜单命令“M
15、odify” “Align”,打开一个对齐操作浮动面板,选取左端对齐,四个面具呈左端对齐。调整好上下两个面具位置后,再选取均衡纵向距离,四个面具的间距被均衡拉开(图4.59对齐图标中的显示对象)。4另外复制三个名为“左”的显示图标,为四个“左”图标自上至下分别改名为“左1”、“左2”、“左3”、“左4”,按自上至下顺序每个图标中只保留一个面具,其他删掉,将四个图标成组,并在其中加入等待图标,生成的群组图标命名为“左”。5用同样方法生成命名为“上”、“下”、“右”的群组图标。显示与擦除的过渡效果熟练掌握显示效果的设置熟练掌握擦除图标的擦除对象设置及擦除属性设置显示效果的设置。握擦除图标的擦除对象
16、设置及擦除属性设置 擦除图标的擦除对象设置及擦除属性设置一、显示与擦除的过渡效果为显示图标设置一种过渡效果,让显示内容在一定的时间内以一定的方式逐渐地呈现出来,这种效果称过渡效果,亦称为转场技巧。二、素材的衔接与动态效果1利用Photoshop图片裁切实现图像衔接利用Photoshop进行处理的psd格式图片及分层效果如下:由Photoshop归并裁切完毕提供给Authorware进行组合衔接过渡2图文综合效果的实现:3动态效果的实现:利用转场过渡技巧实现动态效果的方法利用转场过渡技巧实现动态效果的方法。实例5.4 书法画面上的“书”字是由7个包含笔画图像的显示图标利用自不同方向显示的转场效果
17、完成的(图5.15几个笔画图像文件)。程序的设计图如下:素材衔接的动态效果熟练掌握图像的重叠层次设置,显示图标中对象的可移动性设置,了解利用变量显示位置的方法。图像的重叠层次设置,显示图标中对象的可移动性设置利用变量显示位置的方法。一、显示图标属性的应用1. 图像的重叠覆盖效果2. 图像的alpha通道:透明模式和Alpha通道模式都可以去除背景,但透明模式去除背景并不彻底,而Alpha通道模式可以干净彻底地去除背景。3. 显示图标的层次属性:利用显示图标的层次属性设计程序的技巧。4. 显示图标的可移动性及显示位置Authorware在显示图标的属性设置对话框提供了物体对象的Movable和P
18、ositioning下拉列表框,为使设备能够在屏幕上被移动,应将其可移动性设置为“On Screen”,位置设置同样为“On Screen”。实例5.8 飞落双蝶程序设计流程图如下:欲使小灰蝶能够在用户鼠标拖曳下移动,必须对其可移动性进行设置(图5.34小灰蝶的可移动性设置):为小灰蝶设置位置区域的方法:1. 双击打开“小灰蝶”显示图标,选中“Base”(基点)选项,拖曳“小灰蝶”到屏幕左上角,默认(0,0)坐标。2. 选中“End”(终点)选项,拖曳“小灰蝶”到屏幕右下角,默认(100,100)坐标。3. 选中“Initial”(初始点)选项,拖曳“小灰蝶”到屏幕左上方一点,右侧框中坐标数值
19、产生了变化,可键入一对坐标值,以精确定位“小灰蝶”出现的初始位置。三、学生练习:制作主题为“异国色彩”的图文综合画面显示程序。第一阶段:学生确立主题第二阶段:学生收集素材第三阶段:制作第四阶段:展示作品文本的编辑与引入熟练掌握文本的编辑与引入。 文本的编辑与引入。 利用函数对外部文本的引入一、文本编辑及显示属性的设置1文本的直接输入和编辑修改(1)进入编辑状态。(2)使用文本工具。(3)在文本缩排线下方输入文本。(4)输入完毕,在编辑工具箱中单击选中标记为箭头的选取工具,退出了文本输入状态。(5)修改已输入的文本,可重新单击选中文本工具,在欲修改的文本字符串左面单击,再次进入文本输入状态。2.
20、文本的显示属性设置(1)字体设置:使用Font命令。(2)字体尺寸设置:使用Size命令。(3)字型风格设置:使用Style命令。(4)文本对齐方式设置:使用 Alignment命令。(5)文本滚动显示窗口设置:使用Scrolling命令。Text菜单中的Define Styles、Apply Styles命令提供了定制及应用文本格式的功能。Authorware也提供了文字查找、替换、以及拼写检查等功能。二、文本的直接输入使用键盘逐个字符输入文本。实例4.1 生日祝福程序设计的基本步骤如下:1设置文件属性。2在流程线上建立两个显示图标(“背景图”、“题花”),打开图标“背景图”演示窗口。3导入
21、图片。4建立“生日祝福”的显示图标,并输入相关文字。5设置文字的字体、字号、风格及颜色等。6文字的主体部分目前叠加在文字的暗影部分之上,由于文字周围带有白色边框,不能将下面的阴影全部显示出来。7制作立体层次效果的文字。8打包(群组)文字。9输入英文祝福语,制作立体效果文字并打包。10建立一个等待图标,设置等待时间。设置中止等待11建立一个擦除图标,擦除屏幕上全部显示对象12使用函数,自动退出程序。三、由Windows剪贴板粘贴文本由Windows剪贴板向Authorware显示图标中粘贴文本的方法实现。实例4.2 泰戈尔诗作1 程序的设计步骤如下1. 设置程序的基本参数。2. 建立的显示图标,
22、进入编辑状态,导入背景图片。3. 建立的显示图标,进入编辑状态。利用文本工具输入文字,并设置文字的字体、字号、风格及颜色并调整其位置。4. 将粘贴文字到Windows剪贴板上。5. 进入Authorware,建立“段落1”的显示图标,进入编辑状态。执行“Edit” “Paste”命令,将剪贴板上的文字粘贴到图标中,并对它设置文字的字体、字号、风格及颜色。6. 制作“段落2”显示图标。7. 在流程线上建立等待、擦除以及计算图标,安排在等待几秒钟之后将屏幕显示对象全部擦除,然后用函数退出程序运行。实例4.3 灯1. 打开一个Internet网页,将一段文字选中,将文字拷贝到Windows剪贴板上。
23、2. 建立新文件,设置程序的基本参数。3. 建立名为“背景图”的显示图标,导入图片“灯-背景.jpg”。4. 建立“灯-文字”的显示图标,将剪贴板上的网页文字粘贴到图标中。一、滚动文本的应用当一段文本过长,于一个屏幕画面中无法显示时,可利用Authorware提供的滚动文本形式,为整段文本加上一个滚动条,使用户可以方便地控制文本上下滚动以利观看。实例4.4 背影 程序的设计步骤如下:1. 利用命令菜单,设置程序的基本参数。2. 建立两个显示图标,分别命名为“背景图”、“课题”,导入图片,分别输入两个图标中。3. 建立名为“背影-滚动文字”的显示图标,将“背影.doc”的全部内容粘贴入图标中,形
24、成一个较大的文字块。4. 设置拖曳文本各种属性和位置。二、位图形式文本的应用利用图形式文本解决Authorware在运行过程中出现的字体问题和兼容性问题。实例4.5 背影,利用Photoshop处理并引入位图文字的方法如下:1制作名为“泰戈尔-假如.psd”的图像分层文件。2将三个图像文件,导入三个显示图标中。3回到Photoshop窗口,对图片进行处理,并得到两个文件,将它们分别输入Authorware流程线上的两个用于显示文字的图标中。三、外部文本的引入除利用Windows剪贴板外,Authorware还提供了快捷的文本引入方法,但在文本的输入格式方面有一定的限制,只能输入TXT、RTF格式的文件。学生上机练习:绝妙好词笺 实例4.7 与你远航直接拖曳一个文本文件进入Authorware程序的方法如下:1建立一个新文件,设置程序的基本参数。2拖曳“Sailing.txt”进入Authorware窗口3打开“Sailing.txt”,对文字属性进行设置。四、用函数读取外部文本Authorware可以利用函数读取指定外部文本文件,然后显示其内容文本字符串。Authorware的动态效果熟练掌握通过对象的平移运动使多媒体作品产生动感的方法,掌握对象的运动属性设置,掌握指向固定点式运动方法。
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1