课时两节班级.docx

课时两节班级.docx

《课时两节班级.docx》由会员分享，可在线阅读，更多相关《课时两节班级.docx（23页珍藏版）》请在冰点文库上搜索。

课时两节班级

课时：

两节班级：

教学内容：

第3章显示图标

教学活动的目标：

1.掌握“显示”图标的属性设置

2.掌握工具面板的使用

3.掌握如何导入外部图像及其属性设置

教学重点：

工具面板

教学难点：

显示图标的属性面板

教学资源的安排和使用：

多媒体教学系统、教学辅助课件。

教学活动过程：

1.上课礼仪2.检查出勤3.导入新课：

第3章显示图标

显示图标是Authorware中最基本和最重要的图标之一，它可以用来显示文本、图形图像和变量，其中既可以利用“工具面板”在显示图标中输入文本和绘制图形，也可以利用外部的文本和图形图像，并可以用文本菜单和修改菜单对其进行编辑。

3.1工具面板

新建一个文件，将该文件保存为“认识工具面板”。

拖放一个“显示”图标到流程线上，将其命名为“认识工具”，双击该显示图标，将同时出现工具面板和演示窗口，其中工具面板是输入文本和图形的重要工具。

如图3-1所示：

图3-1工具面板

各工具的功能如图3-2所示：

其中被选中的工具呈现凹陷明亮状态。

如图中被选中的工具是“选择/移动工具”.

图3-2工具面板功能说明

3.1.1选择/移动工具

选择/移动工具是系统默认的工具，通常情况下呈现为箭头形状。

其功能是用来选择和移动对象的，选择一个对象只需要在其上任意一点单击便可选中，一次选择多个对象则需要按下Shift键的同时依次单击每个对象。

3.1.2文本的创建与编辑

利用文本工具

进行文本的创建。

步骤如下：

（1）新建一个文件，将文件保存为“文本的创建”。

（2）在流程线上添加一个显示图标，命名为“文本”。

（3）双击“文本”显示图标，演示窗口和工具面板同时出现，先选中工具面板中的文本工具

，然后在演示窗口中需要输入文字的地方进行单击，接着就可以直接输入文本了。

效果如图3-3所示：

图3-3文本工具使用演示

其中两个小矩形之间代表文本能够占的最大宽度，左边有两个小黑三角形，其中上面的小黑三角形是文本显示的左边界，下面的小黑三角形是限定一段文字的首行的起始位置，右边的小黑三角形是文本显示的右边界。

它们的作用如图3-4所示：

图3-4文本控点的使用

利用“文本”菜单可以对文字进行编辑。

（1）字体、大小和风格的效果。

其中“风格”中包括常规、粗体、斜体、下划线、上标和下标。

先选中要编辑的文本，对其各个参数进行设置。

例如将字体设置为“楷体”，大小设置为“18”风格设置为“加粗”，效果如图3-5所示：

图3-5字体、大小和风格的效果

（2）字体颜色效果。

单击工具面板中的“线条/文本色”，弹出调色板，如图3-6所示：

图3-6文本调色板

可以选择右侧的小方块进行颜色选择，也可以通过自定义色彩来选择颜色。

如图3-7选择自定义色彩弹出的对话框，可以根据需要进行选择。

图3-7自定义颜色

（3）消除锯齿和卷帘文本效果。

将文字字号设置为“36”时，这时文字周边出现了锯齿，并且文本不能在窗口中全部显示出来。

如图3-8所示：

图3-8文本出现锯齿

为了消除锯齿和浏览全部文本，只需要设置“文本”菜单下的“消除锯齿”和“卷帘文本”，可以拖拉文本框右侧的滑块进行浏览。

效果如图3-9所示：

图3-9卷帘文本

3.1.3基本图形的绘制与编辑

显示图标中的图形可以来自文件，也可以利用工具面板的绘图工具进行绘制，其中包括直线工具、斜线工具、矩形工具、椭圆工具、圆角矩形工具、多边形工具。

每个工具的功能和使用方法如下：

（1）直线工具：

用来绘制特殊直线，比如垂直线、水平线、与水平面成45度角的直线。

选中“直线工具”后，在演示窗口预定位置进行按下左键不松直接拖拉就可以绘制。

（2）斜线工具：

用来绘制任意直线。

选中“斜线工具”后，在演窗口预定位置按下左键不松直接拖拉就可以绘制。

其实如果同时按下Shift键可以绘制出垂直线、水平线和与水平面成45度角的直线。

