多媒体著作工具.ppt

1、第6章 多媒体著作工具,6-2,6-2,6.1 多媒体著作工具概述,多媒体著作工具：指能集成处理和统一管理多媒体信息，使之能够根据用户的需要生成多媒体应用系统的工具软件。 一、多媒体著作工具的功能 功能：编程环境、超媒体链接 动态链接(OLE、DDE) 动画处理能力 媒体数据的输入 良好的界面和可扩充性,6-3,6-3,二、多媒体著作工具的类型 1.基于图标的多媒体著作工具 Authorware、IconAuthor 2.基于卡片或页的多媒体著作工具 Dreamweaver、ToolBook 3.基于时间的多媒体著作工具 Director、 Action,6.1 多媒体著作工具概述,6-4,三

2、、多媒体著作工具的评价和选择 1.多媒体著作工具的评价,6-4,性能 价格比,性能 指标,文档 资料,易学 易用,技术 支持,6.1 多媒体著作工具概述,6-5,2.多媒体著作工具的选择,6-5,6-5,中文平台,可扩充性,多媒体 素材管理,独立 播放 程序,6.1 多媒体著作工具概述,6-6,6-6,一、Authorware概述 Authorware是Macromedia公司推出的基于设计图标和流程线结构的多媒体设计平台 它主要承担多媒体素材的集成和组织工作，将Photoshop、Flash制作的文件集成起来，能够创作出有专业水准的多媒体作品。 Authorware 1.0、2.0、3.0、

3、4.0 5.0、6.0、6.5、7.0,6.2 基于图标的多媒体著作工具,6-7,6-7,Authorware工作界面主要有标题栏、菜单栏、工具栏、图标工具箱、设计窗口和浮动面板(属性、知识对象、函数、变量)等。,6.2 基于图标的多媒体著作工具,6-8,6-8,二、图标的基本使用 1.创建Authorware文件 创建一个空白的新文件 默认情况下，Authorware启动后会自动弹出一个多媒体“新建”对话框。 选择“文件/新建/文件”菜单命令，可以创建一个全新的文件。 单击工具栏上的“新建”按钮，可以创建一个全新的文件。,6.2 基于图标的多媒体著作工具,6-9,6-9,2.图标的基本操作

4、添加图标：拖动到流程线上再释放。 定位图标插入点：插入/图标。 命名图标：图标名称的标识，可重复使用名称，但当函数调用图标时，要为每个图标指定唯一的名称。 选定图标：单击，Shift+单击，框选。 删除图标：选定后按Delete键。 编辑图标：右击/属性、双击。,6.2 基于图标的多媒体著作工具,6-10,6-10,3.程序初始化窗口设置 设置文件属性：修改/文件/属性 “属性:文件”面板：,3个选项卡：回放、交互作用、CMI,6.2 基于图标的多媒体著作工具,6-11,6-11,“回放”选项卡：,6.2 基于图标的多媒体著作工具,6-12,6-12,“交互作用”选项卡：主要是关于程序中的交互

5、功能的一些设置。 “CMI”选项卡：CMI(计算机管理教学),主要用于设定各种关于追踪记录的项目。 4.制作简单多媒体程序,6.2 基于图标的多媒体著作工具,6-13,6-13,制作过程： 启动Authorware，创建新的空白文件 文件属性：“大小”选根据变量、“选项”取消显示标题栏和显示菜单栏 添加计算图标 图标命名为初始化窗口 双击该图标，打开计算图标编辑器 ResizeWindow(600,400),6.2 基于图标的多媒体著作工具,6-14,6-14,添加显示图标 取名为“欢迎图片”。 双击该图标，选择文件/导入和导出/导入媒体，选择“欢迎图片”。 添加移动图标 取名为“图片移动”。

