《多媒体应用基础》 第六章 多媒体著作工具 第6章 多媒体著作工具.

Presentation on theme: "《多媒体应用基础》 第六章 多媒体著作工具 第6章 多媒体著作工具."— Presentation transcript:

1 《多媒体应用基础》 第六章 多媒体著作工具 第6章 多媒体著作工具

2 6.1 多媒体著作工具概述 多媒体著作工具：指能集成处理和统一管理多媒体信息，使之能够根据用户的需要生成多媒体应用系统的工具软件。
《多媒体技术及应用》 《多媒体应用基础》 第6章 多媒体著作工具 第六章 多媒体著作工具 6.1 多媒体著作工具概述 多媒体著作工具：指能集成处理和统一管理多媒体信息，使之能够根据用户的需要生成多媒体应用系统的工具软件。 一、多媒体著作工具的功能 功能：编程环境、超媒体链接 动态链接(OLE、DDE) 动画处理能力 媒体数据的输入 良好的界面和可扩充性 6-2

3 6.1 多媒体著作工具概述 二、多媒体著作工具的类型 1.基于图标的多媒体著作工具 Authorware、IconAuthor
《多媒体技术及应用》 《多媒体应用基础》 第6章 多媒体著作工具 第六章 多媒体著作工具 6.1 多媒体著作工具概述 二、多媒体著作工具的类型 1.基于图标的多媒体著作工具 Authorware、IconAuthor 2.基于卡片或页的多媒体著作工具 Dreamweaver、ToolBook 3.基于时间的多媒体著作工具 Director、 Action 6-3

4 6.1 多媒体著作工具概述 三、多媒体著作工具的评价和选择 1.多媒体著作工具的评价 文档 资料 易学 易用 性能 指标 技术 支持 性能
价格比 6-4

5 6.1 多媒体著作工具概述 2.多媒体著作工具的选择 中文平台 可扩充性 独立 播放 程序 多媒体 素材管理 6-5 6-5

6 6.2 基于图标的多媒体著作工具 一、Authorware概述
《多媒体技术及应用》 《多媒体应用基础》 第6章 多媒体著作工具 第六章 多媒体著作工具 6.2 基于图标的多媒体著作工具 一、Authorware概述 Authorware是Macromedia公司推出的基于设计图标和流程线结构的多媒体设计平台 它主要承担多媒体素材的集成和组织工作，将Photoshop、Flash制作的文件集成起来，能够创作出有专业水准的多媒体作品。 Authorware 1.0、2.0、3.0、4.0 5.0、6.0、6.5、7.0 6-6

7 《多媒体技术及应用》 《多媒体应用基础》 第6章 多媒体著作工具 第六章 多媒体著作工具 6.2 基于图标的多媒体著作工具 Authorware工作界面主要有标题栏、菜单栏、工具栏、图标工具箱、设计窗口和浮动面板(属性、知识对象、函数、变量)等。 6-7

8 6.2 基于图标的多媒体著作工具 二、图标的基本使用 1.创建Authorware文件 创建一个空白的新文件
②选择“文件/新建/文件”菜单命令，可以创建一个全新的文件。 ③单击工具栏上的“新建”按钮，可以创建一个全新的文件。 6-8

9 6.2 基于图标的多媒体著作工具 2.图标的基本操作 添加图标：拖动到流程线上再释放。 定位图标插入点：插入/图标。
《多媒体技术及应用》 《多媒体应用基础》 第6章 多媒体著作工具 第六章 多媒体著作工具 6.2 基于图标的多媒体著作工具 2.图标的基本操作 添加图标：拖动到流程线上再释放。 定位图标插入点：插入/图标。 命名图标：图标名称的标识，可重复使用名称，但当函数调用图标时，要为每个图标指定唯一的名称。 选定图标：单击，Shift+单击，框选。 删除图标：选定后按Delete键。 编辑图标：右击/属性、双击。 五子棋 6-9

10 6.2 基于图标的多媒体著作工具 3.程序初始化窗口设置 设置文件属性：修改/文件/属性 “属性:文件”面板：
左 侧 文件 代表文件的大小 图标 代表文件中所包含的图标总数 变量 代表文件中所使用的变量总数 内存 代表当前系统的可用内存 3个选项卡：回放、交互作用、CMI 6-10