（3）矩形工具：

用来绘制矩形，选中“矩形工具”后，在演示窗口预定位置按下左键不松直接拖拉就可以绘制。

按下Shift键的同时，进行拖拉可以绘制出正方形。

（4）椭圆工具：

用来绘制椭圆，选中“椭圆工具”后，在演示窗口预定位置按下左键不松直接拖拉就可以绘制。

按下Shift键的同时，进行拖拉可以绘制出圆。

（5）圆角矩形工具：

用来绘制圆角矩形，选中“圆角矩形工具”后，在演示窗口预定位置按下左键不松直接拖拉就可以绘制。

按下Shift键的同时，进行拖拉可以绘制出圆角正方形。

（6）多边形工具：

用来绘制多边形和任意折线，选中“多边形工具”后，在演示窗口初始位置进行单击，然后在任意位置处单击，在最后位置处双击就可以绘制。

两者的不同之处在于绘制多边形时，最后位置与初始位置是重合的。

通过下面的例子说明图形的绘制与编辑。

（1）新建一个文件，将文件保存为“图形的绘制与编辑”。

（2）在流程线上添加一个显示图标，命名为“绘制”。

（3）按照上述的操作方法依次绘制直线、斜线、矩形、椭圆、多边形和圆角矩形。

如图3-10所示：

图3-10绘图工具使用

（4）编辑图形：

“线条/文本色”用来设置图形的线条颜色，“填充色”用来设置图形的填充颜色。

单击工具面板上的“线条/文本色”，弹出调色板，如图3-6所示。

可以选择右侧的小方块进行颜色选择，也可以通过自定义色彩来选择颜色。

如图3-7选择自定义色彩弹出的对话框，可以根据需要进行选择。

“填充色”的使用方法与“线条/文本色”相似，不再赘述。

另外，结合“填充模式”可以使图形更为美观。

在“填充模式”上单击，弹出填充样式如图3-11所示：

图3-11填充样式

结合“线型”可以改变图形边线的粗细和形状。

在“线型”上单击，弹出“线型窗口”，当前被选中的线型是用矩形框住的。

如图3-12所示：

图3-12线型样式

例如，对上述实例中部分图形进行编辑。

首先要选中要编辑的对象，再进行编辑。

将其中的一条直线的线型设置为最粗，并且带有箭头；将矩形的填充色设置为黑色；将椭圆的线条变粗；将多边形填充为网格类。

效果如图3-13所示：

图3-13填充工具使用效果

编辑图形大小的方法很简单，选中要编辑的对象，对象周围出现8个小矩形，将鼠标放在小矩形上进行拖拉就可以改变大小，其中拖拉四个边上的小矩形只能改变宽或高，拖拉四个角上的小矩形可以同时改变图形的宽和高。

3.1.4覆盖模式的设置

在多媒体设计过程中，经常会遇到图文重叠交错的现象，为了避免出现这种情况，Authorware专门提供了覆盖模式这个功能。

鼠标双击工具面板中的“模式”，就弹出了模式面板，如图3-14所示。

图3-14模式类型

在模式面板中默认选中的是不透明模式，另外还有遮隐模式、透明模式、反转模式、擦除模式和阿尔法模式。

要设定覆盖模式，首先要确定需要改变模式的对象，然后在模式面板上单击选择一种模式，就可以改变对象的显示状态。

下面介绍每种模式的含义。

不透明模式：

上面的对象完全遮盖了其后面的内容。

遮隐模式：

遮隐模式对于文本对象和图形对象是没有作用的，与选择不透明模式的效果相同。

遮隐模式对于图像则使图像外围的白色变成透明状态，而图像内部的白色部分仍然保持不透明状态。

透明模式：

透明模式可以使文本对象和图形对象的背景色变为透明。

透明模式可以使图像对象中的白色部分变为透明。

反转模式：

反转模式可以使文本、图形和图像以与原来相反的颜色显示。

擦除模式：

如果该对象在文件背景上，擦除模式可以使该对象变得不可见，就好像被擦除了，实质上还是存在的；如果该对象在其他对象上面，擦除模式可以使该对像以文件背景色显示。

阿尔法模式：

该模式只对包含有通道信息的图像文件有效果，而对于一般的图形图像是不起任何作用的。

3.2显示图标的属性面板

在Authorware中有很多效果都是通过对图标的属性面板的设置来实现的。

显示图标的属性面板中包括有显示、特效和定位等属性。

打开属性面板的方法有：