6、 属性时间设置为2s,先设置图片的初始状态拖动图片至合适的位置，设定图片的终止状态。,6.2 基于图标的多媒体著作工具,6-15,6-15,添加显示图标 取名为“显示欢迎文字”。 双击图标打开演示窗口，选择文本工具输入“欢迎来到深圳大学”，调整文字的大小和位置，加入特效。 添加等待图标 取名为“等待用户响应”。 单击该图标，属性面板中时限填3s,选中显示倒计时，取消显示按钮。,6.2 基于图标的多媒体著作工具,6-16,6-16,添加擦除图标 取名为“擦除”，在属性面板中加入特效。 添加两个显示图标 分别取名为“背景”、“文字内容”。 双击背景图标，打开演示窗口，将一幅背景图片导入，并加入特效

7、。 双击文字内容图标，选择文本工具，输入“深圳大学办公楼”、“图书馆”、“教学楼”，调整文字并加入特效。,6.2 基于图标的多媒体著作工具,6-17,6-17,添加等待图标 取名为“等待退出”。 一般取默认值，打开文件属性面板，选择交互作用选项卡，标签栏中改为“退出”。 添加计算图标 取名为“退出”。 打开计算图标编辑器 Quit(),6.2 基于图标的多媒体著作工具,6-18,三、多媒体素材管理 在进行多媒体应用软件设计时，如何有效管理多种多媒体素材，是一项非常耗时的工作。 在Authorware中提供了4种多媒体素材管理工具：外部媒体内容文件、外部媒体浏览器、媒体库和模块。多媒体素材管理工

8、具用于协助对多媒体素材的管理，以达到节省时间、提高效率的目的，其中外部媒体内容文件和外部媒体浏览器需要协同工作。,6.2 基于图标的多媒体著作工具,6-19,6-19,四、文本对象处理 1.显示图标 用于显示文字、图形、图像等。 显示图标的属性：,6.2 基于图标的多媒体著作工具,6-20,6-20,2.文本工具 创建文本的方法： 在流程线上添加显示图标。 双击后打开演示窗口和绘图工具箱。 选择文本工具，单击鼠标会出现文本输入框，这时处于文本的编辑状态。 选择指针工具，退出文本编辑状态。单击文本出现八个控点，可调整文本对象。 Authorware支持的文件格式有：txt、rtf。,6.2 基于

9、图标的多媒体著作工具,6-21,6-21,导入外部文本的方法： 在流程线上添加显示图标。 双击后自动打开演示窗口。 选择文件/导入和导出/导入媒体命令并选择要导入的文本文件。 在弹出导入对话框中，可以进行导入文本的各种详细设置。,6.2 基于图标的多媒体著作工具,6-22,6-22,6.2 基于图标的多媒体著作工具,6-23,6-23,3.文本属性的设置 文本格式的设置 设置文本字体：文本/字体 设置文本字号：文本/大小 设置文本风格：文本/格式 设置文本颜色：单击绘图工具箱色彩栏上两个按钮，可设置文字的颜色和背景色 设置带滚动条：文本/卷帘文本,6.2 基于图标的多媒体著作工具,6-24,6

10、-24,段落格式的设置 设置对齐方式：文本/对齐 设置段落缩进：输入文本时演示窗口出现一条水平线，有5个控制点标记。,文本平滑效果：文本/消除锯齿 选中的文本就会显示平滑的效果,6.2 基于图标的多媒体著作工具,6-25,6-25,4.文本的查找和替换 选择编辑/查找命令，弹出查找对话框,6.2 基于图标的多媒体著作工具,6-26,6-26,5.文本特效(阴影字) 阴影字是特效文字中最常用的一种，为文字配上阴影效果，可增强文字的立体感。 阴影字的实现方法： 添加显示图标，双击并打开演示窗口。 选择文本工具，创建文本。 调整文本字体并选择黑色。 复制文本并改亮黄色。 两段文本重叠并产生偏差。,6

