图像-多媒体技术及应用.PPT

学习目标: 1.了解Dreamweaver 8.0标准工作界面各个组成部分的名称和主要功能；2.学会创建和管理本地站点的基本步骤和方法；3.了解页面设置的主要内容和操作方法；4.掌握利用表格进行页面布局的基本技能；5.掌握向页面添加文本、图像、音频、视频的基本技能和不同方法，并能设置各种媒体的相关属性和常用参数；6.掌握向页面插入Flash动画和Flash对象的基本方法，并能设置其相关属性和常用参数；7.掌握向页面插入Shockwave动画、Java Applet应用小程序、ActiveX控件、插件、Flash元素的基本方法，并能设置它们的相关属性和常用参数。 习 题 八 1.利用表格制作完成如下图所示的页面布局效果。 2.制作一个页面，在其中嵌入音频和视频文件，并且具有自动循环播放功能。 3.在Dreamweaver 8.0中分别制作Flash按钮和文本对象，并为它们添加链接。 4.利用Dreamweaver 8.0内嵌的Flash元素“图像查看器”制作一个类似于幻灯片放映方式的相册，并为其添加换页效果。 ③“源文件”定义用于如果勾选了“嵌入”选项，将用它来设置插件的数据文件。④“基址”用来指定包含该ActiveX控件的路径。如果用户的系统中尚未安装该 ActiveX控件，则浏览器从该路径下载它。如果没有指定“基址”参数且尚未安装相应的 ActiveX控件，则浏览器将无法显示该ActiveX对象。 ⑤“替代图像”同样是用来当浏览器无法显示该ActiveX对象时将要显示的图像。注意，只有在取消对“嵌入”选项的选择后才可用此选项。⑥“数据”用来指定要加载的ActiveX控件所需的数据文件。 8.4.9 插入Flash元素Flash元素文件实际上还是一个Flash SWF文件，只是它可以通过Dreamweaver 8.0自动完成创建，由用户插入的Flash元素可在自定义参数中轻松方便的完成参数设置，参数设置不同则应用程序的功能也就不同，这样就极大地提高了它的可控性和互动性。 4.从资源面板中插入图像（1）单击定位图像插入点的位置。（2）点击窗口右侧文件面板的“资源”选项卡并通过其左侧的图像视图图标切换到图像资源，如图8-24所示。（3）选择要插入的图像文件“p2p.gif”，利用鼠标拖动操作将图像插入，或者使用资源页签下面的“插入”命令按钮完成图像的插入。 图 8-24 8.4.3插入音频在网页中插入音频常见的方式可以说有三种：◆手写代码添加背景音乐;◆链接到音频文件;◆嵌入音频文件。 1.手写代码添加背景音乐（1）打开我们前面编辑的文件“index.html”。（2）切换视图到“代码”视图，找到/body标记（可以通过Ctrl+F快捷键或者菜单“编辑/查找和替换”快速查找），并将光标定位在其之前。（3）在光标的位置写下代码bgsound src=“midi/zdan.mp3”，如图8-25所示。（4）按下F12键试听刚才添加的背景音乐效果。如果需要设置背景音乐的其它参数比如循环、延迟、平衡、音量属性还可以继续编写代码。  图 8-25  2.链接到音频文件（1）选择用来链接音频文件的文本、图元或者其他对象。（2）在对应属性面板的“链接”列表中输入音频文件的路径和名称，或者通过“浏览”按钮直接选择即可。  3.嵌入音频文件（1）打开我们前面编辑的文件“index.html”。（2）单击单元格将嵌入音频媒体插件的位置定位。（3）单击插入面板组常用工具栏中的“媒体”图标，选择“插件”，如图8-26所示。 图 8-26 （4）在弹出的选择文件对话框中选择文件“zdan.mp3”，然后单击“确定”。（5）此时用于嵌入音频媒体插件的图标已显示在当前单元格中，在属性面板中定义其宽度和高度。（6）按F12预览其效果，在浏览器中可能会弹出“限制此文件显示”的字样，在“单击此处查看选项…”处单击选择“允许阻止的内容”如图8-27所示，即可显示嵌入的音频播放器，如图8-28所示。 图 8-27 图 8-28 8.4.4插入视频在网页中常见的视频有两种：即Flash视频和非Flash视频。1.在网页中插入Flash视频（1）打开前面制作的“index.html”文件，在单元格单击确定插入点的位置。（2）点击插入面板组常用工具栏的“媒体”按钮，选择“Flash Video”，如图8-29所示。 图 8-29 （3）在弹出的“插入Flash视频”对话框中做如图8-30所示的设置，然后单击“确定”。 图 8-30 ①在“视频类型”列表框中有“累进式下载视频”