（1）右键单击流程线上的显示图标，在弹出的快捷菜单中选择“属性”；如图3-15：

图3-15打开图标属性方法一

（2）选择流程线上的显示图标，选择菜单“修改”下的“图标”的二级菜单中的“属性”；如图3-16：

图3-16打开图标属性方法二

（3）Alt+双击流程线上图标也可以打开属性面板。

用上述任何一种方法打开显示图标的属性面板，如图3-17所示：

图3-17打开图标属性方法三

面板左侧是图标的信息，包括一个小的预览窗口、标识、大小、修改、参考和打开按钮。

这些都是有关图标内容的基本描述。

中间部分包括图标的名称、层、特效和选项。

面板右侧是关于对象在屏幕上定位的属性设置。

3.2.1层的设置

层是用于设置显示图标所处的层级的，在Authorware中默认的层次为0，显示图标中的内容是按照流程线上的顺序来显示的。

如果设置了层，当层的数值相同时，后面的显示图标遮盖前面的内容；当层的数值不同时，层值越大的图标内容越在最前面。

3.2.2设置特效

通过对特效的设置可以增强对象显示的视觉效果。

单击图3-17中特效右边的

按钮或右击显示图标，然后选择“特效”或者利用菜单“修改”下的“图标”中二级菜单“特效”，打开特效对话框，如图3-18所示：

图3-18特效方式

其中“分类”一栏列出特效的类别，“特效”一栏列出每一类别中对应的特效方式。

Xtras文件后的参数有内部和外部两种，用来说明特效方式是Authorware内置的还是外部文件提供的。

周期的参数范围在0-30之间，用来设置该特效的持续时间。

平滑的参数范围在0-128之间，用来设置该特效的平滑性，参数越小代表越平滑。

影响是用来设置特效影响的范围的，选择“整个窗口”，特效则对整个窗口有效；选择“仅限区域”，特效则仅仅对对象有效。

当选择好特效方式后，可以点击“应用”按钮查看效果，然后点击“确定”即可。

如果不满意，可以重置或取消。

3.2.3其它属性的设置

在本小节中将对“选项”和“选择位置”做简单介绍。

（1）“选项”右侧有5个复选框，含义如下：

更新显示变量：

程序运行过程中会根据设定的条件更新显示图标中变量的值。

禁止文本查找：

当前显示图标中的文本不会被查找命令搜索到。

防止自动擦除：

当前显示图标中的内容不会自动擦除，可以用擦除图标来实现擦除。

擦除以前内容：

擦除当前显示图标以前所有的内容，然后显示当前图标的内容。

直接写屏：

表示当前图标的内容始终处于最前面。

（2）“选择位置”主要是设置对象在屏幕中的位置和可移动性的。

点击“位置”下拉表框，如图3-19所示：

图3-19“位置”下拉列表框

这4个选项的含义分别是：

不能改变：

对象在演示窗口中的位置就是被编辑时所放的位置，程序运行时，位置不会改变。

在屏幕上：

对象在屏幕上，位置由“初始”中的参数决定。

在路径上：

对象在自定义的路径上，路径的起止位置由基点和终点的参数来决定，对象的位置由初始的参数来决定。

在区域内：

对象在自定义的一个区域内，区域的起止位置由基点和终点的参数来决定，对象的位置由初始的参数来决定。

点击“活动”下拉表框，如图3-20所示：

图3-20“活动”下拉列表框

这3个选项的含义分别是：

不能改变：

程序打包后，对象不能移动，但是在编辑状态时可以移动。

在屏幕上：

程序打包前后都可以移动对象，但是对象仍然在屏幕上。

任意位置：

程序打包前后可以将对象移动到任何位置，乃至屏幕外面。

另外，如果在“位置”下拉表框中的选择了“在路径上”，那么在“活动”下拉表框中会相应出现“在路径上”，它的含义为：

程序打包后对象只能在定义的路径上移动；如果在“位置”下拉表框中的选择了“在区域内”，那么在“活动”下拉表框中会相应出现“在区域内”，它的含义为：

程序打包后对象只能在定义的区域内移动。

3.3导入外部图像及其属性

显示图标可以存放Authorware本身绘制的图形，也可以存放外部的图像，Authorware几乎支持所有的图形图像文件的格式。

本节介绍导入外部图像的方法及其属性的设置。

3.3.1导入外部图像的方法

在文件中导入外部图像的步骤如下：

1新建一个文件，向流程线上拖放一个显示图标并命名为“显示”，双击“显示”图标，打开演示窗口。