11、.2 基于图标的多媒体著作工具,6-27,6-27,例6-1环形文字。演示一个简单的宣传画的设计,主要使用显示图标显示文字和图形。,6.2 基于图标的多媒体著作工具,6-28,6-28,五、多媒体对象应用 1.绘图工具箱 五个功能：,6.2 基于图标的多媒体著作工具,6-29,6-29,绘图工具:,6.2 基于图标的多媒体著作工具,6-30,6-30,图形属性设置:,6.2 基于图标的多媒体著作工具,6-31,6-31,2.图像对象处理 导入图像 导入外部图片的方式： 直接导入。 粘贴图片。 将图片文件拖动到流程线上。 在资源管理器中，将所需图片文件直接拖动到流程线上，或将文件直接拖动到流程线

12、的图标上。,6.2 基于图标的多媒体著作工具,6-32,6-32,编辑导入图片 选择图像：单击图像，其周围会出现8个控制点。 调整图像的大小。 图像的三种显示状态。 原始状态 比例状态 裁切状态,6.2 基于图标的多媒体著作工具,6-33,6-33,图像的显示层次 显示层次设定重叠图像的上下关系。 同一图标：选中要调整层次的图像，选择“修改/置于上层-置于下层”。 不同图标：流程线后面图标会覆盖前面图标上的图像。 要改变图像显示层次，单击显示图标并在属性面板中输入图层数字，数字越大，图像靠前。,6.2 基于图标的多媒体著作工具,6-34,6-34,图像的显示模式 显示模式可调整重叠图像之间背景

13、色和前景色不同的遮挡关系。,多个图像的对齐 修改/排列 多个图像的组合 修改/群组 修改/取消群组,6.2 基于图标的多媒体著作工具,6-35,6-35,例6-2设计一个房屋。,6.2 基于图标的多媒体著作工具,6-36,6-36,例6-3制作简易图像浏览器。,6.2 基于图标的多媒体著作工具,6-37,6-37,3.动画效果 Authorware能实现动画效果有两类： Authorware内部制作的动画 动画效果：实现文本、图形、图像等对象的运动效果。 过渡效果：类似于幻灯片的过渡效果。 Authorware引用的外部动画 Authorware支持大多数动画格式，如GIF动画、Flash动画

14、、3DS Max动画等。,6.2 基于图标的多媒体著作工具,6-38,6-38,运动动画的图标组合： 运动动画主要是依靠移动图标完成的，移动图标本身不包含任何对象，只是记录对象的运动过程，因此每个移动图标一定要配合显示图标才能使用。 Authorware动画：显示图标移动图标 显示图标：对象的载体，如各种文字、图片等对象。 移动图标：对象的运动轨迹。,6.2 基于图标的多媒体著作工具,6-39,6-39,例6-4小球在桌面上的运动。,6.2 基于图标的多媒体著作工具,6-40,6-40,运动动画的类型： 直接移动到固定点 移动到直线上一点,6.2 基于图标的多媒体著作工具,6-41,6-41,

15、例6-5创建指向固定直线上某点的动画。 创建文件，并在显示图标中导入图片。 运行程序，在演示窗口中显示恐龙和暗箭。 选择射击图标，在类型下拉列表框中选择移动到直线上一点。 选中基点，单击并拖动暗箭到恐龙头部。然后选择终点，单击并拖动暗箭到恐龙尾部。,6.2 基于图标的多媒体著作工具,6-42,6-42,选中目标，在文本框中输入一个数值。 运行程序，可看见暗箭从原始位置出发，射向指定的位置。 进一步为上例的目标设置位置变量。 双击射击图标，在目标文本框中输入变量Position。 运行程序，系统打开新建变量对话框，让用户输入变量的初始值0。 在射击图标上添加计算图标，双击打开窗。,6.2 基于图

16、标的多媒体著作工具,6-43,6-43,口并输入：Position:=Random(0,100,1)。 运行程序，暗箭根据目的点变量的随机值确定射向恐龙的部位。 若为使暗箭能够自动不停地发射，要利用转向函数实现程序的循环。 添加计算图标，双击并打开循环窗口，输入： Goto(IconID”暗箭”)。,6.2 基于图标的多媒体著作工具,6-44,6-44,指向固定区域内的某点,6.2 基于图标的多媒体著作工具,6-45,6-45,沿路径移动到终点,沿路径移至任意点,6.2 基于图标的多媒体著作工具,6-46,6-46,例6-6滚动字幕的制作。 新建文件，命名为滚动字幕。打开文件属性面板，选择根据