11 6.2 基于图标的多媒体著作工具 “回放”选项卡： 颜色 背景色 演示窗口的背景色 色彩浓度关键 为视频覆盖卡而设的关键色 大小 根据变量
《多媒体技术及应用》 《多媒体应用基础》 第六章 多媒体著作工具 第6章 多媒体著作工具 6.2 基于图标的多媒体著作工具 “回放”选项卡： 颜色 背景色 演示窗口的背景色 色彩浓度关键 为视频覆盖卡而设的关键色 大小 根据变量 演示窗口的大小设置为可调 固定尺寸 640×480，800×600等 计算图标 ResizeWindow(300,200) 选项 显示标题栏 演示窗口会显示标题栏 显示菜单栏 演示窗口会显示菜单栏 屏幕居中 出现在屏幕的中央位置 6-11

12 6.2 基于图标的多媒体著作工具 “交互作用”选项卡：主要是关于程序中的交互功能的一些设置。
《多媒体技术及应用》 《多媒体应用基础》 第6章 多媒体著作工具 第六章 多媒体著作工具 6.2 基于图标的多媒体著作工具 “交互作用”选项卡：主要是关于程序中的交互功能的一些设置。 “CMI”选项卡：CMI(计算机管理教学),主要用于设定各种关于追踪记录的项目。 4.制作简单多媒体程序 6-12

13 6.2 基于图标的多媒体著作工具 制作过程： ①启动Authorware，创建新的空白文件
文件属性：“大小”选根据变量、“选项”取消显示标题栏和显示菜单栏 ②添加计算图标 图标命名为初始化窗口 双击该图标，打开计算图标编辑器 ResizeWindow(600,400) 6-13

14 6.2 基于图标的多媒体著作工具 ③添加显示图标 取名为“欢迎图片”。 双击该图标，选择文件/导入和导出/导入媒体，选择“欢迎图片”。
④添加移动图标 取名为“图片移动”。 属性时间设置为2s,先设置图片的初始状态拖动图片至合适的位置，设定图片的终止状态。 6-14

15 6.2 基于图标的多媒体著作工具 ⑤添加显示图标 取名为“显示欢迎文字”。
双击图标打开演示窗口，选择文本工具输入“欢迎来到深圳大学”，调整文字的大小和位置，加入特效。 ⑥添加等待图标 取名为“等待用户响应”。 单击该图标，属性面板中时限填3s,选中显示倒计时，取消显示按钮。 6-15

16 6.2 基于图标的多媒体著作工具 ⑦添加擦除图标 取名为“擦除”，在属性面板中加入特效。 ⑧添加两个显示图标
分别取名为“背景”、“文字内容”。 双击背景图标，打开演示窗口，将一幅背景图片导入，并加入特效。 双击文字内容图标，选择文本工具，输入“深圳大学办公楼”、“图书馆”、“教学楼”，调整文字并加入特效。 6-16

17 6.2 基于图标的多媒体著作工具 ⑨添加等待图标 取名为“等待退出”。
一般取默认值，打开文件属性面板，选择交互作用选项卡，标签栏中改为“退出”。 ⑩添加计算图标 取名为“退出”。 打开计算图标编辑器 Quit() 6-17

18 6.2 基于图标的多媒体著作工具 三、多媒体素材管理 在进行多媒体应用软件设计时，如何有效管理多种多媒体素材，是一项非常耗时的工作。
在Authorware中提供了4种多媒体素材管理工具：外部媒体内容文件、外部媒体浏览器、媒体库和模块。多媒体素材管理工具用于协助对多媒体素材的管理，以达到节省时间、提高效率的目的，其中外部媒体内容文件和外部媒体浏览器需要协同工作。

19 6.2 基于图标的多媒体著作工具 四、文本对象处理 1.显示图标 用于显示文字、图形、图像等。 显示图标的属性： 图标信息
标识、大小、修改、引用 图标框、打开→演示窗口 图标属性 名称输入框 层输入框→层大覆盖层小 特效→显示图标的特殊过渡效果 6-19

20 6.2 基于图标的多媒体著作工具 2.文本工具 创建文本的方法： ①在流程线上添加显示图标。 ②双击后打开演示窗口和绘图工具箱。
③选择文本工具，单击鼠标会出现文本输入框，这时处于文本的编辑状态。 ④选择指针工具，退出文本编辑状态。单击文本出现八个控点，可调整文本对象。 Authorware支持的文件格式有：txt、rtf。 6-20

21 6.2 基于图标的多媒体著作工具 导入外部文本的方法： ①在流程线上添加显示图标。 ②双击后自动打开演示窗口。
③选择文件/导入和导出/导入媒体命令并选择要导入的文本文件。 ④在弹出导入对话框中，可以进行导入文本的各种详细设置。 6-21