2打开“文件”菜单中的“导入”下的“导入媒体”，弹出“导入哪个文件？

”对话框，如图3-21、图3-22所示：

图3-21导入媒体

图3-22导入哪个文件

选择要导入的图像，然后点击“导入”即可。

这样每次只能导入一张图像。

对话框中“链接到文件”的含义是：

表示图像与文件的关系。

如果选中此项，表示图像与文件是链接关系而不是嵌入关系，文件只存储图像的路径信息，与图像嵌入到文件相比，文件的长度会小的多。

同时也便于更新图像的内容。

对话框中“显示预览”的含义是：

表示选中的图像会在对话框右侧出现预览。

要一次导入多张图片，则点击图3-22右下角的

后则变为如图3-23所示：

图3-23导入多个文件

如果点击右边的

，对话框就会还原为图3-22。

点击“添加”，则被选中图片进入右边的“导入文件列表”如图3-24所示：

图3-24导入文件列表

可以继续选择要导入的图像，点击“添加”，如图3-25所示：

图3-25列表中有多个文件

最后，点击“导入”就可以将选择好的多个图像一次导入。

如果文件下的所有图像都要导入，可点击“添加全部”，再点击“导入”。

打开“导入哪个文件？

”对话框的方法还可以通过点击图3-26中的

按钮。

图3-26导入文件

也可以利用“插入”菜单，如图3-27所示：

图3-27使用插入菜单导入文件

点击“图像”，则弹出图像属性对话框，如图3-28所示：

图3-28导入文件

点击“导入”即可。

3.3.2图像属性的设置

可以对导入的图像的属性进行设置。

打开属性对话框的方法：

在演示窗口中双击图像或者先选中图像，然后点击菜单“修改”下的“图像属性”，弹出如图3-29所示的对话框。

图3-29图像属性

该对话框中有两个选项框“图象”和“版面布局”。

“图象”中只能设置图像的模式，其余内容都是不能重新设置的。

点击“版面布局”，如图3-30所示：

图3-30版面布局设置

在“显示”下拉列表框中有原始、比例和裁切。

图3-30中选择的是“原始”，只能对图像的位置进行设置。

选择“比例”，如图3-31所示：

在位置中输入数值，对图像进行精确定位，在大小或比例中输入数值可以调节图像的大小。

图3-31比例选项含义

选择“裁切”，大小和位置的数值是表示图像被裁切后的，非固定比例不可设置，通过单击放置中的小方框可以修改图像的位置。

如图3-32所示：

图3-32裁切选项含义

最后单击“确定”就完成了图像的属性设置。

3.4任务驱动训练

3.4.1任务驱动1——特效文字

本任务利用显示图标的“特效”制作出mtv歌曲中字幕的效果。

基本步骤：

（1）新建一个文件，命名为“特效文字”。

（2）向流程线上拖放一个显示图标，命名为“黑色文字”。

双击该显示图标，在演示窗口中输入“北京欢迎您”，颜色设置为黑色。

（3）选中显示图标“黑色文字”，执行“复制”、“粘贴”命令。

然后将其命名为“红色文字”，并将其中的文字设置为红色。

（4）将红色文字拖放到黑色文字上方，在模式中选择“透明”。

如图3-33所示：

图3-33模式类型

在“红色文字”属性面板中选择“特效”，如图3-34所示：

图3-34属性面板

选择“特效”后的按钮，弹出如图3-35所示：

图3-35特效方式

选择“内部”中的“从左向右”，点击“确定”即可。

还可以通过设置如图3-35中的“周期”和“平滑”来设置特效的时间和平滑度。

3.4.2任务驱动2——动态显示时间

显示图标不但可以显示文本、图形和图像，还可以显示变量。

本节任务将利用变量来动态的显示系统时间。

基本步骤：

（1）新建一个文件，命名为“动态显示时间”。

（2）向流程线上拖放一个显示图标，命名为“时间”。

双击该显示图标，在演示窗口中输入“现在是北京时间：

{FullDate}{FullTime}。

”，颜色设置为黑色。

（3）在“时间”显示图标属性窗口中，选择选项中的“更新显示变量”。

如图9-36所示：

图3-36更新显示变量

运行程序，可以看到时间是动态变化的。

注意，在本实例中用到了FullDate和FullTime两个系统变量。

其中FullDate可以存放当前的日期，包括年、月和日，FullTime可以存放当前的时间，包括时、分和秒。

思考题：

基本图形的绘制与编辑。

教学小结：