17、变量，取消显示标题栏和显示菜单栏。 添加计算图标，命名为初始化窗口大小，打开编辑器并输入ResizeWindow(600,450)。 添加显示图标，命名为背景，导入一幅图片作为整个字幕的背景。 添加显示图标，命名为字幕，导入或输入。,6.2 基于图标的多媒体著作工具,6-47,6-47,广东省深圳市南山区 深圳大学 计算机与软件学院 计算机科学与技术系 调整文本位置，位于演示窗口下边缘外。 添加移动图标，打开属性面板，选择指向固定点，将文本确定为移动对象，垂直向上移动对象到适当位置。 选择时间(秒)，输入10。,6.2 基于图标的多媒体著作工具,6-48,6-48,例6-7秒表。 创建文件，命

18、名为秒表，选择根据变量，设置演示窗口的尺寸为可变值。 添加计算图标，命名为设置窗口大小，打开编辑器输入代码： ResizeWindow(300,300) 添加表盘显示图标，导入圆形表盘图片。 添加表针指示显示图标，画一圆形，使用黑色填充，将其拖动到表盘上0所在位置。,6.2 基于图标的多媒体著作工具,6-49,6-49,添加表针运动移动图标，选择指向固定路径任意点，创建一条接近圆形的运动路线，路径起点与刻度0重合，终点与刻度59重合。 运动刻度的设置。,6.2 基于图标的多媒体著作工具,6-50,6-50,导入和控制Flash动画： Flash动画具有存储空间小、图像质量高、无损放大图像等优点