22 6.2 基于图标的多媒体著作工具 硬分页符 忽略 全部文本导入一个显示图标 创建新的显示图标 文件中的每页都会在流程线上新建一个显示图标
文本对象 标准 不带有滚动条的文本对象 滚动条 带有滚动条的文本对象 6-22

23 6.2 基于图标的多媒体著作工具 3.文本属性的设置 ⑴文本格式的设置 设置文本字体：文本/字体→ 设置文本字号：文本/大小→
设置文本风格：文本/格式→ 设置文本颜色：单击绘图工具箱色彩栏上两个按钮，可设置文字的颜色和背景色 设置带滚动条：文本/卷帘文本 6-23

24 6.2 基于图标的多媒体著作工具 ⑵段落格式的设置 设置对齐方式：文本/对齐→
设置段落缩进：输入文本时演示窗口出现一条水平线，有5个控制点标记。 文本平滑效果：文本/消除锯齿 选中的文本就会显示平滑的效果 6-24

25 6.2 基于图标的多媒体著作工具 4.文本的查找和替换 选择编辑/查找命令，弹出查找对话框 查找(前) 输入需要查找的内容 查找(后)
输入需要替换的内容 查找下拉列表 可选择查找的范围 图标标题 图标名称包含在查找范围内 显示内容 显示图标中的文本对象包含在查找范围内 计算 在计算图标的源代码中进行查找 关键字 将按关键字进行查找 全部字 按照完整单词匹配模式查找 向后 反方向进行查找 6-25

26 6.2 基于图标的多媒体著作工具 5.文本特效(阴影字) 阴影字是特效文字中最常用的一种，为文字配上阴影效果，可增强文字的立体感。
阴影字的实现方法： ①添加显示图标，双击并打开演示窗口。 ②选择文本工具，创建文本。 ③调整文本字体并选择黑色。 ④复制文本并改亮黄色。 ⑤两段文本重叠并产生偏差。 6-26

27 6.2 基于图标的多媒体著作工具 [例6-1]环形文字。演示一个简单的宣传画的设计,主要使用显示图标显示文字和图形。 6-27

28 6.2 基于图标的多媒体著作工具 五、多媒体对象应用 1.绘图工具箱 五个功能： 工具 用来绘制简单图形 色彩 设置文字、线条、填充的颜色
线型 设置线条的形状和宽度 模式 设置两个重叠图片之间的相互关系 填充 设置填充的图案 6-28

29 6.2 基于图标的多媒体著作工具 绘图工具: 矩形工具 创建矩形和正方形(Shift) 椭圆工具 创建椭圆形和圆形(Shift)
圆角矩形工具 绘制圆角矩形和圆角正方形(Shift)，圆角矩形的左上方有一个控制点，拖动它可以改变圆角的曲率半径 直线工具 创建直线，只能创建水平线、垂直线和45度角方向的直线 斜线工具 创建任意角度的直线(Shift→直线工具) 多边形 工具 绘制连续的折线，双击鼠标即可完成多边形的绘制 6-29

30 6.2 基于图标的多媒体著作工具 图形属性设置: 颜色 线条色→各种线条的颜色，也可以设置文字的颜色 前景色→各种填充花纹的前景颜色
背景色→各种填充花纹的背景颜色 填充花纹 填充面板可以为图形设置不同的填充图案 图形线型 线型面板上面一栏用于设置线条的粗细程度，下面一栏选择线条的形式，可以设置普通线条，也可以设置箭头 6-30

31 6.2 基于图标的多媒体著作工具 2.图像对象处理 ⑴导入图像 导入外部图片的方式： ①直接导入。 ②粘贴图片。
③将图片文件拖动到流程线上。 在资源管理器中，将所需图片文件直接拖动到流程线上，或将文件直接拖动到流程线的图标上。 6-31

32 6.2 基于图标的多媒体著作工具 ⑵编辑导入图片 ①选择图像：单击图像，其周围会出现8个控制点。 ②调整图像的大小。 ③图像的三种显示状态。
原始状态 比例状态 裁切状态 6-32

33 6.2 基于图标的多媒体著作工具 ⑶图像的显示层次 显示层次设定重叠图像的上下关系。
同一图标：选中要调整层次的图像，选择“修改/置于上层-置于下层”。 不同图标：流程线后面图标会覆盖前面图标上的图像。 要改变图像显示层次，单击显示图标并在属性面板中输入图层数字，数字越大，图像靠前。 6-33

34 6.2 基于图标的多媒体著作工具 ⑷图像的显示模式 显示模式可调整重叠图像之间背景色和前景色不同的遮挡关系。 ⑸多个图像的对齐 修改/排列
⑹多个图像的组合 修改/群组 修改/取消群组 6-34

