Authorware课件制作教案.docx
《Authorware课件制作教案.docx》由会员分享,可在线阅读,更多相关《Authorware课件制作教案.docx(60页珍藏版)》请在冰豆网上搜索。
Authorware课件制作教案
(此文档为word格式,下载后您可任意编辑修改!
)
第1讲
第1章第节
第1周星期
课题:
Authorware快速入门
教学目标
知识:
了解Authorware的主要功能和特点,熟练掌握Authorware7.0的安装过程及Authorware7.0的启动与退出。
技能:
教学重点:
Authorware7.0的安装过程及Authorware7.0的启动与退出
教学难点:
Authorware7.0的安装过程
教具学具准备:
思考题(作业):
Autorware有哪些基本特点?
课后小结:
教学内容
教学方法辅助手段
1.1概述
Authorware是美国Macromedia公司出品的一个功能强大的多媒体创作工具。
在很多的外资或者拥有外资成分的企业当中,都喜欢使用Authorware来进行教学培训或者产品演示。
1.Authorware主要功能和特点
Authorware是一种面向对象的、基于设计图标并以流程线逻辑编辑为主导、以函数变量为辅助、以动态链接库、ActiveX等为扩展机制的易学易用的多媒体创作工具软件。
概念:
交互式多媒体,我们先了解多媒体,指图形,图片,视频,影像等指多媒体,交互是什么,比如我给你一巴掌,而你一生气也给我一巴掌。
那么用到计算机里交互指什么呢?
对计算机传达了一个指令,计算机给我们一个回应,交互式多媒体就是在播放时我们可以对它进行控制,比如单纯的电影只是从头放到尾,如果中间我们能控制就是交互了。
但它本身并不能很好地制作图片,音乐,视频等它说白了象一个锅一样,把萝卜、白菜、肉等混合到一起,形成一盘很好吃的菜,所以说我们要学好Authorware一定要把你所需的素材装备好。
用Authorware我们能开发出来交互式多媒体应用程序。
2.Authorware7.0新增功能:
1.增强的用户界面
2.新增了DVD图标
3.JavaScript引擎
4.更强的调试工具
5.新增了几十个变量和函数
1.2Authorware7.0的安装
1.3Authorware7.0的启动和退出
第2讲
课题:
Authorware工作界面及基本操作
教学目标
知识:
掌握Authorware7.0窗口界面,菜单栏,工具栏图标工具栏,掌握Authorware文件操作,文件版本,新建文件,打开文件,流程图窗口,演示窗口,设置Authorware文件属性。
技能:
教学重点:
Authorware7.0窗口界面,Authorware文件操作。
教学难点:
设置Authorware文件属性。
教具学具准备:
课后小结:
教学内容
教学方法辅助手段
2.1Authorware7.0的界面
2.1.1菜单栏,包含了文件操作、编辑、窗口设置、运行控制等一系列的命令和选项。
2.1.2工具栏
Authorware的菜单栏提供了大部分设计期间用到的命令,而工具栏则提供了其中一些最为常用的命令,用以提高设计工作的效率。
工具栏提供按钮
2.1.3图标工具栏
图标工具栏提供的14种基本设计图标,是构成Authorware多媒体应用程序的基本元素,如图2.20所示。
2.2Authorware文件操作
2.2.1Authorware文件版本
2.2.2新建Authorware文件
2.2.3打开Authorware文件
2.2.4流程图窗口
主流程线,分支流程线,图标插入点“”。
Authorware7.0使用层次来管理设计窗口的结构。
2.3设置Authorware文件属性
2.3.1文件属性窗口
1.窗口课题文本框:
2.Colors(颜色)选择框:
3.Size(窗口尺寸)下拉列表框:
4.Options(可选项)复选框组:
CenteronScreen:
TitleBar:
MenuBar:
TaskBar:
∙OverlayMenu:
∙MatchWindowColor:
∙StandardAppearance:
∙Windows3.1Metrics:
课后练习:
课题:
Authorware的窗口界面
教学目标
知识:
熟练掌握Authorware7.0的Authorware7.0的启动与退出。
掌握文件的建立,图标的使用
技能:
教学重点:
文件的建立,图标的使用
教学难点:
文件的建立,图标的使用
教具学具准备:
思考题(作业):
简单运用已有知识制作“小相册”
课后小结:
教学内容
教学方法辅助手段
一、程序的编辑:
Authorware是基于图标和流程线进行编辑的多媒体软件。
1.图标的插入
⏹选中要使用的图标,拖放到流程线上的相应位置释放
⏹执行“Insert”→“Icon”命令
2.图标的删除
选中该图标,单击“Delete”键。
3.图标的命名原则
只需单击图标右侧的空白区域,即可修改图标名称。
Authorware为每个图标给出的缺省名称是Untitled
4.图标的编辑
单击某一图标,利用该图标所对应的属性对话框,对该图标的各种属性进行修改。
二、[实例3.1]欢迎图
1.启动Authorware。
2.在图标栏中选择“显示”图标,并拖动到流程线。
3.开始编辑。
4.导入图片。
5.改变图片大小。
6.确认缩放。
8.设置“显示”图标的各种属性。
9.设置图片的显示效果。
10.观看到程序的运行效果。
11.加入声音(声音图标)。
12.设置声音图标的属性设置。
13.构造一个简单的浏览图片的程序。
14.拖动3个显示图标到框架图标“浏览图片”,并各自导入不同的图片。
15.观看程序运行效果。
复习提问
第讲
课题:
显示、擦除、等待图标的使用
教学目标
知识:
熟练掌握图标的概念,了解流程结构,了解程序的调试。
技能:
教学重点:
流程结构,程序的调试
教学难点:
流程结构,程序的调试
教具学具准备:
思考题(作业):
练习程序的调试
课后小结:
教学内容
教学方法辅助手段
一、上节课的作品虽然可以显示播放,但还有一些缺憾,程序名为欢迎图,但没有一句欢迎词,如何完善呢?
下面我们继续完成上节课的程序:
1.加入欢迎词。
2.编辑欢迎词。
3.移动“欢迎词”。
4.对“欢迎词”的有关运动进行设置。
5.设置运动等待。
6.设置擦除图标。
7.设置退出。
二、程序的调试
Authorware提供了多种调试的方法,可以使设计者快速而高效地查出错误,进而排除错误。
1.调试方法
程序中的错误分为两类,即运行错误和逻辑错误。
使用开始标志和结束标志
2.使用控制面板
3.控制按钮的作用。
控制面板窗口中的内容记录了程序运行过程中每一个图标的进出情况。
1)设计图标所处的设计窗口层次。
2)设计图标类型,以缩写表示。
3)设计图标名称。
4)在使用单步或步进执行方式执行群组设计图标或各种分支结构时,显示进入(enter)和退出(exit)信息。
Trace函数的返回值,可以是提示信息或特定变量的值。
复习提问
第讲
课题:
显示、擦除、等待图标的使用
教学目标
知识:
熟练掌握显示、擦除、等待图标的使用。
技能:
教学重点:
显示、擦除、等待图标的使用
教学难点:
等待图标的属性设置
教具学具准备:
思考题(作业):
课后小结:
教学内容
教学方法辅助手段
一、显示图标的使用方法。
使用基本步骤如下:
1.创建
2.进入图标编辑状态
3.使用编辑工具箱中的各种工具编辑显示内容
在编辑工具箱上部排放着8个用于选取物体对象、写入文字、绘制图形的各种工具。
这8个工具的作用如下:
▪选取物体对象:
▪移动物体对象:
▪拉伸物体对象:
▪写入文字:
▪绘制图形:
在编辑工具箱下部排放着5个用于设定显示物体对象的颜色、线型、覆盖方式、填充方式等属性的面板:
4.设定显示对象的属性,选择显示效果
利用PropertiesDisplayIcon对话框设置和修改,显示对象的重要属性。
左端记录了显示对象的有关信息,包括以下几项:
左上部的大方框为显示对象的缩略图,下部的小方框为显示图标的标志。
单击Open按钮,可进入该显示图标的编辑状态。
利用是图标的名称对话框,可按需为它取名,流程线上显示图标的名称也将随之改变。
显示对象重要属性设置的关键选项:
显示位置和可移动性设置选项:
5.退出编辑状态,返回流程设计窗口
6.浏览显示图标的内容。
二、擦除图标的使用方法
擦除图标(EraseIcon),使用它从屏幕上擦除物体对象,可以擦除显示的所有物体,也可以擦除指定的某图标中的物体。
三、等待图标的使用方法
等待图标,可以在程序运行中的任何位置设置等待一段时间,或通过用户用鼠标单击屏幕、按键盘上任意键来自由控制等待时间,还可显示一个等待按钮,通过用户按下按钮的动作控制程序向下执行。
使用等待图标设置等待的具体步骤如下:
1.建立等待图标
2.设置等待时间和结束等待方式
单击流程线上的等待图标,在等待图标属性设置对话框进行设置
四、学生上机练习:
自制一个以风景为主题的图像浏览器
要求:
加入等待,第一页显示“继续”按钮,第二页等待2秒钟自动转到下一页面,第三页到最后都是等等待3秒或按任意键自动播放。
第讲
课题:
图形的创建与编辑
教学目标
知识:
熟练掌握图形的创建与编辑,外部图像的引入与编辑
技能:
教学重点:
图形的创建与编辑,外部图像的引入与编辑。
教学难点:
图形的创建与编辑,外部图像的引入与编辑。
教具学具准备:
思考题(作业):
课后小结:
教学内容
教学方法辅助手段
一、图形的创建与编辑
Authorware作为多媒体集成环境,也提供了绘制简单图形的功能。
(一)简单图形的创建与编辑:
工具箱中的图形工具。
直线工具:
斜线工具:
椭圆工具:
矩形工具:
圆角矩形工具:
多边形工具:
Authorware允许通过三种操作来改变或设置直线或折线以及任意图形边框的线型。
[实例4.9]几何空间程序的设计步骤如下:
1.在流程线上加入5个显示图标,分别命名为“长方形”、“三角形”、“圆角矩形”、“平行四边形”、“圆形”。
2.单击打开“长方形”图标的演示窗口,在编辑工具箱中选中矩形工具,画出一个适当大小的矩形。
制作暗影效果。
3.用同样方法分别绘制各图形,拖曳它们调节相对位置。
4.加入等待、擦除和包含退出函数的计算图标,完成整个程序。
4.3.2利用图形工具绘图
在Authorware中,我们不仅可以画出简单的几何形体,还可以利用多边形工具,配以各种填充方式和调色功能,绘制出各种物体,构成漂亮的图画。
为图形对象填充底纹的一般方法如下:
1.绘制一个需要填充底纹的图形对象。
2.在填充模式设置对话框的36种底纹中单击选取任一种,即可将该底纹填充到当前的图形中去。
[实例4.10]山间小屋
程序的设计步骤如下:
1.在流程线上加入5个显示图标,分别为它们命名。
2.分别打开各显示图标的演示窗口,利用多边形工具,画出用折线构成的各图形。
3.引入一个飞鹰矢量图形,使图形“鸟”更加逼真。
二、外部图像的引入与编辑
(一)外部图像的引入
在Authorware中插入图片的方法一般采用以下两种方法:
1.由剪贴板输入用其他绘图软件绘制的图形。
2.由外部文件输入图像。
Authorware允许输入的外部图像文件格式有jpg、tif、pic、pct、pcx、wmf、pnt、eps、bmp、dib、rle等(一般常用经压缩的jpg格式图像文件)。
[实例4.11]三维天地
程序的设计步骤如下:
1.在流程线上加入6个显示图标,分别命名。
2.单击打开“背景”图标的演示窗口,导入图片“背景.jpg”作为显示图标的内容。
3.用同样方法分别为其他显示图标输入文件夹中的对应图像文件。
(二)图像的组合
当在程序中欲展示的图片较多,布局又比较复杂,尤其是图片需要旋转一定角度摆放时,需要运用Photoshop等图像处理软件将各张图片摆好位置并先行组合,然后再输入Authorware程序之中。
[实例4.12]变形大世界
处理的方法如下:
1.利用Photoshop图像处理软件,形成与运行效果相同的分层.PSD文件。
2.按照在屏幕上的出现顺序,准备大小相同但金刚逐渐增多的5张系列素材图片“1.jpg”~“5.jpg”。
3.将素材图像文件“1.jpg”~“5.jpg”,导入Authorware。
(三)多个图像的对齐编辑
Authorware自身也提供了一些对多个图形、图像对象进行编辑的简单方法,但主要是用来调整多个图像的前后左右相对位置。
在Authorware演示窗口中显示的图像对象通常不止一个,对齐多个对象的方法主要有以下几种:
1.使用鼠标移动对象并对齐
2.使用网格对齐对象
3.使用“Modify”→“Align…”命令
以下通过实例看看使用“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”输入的四个面具显示对象全部选中,选取菜单命令“Modify”→“Align…”,打开一个对齐操作浮动面板,选取左端对齐,四个面具呈左端对齐。
调整好上下两个面具位置后,再选取均衡纵向距离,四个面具的间距被均衡拉开(图4.59对齐图标中的显示对象)。
4.另外复制三个名为“左”的显示图标,为四个“左”图标自上至下分别改名为“左1”、
“左2”、“左3”、“左4”,按自上至下顺序每个图标中只保留一个面具,其他删掉,将四个图标成组,并在其中加入等待图标,生成的群组图标命名为“左”。
5.用同样方法生成命名为“上”、“下”、“右”的群组图标。
课题:
显示与擦除的过渡效果
教学目标
知识:
熟练掌握显示效果的设置
熟练掌握擦除图标的擦除对象设置及擦除属性设置
技能:
教学重点:
显示效果的设置。
握擦除图标的擦除对象设置及擦除属性设置
教学难点:
擦除图标的擦除对象设置及擦除属性设置
教具学具准备:
思考题(作业):
课后小结:
教学内容
教学方法辅助手段
一、显示与擦除的过渡效果
为显示图标设置一种过渡效果,让显示内容在一定的时间内以一定的方式逐渐地呈现出来,这种效果称过渡效果,亦称为转场技巧。
二、素材的衔接与动态效果
1.利用Photoshop图片裁切实现图像衔接
利用Photoshop进行处理的psd格式图片及分层效果如下:
由Photoshop归并裁切完毕提供给Authorware进行组合衔接过渡
2.图文综合效果的实现:
3.动态效果的实现:
利用转场过渡技巧实现动态效果的方法
利用转场过渡技巧实现动态效果的方法。
[实例5.4]书法
画面上的“书”字是由7个包含笔画图像的显示图标利用自不同方向显示的转场效果完成的(图5.15几个笔画图像文件)。
程序的设计图如下:
课题:
素材衔接的动态效果
教学目标
知识:
熟练掌握图像的重叠层次设置,显示图标中对象的可移动性设置,了解利用变量显示位置的方法。
技能:
教学重点:
图像的重叠层次设置,显示图标中对象的可移动性设置
教学难点:
利用变量显示位置的方法。
教具学具准备:
思考题(作业):
课后小结:
教学内容
教学方法辅助手段
一、显示图标属性的应用
1.图像的重叠覆盖效果
2.图像的alpha通道:
透明模式和Alpha通道模式都可以去除背景,但透明模式去除背景并不彻底,而Alpha通道模式可以干净彻底地去除背景。
3.显示图标的层次属性:
利用显示图标的层次属性设计程序的技巧。
4.显示图标的可移动性及显示位置
Authorware在显示图标的属性设置对话框提供了物体对象的Movable和Positioning下拉列表框,为使设备能够在屏幕上被移动,应将其可移动性设置为“OnScreen”,位置设置同样为“OnScreen”。
[实例5.8]飞落双蝶
程序设计流程图如下:
欲使小灰蝶能够在用户鼠标拖曳下移动,必须对其可移动性进行设置(图5.34小灰蝶的可移动性设置):
为小灰蝶设置位置区域的方法:
1.双击打开“小灰蝶”显示图标,选中“Base”(基点)选项,拖曳“小灰蝶”到屏幕左上角,默认(0,0)坐标。
2.选中“End”(终点)选项,拖曳“小灰蝶”到屏幕右下角,默认(100,100)坐标。
3.选中“Initial”(初始点)选项,拖曳“小灰蝶”到屏幕左上方一点,右侧框中坐标数值产生了变化,可键入一对坐标值,以精确定位“小灰蝶”出现的初始位置。
三、学生练习:
制作主题为“异国色彩”的图文综合画面显示程序。
第一阶段:
学生确立主题
第二阶段:
学生收集素材
第三阶段:
制作
第四阶段:
展示作品
第讲
课题:
文本的编辑与引入
教学目标
知识:
熟练掌握文本的编辑与引入。
技能:
教学重点:
文本的编辑与引入。
教学难点:
利用函数对外部文本的引入
教具学具准备:
思考题(作业):
课后小结:
教学内容
教学方法辅助手段
一、文本编辑及显示属性的设置
1.文本的直接输入和编辑修改
(1)进入编辑状态。
(2)使用文本工具。
(3)在文本缩排线下方输入文本。
(4)输入完毕,在编辑工具箱中单击选中标记为箭头的选取工具,退出了文本输入状态。
(5)修改已输入的文本,可重新单击选中文本工具,在欲修改的文本字符串左面单击,再次进入文本输入状态。
2.文本的显示属性设置
(1)字体设置:
使用Font命令。
(2)字体尺寸设置:
使用Size命令。
(3)字型风格设置:
使用Style命令。
(4)文本对齐方式设置:
使用Alignment命令。
(5)文本滚动显示窗口设置:
使用Scrolling命令。
Text菜单中的DefineStyles、ApplyStyles命令提供了定制及应用文本格式的功能。
Authorware也提供了文字查找、替换、以及拼写检查等功能。
二、文本的直接输入
使用键盘逐个字符输入文本。
[实例4.1]生日祝福
程序设计的基本步骤如下:
1.设置文件属性。
2.在流程线上建立两个显示图标(“背景图”、“题花”),打开图标“背景图”演示窗口。
3.导入图片。
4.建立“生日祝福”的显示图标,并输入相关文字。
5.设置文字的字体、字号、风格及颜色等。
6.文字的主体部分目前叠加在文字的暗影部分之上,由于文字周围带有白色边框,不能将下面的阴影全部显示出来。
7.制作立体层次效果的文字。
8.打包(群组)文字。
9.输入英文祝福语,制作立体效果文字并打包。
10.建立一个等待图标,设置等待时间。
设置中止等待
11.建立一个擦除图标,擦除屏幕上全部显示对象
12.使用函数,自动退出程序。
三、由Windows剪贴板粘贴文本
由Windows剪贴板向Authorware显示图标中粘贴文本的方法实现。
[实例4.2]泰戈尔诗作1程序的设计步骤如下
1.设置程序的基本参数。
2.建立的显示图标,进入编辑状态,导入背景图片。
3.建立的显示图标,进入编辑状态。
利用文本工具输入文字,并设置文字的字体、字号、风格及颜色并调整其位置。
4.将粘贴文字到Windows剪贴板上。
5.进入Authorware,建立“段落1”的显示图标,进入编辑状态。
执行“Edit”→“Paste”命令,将剪贴板上的文字粘贴到图标中,并对它设置文字的字体、字号、风格及颜色。
6.制作“段落2”显示图标。
7.在流程线上建立等待、擦除以及计算图标,安排在等待几秒钟之后将屏幕显示对象全部擦除,然后用函数退出程序运行。
[实例4.3]灯
1.打开一个Internet网页,将一段文字选中,将文字拷贝到Windows剪贴板上。
2.建立新文件,设置程序的基本参数。
3.建立名为“背景图”的显示图标,导入图片“灯-背景.jpg”。
4.建立“灯-文字”的显示图标,将剪贴板上的网页文字粘贴到图标中。
第讲
课题:
文本的编辑与引入
教学目标
知识:
熟练掌握文本的编辑与引入。
技能:
教学重点:
文本的编辑与引入。
教学难点:
利用函数对外部文本的引入
教具学具准备:
思考题(作业):
课后小结:
教学方法辅助手段
一、滚动文本的应用
当一段文本过长,于一个屏幕画面中无法显示时,可利用Authorware提供的滚动文本形式,为整段文本加上一个滚动条,使用户可以方便地控制文本上下滚动以利观看。
[实例4.4]背影程序的设计步骤如下:
1.利用命令菜单,设置程序的基本参数。
2.建立两个显示图标,分别命名为“背景图”、“课题”,导入图片,分别输入两个图标中。
3.建立名为“背影-滚动文字”的显示图标,将“背影.doc”的全部内容粘贴入图标中,形成一个较大的文字块。
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的动态效果
教学目标
知识:
熟练掌握通过对象的平移运动使多媒体作品产生动感的方法,掌握对象的运动属性设置,掌握指向固定点式运动方法。