19、，因此Authorware支持Flash动画。 导入：在流程线上单击加入位置，选择插入/媒体菜单，设置属性即可。 控制：改变属性SetIconProperty SetSpriteProperty 调用函数CallSprite,6.2 基于图标的多媒体著作工具,6-51,6-51,例6-8控制Flash播放。 新建文件，名为Flash动画.a7p，插入所选的Flash动画，设置属性。 拖动交互图标到流程线上，命名为播放。拖动4个计算图标到右侧，分别命名为浏览、播放、暂停、退出。 浏览计算图标： object:=NewObject(fileio) file:=CallObject(object,d

20、isplayopen) SetIconProperty(Flash动画,#pathname,file),6.2 基于图标的多媒体著作工具,6-52,6-52,播放计算图标 CallSprite(Flash动画,#play) 暂停计算图标 CallSprite(Flash动画,#stop) 退出计算图标 Quit(),6.2 基于图标的多媒体著作工具,6-53,6-53,问题1下面 运动方式,设置版面布局属性时，出发点、目的地和结束点右边的文本框都禁止使用。 A.指向固定点 B.指向固定路径的终点 C.指向固定直线上某点 D.指向固定路径上的任意点,6.2 基于图标的多媒体著作工具,6-54,6

21、-54,4.声音对象 Authorware支持多种声音格式： wav,aiff,swa,vox,pcm,mp3 不支持直接加载midi文件。 导入声音文件： 添加声音图标，单击显示其属性面板。 单击导入按钮，选择要导入的文件。 导入声音文件方式内部、外部链接。,6.2 基于图标的多媒体著作工具,6-55,6-55,声音属性设置/计时选项卡：,6.2 基于图标的多媒体著作工具,6-56,6-56,例6-9文本与声音同步。,6.2 基于图标的多媒体著作工具,6-57,6-57,5.数字电影对象 Authorware支持的数字电影格式有：,6.2 基于图标的多媒体著作工具,6-58,6-58,导入数

22、字电影文件： 添加数字电影图标，单击图标并显示属性面板。 单击导入按钮，选择要导入的数字电影文件。 数字电影对象的属性设置： 电影选项卡 计时选项卡 版面布局选项卡,6.2 基于图标的多媒体著作工具,6-59,6-59,例6-10简易的视频播放器 新建文件，名为视频播放器。添加计算图标，命名为初始化。,添加数字电影图标，命名为电影。导入并选择一个电影文件。,ResizeWindow(400,300) startframe:=1 endframe:=1,6.2 基于图标的多媒体著作工具,6-60,6-60,添加交互图标，命名为按钮。右侧添加四个计算图标，交互类型为按钮。,6.2 基于图标的多媒体

23、著作工具,6-61,6-61,六、多媒体程序交互 1.多媒体的交互性 交互性：用户可以实时参与，这种参与可以是有意识的询问，在一定程度上对原有顺序和内容的改变，也可以是随机的、无意识的单击等行为。 例如：计算机辅助教学程序 网络游戏、交互性广告 电视机(不具备交互性),6.2 基于图标的多媒体著作工具,6-62,6-62,Authorware的人机交互过程： 用户的输入 用户所采取的操作，例如单击鼠标、在键盘上按键等。 交互的界面 在演示窗口中能够捕捉到用户操作的一些元素，如按钮等。(界面简洁、易操作。) 程序的响应 针对用户的操作，程序所采取的动作。,6.2 基于图标的多媒体著作工具,6-6

24、3,6-63,2.交互的组成元素 交互：交互图标、响应图标 响应类型、响应分支,6.2 基于图标的多媒体著作工具,6-64,6-64,3.交互的制作过程： 添加交互图标，这是交互的入口。 添加响应图标(如显示图标、群组图标等)到交互图标的右下方(可多个)。 自动弹出“交互类型”对话框。,提供11种不同类型的交互响应方式。,6.2 基于图标的多媒体著作工具,6-65,6-65,设计交互界面：交互界面用来显示按钮、热区域、文本输入等交互执行时的内容，匹配交互后执行响应图标的显示结果。 例如：流程图中生成4个按钮交互，双击交互图标则打开交互图标的演示窗口。,6.2 基于图标的多媒体著作工具,6-66

25、,6-66,4.按钮交互 选择按钮方式后，程序进入交互图标时会出现一个按钮，单击它可进入按钮所在的分支结构。,6.2 基于图标的多媒体著作工具,6-67,6-67,例6-11自制选择题(要求按钮交互)。 新建文件，名为按钮实例.a7p。先添加显示图标，命名为背景，在演示窗口中设计成如下界面。,6.2 基于图标的多媒体著作工具,6-68,6-68,添加交互图标，命名为题目。 拖动群组图标到交互图标的右下方生成响应图标，选择按钮，命名为第一题。 继续拖动2个群组图标和1个计算图标到第一题响应图标的右边，分别命名为第二题、第三题和退出。 双击第一题群组图标，双击显示图标并在演示窗口中加入题目文字。

26、同理制作其他图标。,6.2 基于图标的多媒体著作工具,6-69,6-69,5.热区域交互 热区域是一个矩形区域，程序执行过程中看不到，但鼠标在热区域上移动、单击或双击时，程序会作出响应。,6.2 基于图标的多媒体著作工具,6-70,6-70,例6-12热区域响应示例MTV欣赏。,6.2 基于图标的多媒体著作工具,6-71,6-71,创建新文件，设置背景为淡黄色。 添加显示图标，双击并打开演示窗口，输入文字、图片和横线。 添加交互图标，命名为MTV欣赏，拖动群组图标，选择热区域响应方式，并将热区域与第一幅缩略图重叠。 双击群组图标，选择“插入/媒体/Flash”命令插入所需的Flash动画。 依

27、次导入其他的热区域(最后quit()。,6.2 基于图标的多媒体著作工具,6-72,6-72,6.文本输入交互 文本输入交互提供一文本框供用户输入字符串，然后根据输入的内容进行判断。 默认情况输入框没有边框，用户在文本框输入的内容保存在系统变量EntryText中。 例6-13密码验证。,6.2 基于图标的多媒体著作工具,6-73,6-73,新建文件，名为文本输入实例.a7p。 添加显示图标，命名为背景，在演示窗口中导入图片，并输入“请输入您的密码”。 添加计算图标，命名为初始化，双击并输入“password=123456”。 添加交互图标，命名为“文本输入”，拖动显示图标到交互图标的右下方，

28、命名为“密码”，选择文本输入响应类型。再拖动两个显示图标到密码图标的右边，选择条件响应类型。在条件文本框中分别输入：,6.2 基于图标的多媒体著作工具,6-74,6-74,EntryText=password EntryTextpassword 添加等待图标，命名为“延时”。 添加计算图标，命名为“退出”。 双击背景图标，按住Shift键，双击密码显示图标，调整文本输入框的位置和大小。双击文本输入框，打开属性对话框，在交互作用选项卡下取消输入标记，选择透明，用直线工具沿输入框画一条线。,6.2 基于图标的多媒体著作工具,6-75,6-75,双击EntryText=password响应图标，在演

29、示窗口中加入文字“密码正确”。 双击EntryTextpassword响应图标，在演示窗口中加入文字“密码错误，请重试”。 单击密码响应方式，在响应选项卡中选择不擦除和重试。 单击EntryText=password响应方式，在属性面板中选择“不擦除”、“退出交互”。 单击EntryTextpassword,在下一次输入之后、重试。,6.2 基于图标的多媒体著作工具,6-76,6-76,例6-14限制输入次数的密码验证 打开文本输入实例.a7p，将其另存为“重试限制实例.a7p”。 在流程线上EntryTextpassword响应图标的右边拖动显示图标，命名为“end”，单击end响应方式图标

30、，选择“重试限制”。 在该面板的重试限制选项卡中，最大限制文本框输入3，在擦除选项卡中擦除列表选择“不擦除”，分支列表选择“退出交互”。,6.2 基于图标的多媒体著作工具,6-77,6-77,双击EntryTextpassword响应图标，打开演示窗口，用文字工具加入一行文本： “您还有3-timesMatched次机会！”。 运行程序，当输入正确密码，直接退出交互。输入错误密码，提示密码错误和用户可以继续输入的次数。,6.2 基于图标的多媒体著作工具,6-78,6-78,1.下面 交互在执行时是不可见的。 A.热对象 B.对区域 C.文本输入 D.按钮 2.按钮是交互中常用的一种方式，Aut

31、horware的按钮库中提供了 、 和 ，另外，用户还可以 。,6.2 基于图标的多媒体著作工具,6-79,七、发布与打包 利用Authorware完成多媒体应用软件的设计工作后，可以利用Authorware提供的发布功能将设计工作生成为可正式发布的产品。在发布多媒体作品时，首先需要考虑使用何种介质来作为存储程序的载体，例如是使用光盘，还是网络？ 1.光盘发布 2.网络发布,6.2 基于图标的多媒体著作工具,6-80,6.3 基于页的多媒体著作工具,Dreamweaver是美国Adobe公司开发的集网页制作和管理于一身的所见即所得网页编辑器。,6-80,6-81,一、Dreamweaver概述

32、 Dreamweaver是套为专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出各种能够跨越平台限制和跨越浏览器限制的网页。 1.Dreamweaver的主要特色 提供了可视化布局、应用程序开发和代码编辑等功能，降低了网页制作的难度。,6-81,6.3 基于页的多媒体著作工具,6-82,2. Dreamweaver的窗口组成,6-82,6.3 基于页的多媒体著作工具,6-83,6-83,6.3 基于网页的多媒体著作工具,6-84,CSS样式面板,6-84,6.3 基于网页的多媒体著作工具,6-85,二、站点规划 每个站点都是由无数独立的网络页面、图片、音乐、视频、数据库等组

33、成的文件集合，各种网页元素通过超链接彼此链接。 网站站点是组成多媒体网站的所有文件和资源的集合。,6-85,6.3 基于网页的多媒体著作工具,6-86,1.定义站点 在创建网页站点之前，首先利用Dreamweaver在本地计算机上构建出整个站点的目录结构，并设置站点信息。,6-86,6.3 基于网页的多媒体著作工具,6-87,2.站点管理 Dreamweaver中提供了站点管理功能，允许网站设计人员管理多个网络站点。,6-87,6.3 基于网页的多媒体著作工具,6-88,3.网站目录组织 在Dreamweaver中创建了站点后，Dreamweaver将在工作环境和本地文件目录中形成文件对应关系

34、。 根据网站设计的目标不同，网站的目录结构组织也有一定的区别。,6-88,6.3 基于网页的多媒体著作工具,6-89,image目录存放网站中使用到的图片文件。 css目录存放网站中使用的样式表。 scripts目录容纳网站中的所有脚本文件。 media目录存放背景音乐或其它声音文件。 web目录存放网页文件（也可以根据需要建立子目录，对网页内容进行再次组织）。 error目录存放出错的信息引导页面。,6-89,6.3 基于网页的多媒体著作工具,6-90,一般情况下，网站服务器将在目录中寻找名为index.html或者index.htm的页面作为该文件夹的默认打开文件，因此在制作网站的过程中应

35、当将网站的首页改为这两个名字之一。 部分服务器也设置default.html，或default.htm为默认页面。,6-90,6.3 基于网页的多媒体著作工具,6-91,三、多媒体网页创作 1.网页属性设置 在创作多媒体网站之前，网站设计人员可以通过Dreamweaver的属性栏调整网页的基础属性，如网页显示大小、背景色等。,6-91,6.3 基于网页的多媒体著作工具,6-92,2.网页添加文本 文本是Web页面中最常见的元素。 Dreamweaver中添加文本的方式与其他文字处理软件添加文字的方式相同。,6-92,6.3 基于网页的多媒体著作工具,6-93,3.向网页添加图形和图像 图片资源

36、作为Web页面文字信息的补充，可以在提高网页信息的可读性的同时，增加了页面的显示效果。 根据Web 2.0页面元素标准，目前在Internet上运行的网页支持使用gif、jpg、jpeg和png4种图形和图像文件。,6-93,6.3 基于网页的多媒体著作工具,6-94,Dreamweaver的图像属性栏允许对指定图像的各种属性进行修改,6-94,6.3 基于网页的多媒体著作工具,6-95,4.嵌入多媒体素材 Web页面除了可以使用文字、图形和图像素材以外，也能将声音、视频、动画等其他媒体素材嵌入到网页中。,6-95,6.3 基于网页的多媒体著作工具,6-96,嵌入Flash动画 通过“插入媒体

37、SWF”菜单命令在网页的指定位置添加Flash文件。,6-96,6.3 基于网页的多媒体著作工具,6-97,属性栏将显示当前文件的属性信息，并允许用户进行定制。,6-97,6.3 基于网页的多媒体著作工具,6-98,增加背景音乐 许多公司和组织都提供了一些名为“插件”的功能组件来增强Web页面的功能，让网页完成一些标准HTML所不具备的功能。 在Web页面中，可以通过插件来实现背景音乐的播放。,6-98,6.3 基于网页的多媒体著作工具,6-99,嵌入视频 目前能够在网页中播放的媒体格式包括WMV、Real、QuickTime等。 随着网络流媒体的快速发展，已经出现了大量实时播放网络视频流的先进技术。,6-99,6.3 基于网页的多媒体著作工具,6-100,四、创建用户交互性 Web页面最大的优点在于能够提供丰富的交互功能。通过为网页元素增加链接，允许用户在浏览网页内容的同时选择感兴趣的内容进行细致浏览。,6-100,6.3 基于网页的多媒体著作工具,6-101,1.浏览方式 在创作和设计Web页面时就应当根据需要