35 6.2 基于图标的多媒体著作工具 [例6-2]设计一个房屋。 6-35

36 6.2 基于图标的多媒体著作工具 [例6-3]制作简易图像浏览器。 6-36

37 6.2 基于图标的多媒体著作工具 3.动画效果 Authorware能实现动画效果有两类： ①Authorware内部制作的动画
动画效果：实现文本、图形、图像等对象的运动效果。 过渡效果：类似于幻灯片的过渡效果。 ②Authorware引用的外部动画 Authorware支持大多数动画格式，如GIF动画、Flash动画、3DS Max动画等。 6-37

38 6.2 基于图标的多媒体著作工具 运动动画的图标组合：
运动动画主要是依靠移动图标完成的，移动图标本身不包含任何对象，只是记录对象的运动过程，因此每个移动图标一定要配合显示图标才能使用。 Authorware动画：显示图标＋移动图标 显示图标：对象的载体，如各种文字、图片等对象。 移动图标：对象的运动轨迹。 6-38

39 6.2 基于图标的多媒体著作工具 [例6-4]小球在桌面上的运动。 6-39

40 6.2 基于图标的多媒体著作工具 运动动画的类型： ⑴直接移动到固定点 ⑵移动到直线上一点 6-40

41 6.2 基于图标的多媒体著作工具 [例6-5]创建指向固定直线上某点的动画。 ①创建文件，并在显示图标中导入图片。
②运行程序，在演示窗口中显示恐龙和暗箭。 ③选择射击图标，在类型下拉列表框中选择移动到直线上一点。 ④选中基点，单击并拖 动暗箭到恐龙头部。然 后选择终点，单击并拖 动暗箭到恐龙尾部。 6-41

42 6.2 基于图标的多媒体著作工具 ⑤选中目标，在文本框中输入一个数值。 ⑥运行程序，可看见暗箭从原始位置出发，射向指定的位置。
[进一步]为上例的目标设置位置变量。 ①双击射击图标，在目标文本框中输入变量Position。 ②运行程序，系统打开新建变量对话框，让用户输入变量的初始值——0。 ③在射击图标上添加计算图标，双击打开窗。 6-42

43 6.2 基于图标的多媒体著作工具 口并输入：Position:=Random(0,100,1)。
④运行程序，暗箭根据目的点变量的随机值确定射向恐龙的部位。 ⑤若为使暗箭能够自动不停地发射，要利用转向函数实现程序的循环。 ⑥添加计算图标，双击并 打开循环窗口，输入： 6-43

44 6.2 基于图标的多媒体著作工具 ⑶指向固定区域内的某点 6-44

45 6.2 基于图标的多媒体著作工具 ⑷沿路径移动到终点 ⑸沿路径移至任意点 6-45

46 6.2 基于图标的多媒体著作工具 [例6-6]滚动字幕的制作。
①新建文件，命名为滚动字幕。打开文件属性面板，选择根据变量，取消显示标题栏和显示菜单栏。 ②添加计算图标，命名为初始化窗口大小，打开编辑器并输入ResizeWindow(600,450)。 ③添加显示图标，命名为背景，导入一幅图片作为整个字幕的背景。 ④添加显示图标，命名为字幕，导入或输入。 6-46

47 6.2 基于图标的多媒体著作工具 广东省深圳市南山区 深圳大学 计算机与软件学院 计算机科学与技术系 调整文本位置，位于演示窗口下边缘外。
⑤添加移动图标，打开属性面板，选择指向固定点，将文本确定为移动对象，垂直向上移动对象到适当位置。 ⑥选择时间(秒)，输入10。 6-47

48 6.2 基于图标的多媒体著作工具 [例6-7]秒表。 ①创建文件，命名为秒表，选择根据变量，设置演示窗口的尺寸为可变值。
②添加计算图标，命名为设置窗口大小，打开编辑器输入代码： ResizeWindow(300,300) ③添加表盘显示图标，导入圆形表盘图片。 ④添加表针指示显示图标，画一圆形，使用黑色填充，将其拖动到表盘上0所在位置。 6-48

49 6.2 基于图标的多媒体著作工具 ⑤添加表针运动移动图标，选择指向固定路径任意点，创建一条接 近圆形的运动路线，路 径起点与刻度0重合， 终点与刻度59重合。 ⑥运动刻度的设置。 6-49

50 6.2 基于图标的多媒体著作工具 导入和控制Flash动画：
Flash动画具有存储空间小、图像质量高、无损放大图像等优点，因此Authorware支持Flash动画。 导入：在流程线上单击加入位置，选择插入/媒体菜单，设置属性即可。 控制：改变属性→SetIconProperty SetSpriteProperty 调用函数→CallSprite 6-50

51 6.2 基于图标的多媒体著作工具 [例6-8]控制Flash播放。
①新建文件，名为Flash动画.a7p，插入所选的Flash动画，设置属性。 ②拖动交互图标到流程线上，命名为播放。拖动4个计算图标到右侧，分别命名为浏览、播放、暂停、退出。 ③浏览计算图标： object:=NewObject("fileio") file:=CallObject(object,"displayopen") 6-51

52 6.2 基于图标的多媒体著作工具 ④播放计算图标 CallSprite(@"Flash动画",#play) ⑤暂停计算图标
⑥退出计算图标 Quit() 6-52

53 6.2 基于图标的多媒体著作工具 [问题1]下面 运动方式,设置版面布局属性时，出发点、目的地和结束点右边的文本框都禁止使用。
[问题1]下面 运动方式,设置版面布局属性时，出发点、目的地和结束点右边的文本框都禁止使用。 A.指向固定点 B.指向固定路径的终点 C.指向固定直线上某点 D.指向固定路径上的任意点 6-53

54 6.2 基于图标的多媒体著作工具 4.声音对象 Authorware支持多种声音格式： wav,aiff,swa,vox,pcm,mp3
不支持直接加载midi文件。 导入声音文件： ①添加声音图标，单击显示其属性面板。 ②单击导入按钮，选择要导入的文件。 ③导入声音文件方式→内部、外部链接。 6-54

55 6.2 基于图标的多媒体著作工具 声音属性设置/计时选项卡： 执行 设置声音的播放方式： 方式 ①等待直到完成→播完声音后执行下一个图标
②同时→一边播放声音，一边执行下一个图标 ③永久→由右侧开始中的表达式>0，开始播放 播放 用于设置声音播放的次数： ①播放次数→播放一定次数，由文本框值决定 ②直到为真→输入表达式>0，停止播放声音 速率 设置播放速度 6-55

56 6.2 基于图标的多媒体著作工具 [例6-9]文本与声音同步。 6-56

57 6.2 基于图标的多媒体著作工具 5.数字电影对象 Authorware支持的数字电影格式有： 位图序列
插入一组位图，文件名后面必须有4为连续编号，如Filename0001-Filename2000 视频文件 AVI多媒体文件 动画文件 3DS Max制作的动画文件 Director 由Director制作的动画文件 MPEG 一种压缩比较大的多媒体视频格式 WMV文件 Windows Media Player播放的多媒体格式 6-57

58 6.2 基于图标的多媒体著作工具 导入数字电影文件： ①添加数字电影图标，单击图标并显示属性面板。
②单击导入按钮，选择要导入的数字电影文件。 数字电影对象的属性设置： 电影选项卡 计时选项卡 版面布局选项卡 6-58

59 6.2 基于图标的多媒体著作工具 [例6-10]简易的视频播放器 ①新建文件，名为视频播放器。添加计算图标，命名为初始化。
ResizeWindow(400,300) startframe:=1 endframe:=1 ②添加数字电影图标，命名为电影。导入并选择一个电影文件。 6-59

60 6.2 基于图标的多媒体著作工具 ③添加交互图标，命名为按钮。右侧添加四个计算图标，交互类型为按钮。 开始 暂停 向前 向后
startframe:=1 暂停 向前 向后 6-60

61 6.2 基于图标的多媒体著作工具 六、多媒体程序交互 1.多媒体的交互性
交互性：用户可以实时参与，这种参与可以是有意识的询问，在一定程度上对原有顺序和内容的改变，也可以是随机的、无意识的单击等行为。 例如：计算机辅助教学程序 网络游戏、交互性广告 电视机(不具备交互性) 6-61

62 6.2 基于图标的多媒体著作工具 Authorware的人机交互过程： ①用户的输入 用户所采取的操作，例如单击鼠标、在键盘上按键等。
②交互的界面 在演示窗口中能够捕捉到用户操作的一些元素，如按钮等。(界面简洁、易操作。) ③程序的响应 针对用户的操作，程序所采取的动作。 6-62

63 6.2 基于图标的多媒体著作工具 2.交互的组成元素 交互：交互图标、响应图标 响应类型、响应分支 6-63

64 6.2 基于图标的多媒体著作工具 3.交互的制作过程： ①添加交互图标，这是交互的入口。
②添加响应图标(如显示图标、群组图标等)到交互图标的右下方(可多个)。 ③自动弹出“交互类型”对话框。 提供11种不同类型的交互响应方式。 6-64

65 6.2 基于图标的多媒体著作工具 ④设计交互界面：交互界面用来显示按钮、热区域、文本输入等交互执行时的内容，匹配交互后执行响应图标的显示结果。 例如：流程图中生成4个按钮交互，双击交互图标则打开交互图标的演示窗口。 6-65

66 6.2 基于图标的多媒体著作工具 4.按钮交互 选择按钮方式后，程序进入交互图标时会出现一个按钮，单击它可进入按钮所在的分支结构。 大小
表示按钮的宽度和长度，可直接输入数字定义按钮的尺寸大小 位置 表示按钮所处位置的坐标，可直接输入数字修改按钮对象在演示文稿中的位置 标签 可输入按钮上显示的文本标签 鼠标 单击右侧按钮，可选择鼠标指针样式 6-66

67 6.2 基于图标的多媒体著作工具 [例6-11]自制选择题(要求按钮交互)。
①新建文件，名为按钮实例.a7p。先添加显示图标，命名为背景，在演示窗口中设计成如下界面。 6-67

68 6.2 基于图标的多媒体著作工具 ②添加交互图标，命名为题目。 ③拖动群组图标到交互图标的右下方生成响应图标，选择按钮，命名为第一题。
④继续拖动2个群组图标和1个计算图标到第一题响应图标的右边，分别命名为第二题、第三题和退出。 ⑤双击第一题群组图标，双击显示图标并在演示窗口中加入题目文字。 同理制作其他图标。 6-68

69 6.2 基于图标的多媒体著作工具 5.热区域交互 热区域是一个矩形区域，程序执行过程中看不到，但鼠标在热区域上移动、单击或双击时，程序会作出响应。 匹配下拉列表框 单击、双击、指针处于指定区域内，就可激活响应 匹配时加亮 选中该选项，则当热区域被激活时，整个区域将高亮显示以区别于其他区域 匹配标记 选中该选项，热区域中将出现一个标志 6-69

70 6.2 基于图标的多媒体著作工具 [例6-12]热区域响应示例——MTV欣赏。 6-70

71 6.2 基于图标的多媒体著作工具 ①创建新文件，设置背景为淡黄色。 ②添加显示图标，双击并打开演示窗口，输入文字、图片和横线。
③添加交互图标，命名为MTV欣赏，拖动群组图标，选择热区域响应方式，并将热区域与第一幅缩略图重叠。 ④双击群组图标，选择“插入/媒体/Flash”命令插入所需的Flash动画。 ⑤依次导入其他的热区域(最后quit())。 6-71

72 6.2 基于图标的多媒体著作工具 6.文本输入交互 文本输入交互提供一文本框供用户输入字符串，然后根据输入的内容进行判断。
默认情况输入框没有边框，用户在文本框输入的内容保存在系统变量EntryText中。 [例6-13]密码验证。 6-72

73 6.2 基于图标的多媒体著作工具 ①新建文件，名为文本输入实例.a7p。
②添加显示图标，命名为背景，在演示窗口中导入图片，并输入“请输入您的密码”。 ③添加计算图标，命名为初始化，双击并输入“password=123456”。 ④添加交互图标，命名为“文本输入”，拖动显示图标到交互图标的右下方，命名为“密码”，选择文本输入响应类型。再拖动两个显示图标到密码图标的右边，选择条件响应类型。在条件文本框中分别输入： 6-73

74 6.2 基于图标的多媒体著作工具 EntryText=password EntryText<>password
⑤添加等待图标，命名为“延时”。 添加计算图标，命名为“退出”。 ⑥双击背景图标，按住Shift键，双击密码显示图标，调整文本输入框的位置和大小。双击文本输入框，打开属性对话框，在交互作用选项卡下取消输入标记，选择透明，用直线工具沿输入框画一条线。 6-74

75 6.2 基于图标的多媒体著作工具 ⑦双击EntryText=password响应图标，在演示窗口中加入文字“密码正确”。
⑧单击密码响应方式，在响应选项卡中选择不擦除和重试。 ⑨单击EntryText=password响应方式，在属性面板中选择“不擦除”、“退出交互”。 ⑩单击EntryText<>password,在下一次输入之后、重试。 6-75

76 6.2 基于图标的多媒体著作工具 [例6-14]限制输入次数的密码验证 ①打开文本输入实例.a7p，将其另存为“重试限制实例.a7p”。
②在流程线上EntryText<>password响应图标的右边拖动显示图标，命名为“end”，单击end响应方式图标，选择“重试限制”。 ③在该面板的重试限制选项卡中，最大限制文本框输入3，在擦除选项卡中擦除列表选择“不擦除”，分支列表选择“退出交互”。 6-76

77 6.2 基于图标的多媒体著作工具 ④双击EntryText<>password响应图标，打开演示窗口，用文字工具加入一行文本：
“您还有{3-timesMatched}次机会！”。 ⑤运行程序，当输入正确密码，直接退出交互。输入错误密码，提示密码错误和用户可以继续输入的次数。 6-77

78 6.2 基于图标的多媒体著作工具 1.下面 交互在执行时是不可见的。 A.热对象 B.对区域 C.文本输入 D.按钮
1.下面 交互在执行时是不可见的。 A.热对象 B.对区域 C.文本输入 D.按钮 2.按钮是交互中常用的一种方式，Authorware的按钮库中提供了 、 和 ，另外，用户还可以 。 6-78

79 6.2 基于图标的多媒体著作工具 七、发布与打包 利用Authorware完成多媒体应用软件的设计工作后，可以利用Authorware提供的发布功能将设计工作生成为可正式发布的产品。在发布多媒体作品时，首先需要考虑使用何种介质来作为存储程序的载体，例如是使用光盘，还是网络？ 1.光盘发布 2.网络发布

80 6.3 基于页的多媒体著作工具 Dreamweaver是美国Adobe公司开发的集网页制作和管理于一身的所见即所得网页编辑器。 6-80

81 6.3 基于页的多媒体著作工具 一、Dreamweaver概述 Dreamweaver是套为专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出各种能够跨越平台限制和跨越浏览器限制的网页。 1.Dreamweaver的主要特色 提供了可视化布局、应用程序开发和代码编辑等功能，降低了网页制作的难度。 6-81

82 6.3 基于页的多媒体著作工具 2. Dreamweaver的窗口组成 6-82

83 6.3 基于网页的多媒体著作工具 6-83

84 6.3 基于网页的多媒体著作工具 CSS样式面板 6-84

85 6.3 基于网页的多媒体著作工具 二、站点规划 每个站点都是由无数独立的网络页面、图片、音乐、视频、数据库等组成的文件集合，各种网页元素通过超链接彼此链接。 网站站点是组成多媒体网站的所有文件和资源的集合。 6-85

86 6.3 基于网页的多媒体著作工具 1.定义站点 在创建网页站点之前，首先利用Dreamweaver在本地计算机上构建出整个站点的目录结构，并设置站点信息。 6-86

87 6.3 基于网页的多媒体著作工具 2.站点管理 Dreamweaver中提供了站点管理功能，允许网站设计人员管理多个网络站点。 6-87

88 6.3 基于网页的多媒体著作工具 3.网站目录组织 在Dreamweaver中创建了站点后，Dreamweaver将在工作环境和本地文件目录中形成文件对应关系。 根据网站设计的目标不同，网站的目录结构组织也有一定的区别。 6-88

89 6.3 基于网页的多媒体著作工具 image目录存放网站中使用到的图片文件。 css目录存放网站中使用的样式表。 scripts目录容纳网站中的所有脚本文件。 media目录存放背景音乐或其它声音文件。 web目录存放网页文件（也可以根据需要建立子目录，对网页内容进行再次组织）。 error目录存放出错的信息引导页面。 6-89

90 6.3 基于网页的多媒体著作工具 一般情况下，网站服务器将在目录中寻找名为index.html或者index.htm的页面作为该文件夹的默认打开文件，因此在制作网站的过程中应当将网站的首页改为这两个名字之一。 部分服务器也设置default.html，或default.htm为默认页面。 6-90

91 6.3 基于网页的多媒体著作工具 三、多媒体网页创作 1.网页属性设置 在创作多媒体网站之前，网站设计人员可以通过Dreamweaver的属性栏调整网页的基础属性，如网页显示大小、背景色等。 6-91

92 6.3 基于网页的多媒体著作工具 2.网页添加文本 文本是Web页面中最常见的元素。 Dreamweaver中添加文本的方式与其他文字处理软件添加文字的方式相同。 6-92

93 6.3 基于网页的多媒体著作工具 3.向网页添加图形和图像 图片资源作为Web页面文字信息的补充，可以在提高网页信息的可读性的同时，增加了页面的显示效果。 根据Web 2.0页面元素标准，目前在Internet上运行的网页支持使用gif、jpg、jpeg和png4种图形和图像文件。 6-93

94 6.3 基于网页的多媒体著作工具 Dreamweaver的图像属性栏允许对指定图像的各种属性进行修改 6-94

95 6.3 基于网页的多媒体著作工具 4.嵌入多媒体素材 Web页面除了可以使用文字、图形和图像素材以外，也能将声音、视频、动画等其他媒体素材嵌入到网页中。 6-95

96 6.3 基于网页的多媒体著作工具 ⑴嵌入Flash动画 通过“插入\媒体\SWF”菜单命令在网页的指定位置添加Flash文件。 6-96

97 6.3 基于网页的多媒体著作工具 属性栏将显示当前文件的属性信息，并允许用户进行定制。 6-97

98 6.3 基于网页的多媒体著作工具 ⑵增加背景音乐 许多公司和组织都提供了一些名为“插件”的功能组件来增强Web页面的功能，让网页完成一些标准HTML所不具备的功能。 在Web页面中，可以通过插件来实现背景音乐的播放。 6-98

99 6.3 基于网页的多媒体著作工具 ⑶嵌入视频 目前能够在网页中播放的媒体格式包括WMV、Real、QuickTime等。 随着网络流媒体的快速发展，已经出现了大量实时播放网络视频流的先进技术。 6-99

100 6.3 基于网页的多媒体著作工具 四、创建用户交互性 Web页面最大的优点在于能够提供丰富的交互功能。通过为网页元素增加链接，允许用户在浏览网页内容的同时选择感兴趣的内容进行细致浏览。 6-100

101 6.3 基于网页的多媒体著作工具 1.浏览方式 在创作和设计Web页面时就应当根据需要表达的内容来设计页面内容的浏览方式，以及和用户的交互方式。 ⑴线型超链接结构 ⑵层次型超连接结构 ⑶网状超连接结构 6-101

102 6.3 基于网页的多媒体著作工具 2.文本超链接 在页面中为指定的关键词增加超链接，单击该部分文字信息将跳转到其他相关的Web页面中。

103 6.3 基于网页的多媒体著作工具 3.图片超链接 Dreamweaver允许为图片增加超链接，便于通过超链接跳转到图片内容的详细介绍。
6-103

104 6.3 基于网页的多媒体著作工具 4.高级交互性 在设计和制作网页时， 可以利用HTML提供的控件 来完成许多更加复杂的交 互功能。
6-104

105 6.3 基于网页的多媒体著作工具 五、网页内容布局 网站的规划与设计可分为网站定位、内容收集、栏目规划、目录结构设计、网站标志设计、风格设计、导航系统设计等七个环节。 在创建Web页面之前，对网页的整体布局和风格设计将决定未来网站的整体显示效果。 6-105

106 6.3 基于网页的多媒体著作工具 1.网页框架设计 框架能够在同一个浏览器窗口中组织和管理多个Web页面，并且利用多个页面来表现和组织不同类型的信息。 6-106

107 6.3 基于网页的多媒体著作工具 插入框架后，Dreamweaver CS5将弹出“框架标签辅助功能属性”设置对话框，允许设计人员对框架中的各个部分进行命名。 6-107

108 6.3 基于网页的多媒体著作工具 2.页面排版技术 为了使网页中的内容显示整齐、规范，必须按照特定的格式对网页中显示的内容进行排版。 常用页面排版技术： ⑴表格排版 ⑵div元素排版 6-108

109 6.3 基于网页的多媒体著作工具 六、多媒体网页发布 网站发布也就是将完成的网站资源上传到指定的Web服务器上，通过连接Internet的服务器发布网站信息。 1.常见Web服务器 ⑴IIS服务器 ⑵Apache服务器 6-109

110 6.3 基于网页的多媒体著作工具 2.网站发布 只有将网站资源上传到Web服务器的指定文件目录中，Web服务器才能将上传的站点资源发布。 系统管理员将向设计人员提供相应的网络目录，网站设计人员只需要将网站资源文件上传到该目录即可。 6-110

111 6.3 基于网页的多媒体著作工具 网站资源上传完成后，立即可以使用系统管理员提供的网络地址来访问网站。 如果指向服务器的网络域名为: “ 用户可以通过“ 6-111

112 本章小结 ☆ 多媒体著作工具能将文本、图形、图像、动画、视频和音频等多媒体素材按照一定的要求和目的集成或组织成为结构完整的多媒体应用软件。 ☆ 基于图标的多媒体著作工具Authorware。 ☆ 基于页的多媒体著作工具Dreamweaver。 6-112