【网页设计】插入多媒体元素（可编辑）.docVIP

【网页设计】插入多媒体元素 YANGTZE NORMAL UNIVERSITY 1 1 7.1 插入Flash元素 7.2 添加声音 2 2 3 3 7.3 插入视频 4 4 7.4 多媒体标记介绍 YANGTZE NORMAL UNIVERSITY 7.1 插入 F l a s h动画 插入动画 1. 在Dreamweaver 8中可以直接插入Flash动画,即扩展名为.swf的Flash 的播放文件YANGTZE NORMAL UNIVERSITY 7.1 插入 F l a s h动画 插入动画 2. 单击【插入】→【媒体】→【Flash】选项,如图7.2所示.,弹出“选择 文件”对话框,在其中选择要打开的Flash动画文件,如图7.3所示,这里 选择文件。 图 6. 3 插入Flash 图 6.3 选择Flash文件 YANGTZE NORMAL UNIVERSITY 7.1 插入 F l a s h动画 插入动画 3.单击“确定”按钮后,插入的Flash并不会在设计视图中显示内容,而是 以一个带有字母F的灰色框来表示,如图6.4所示。保存文件并预览,效果 如图6.5所示。图 6.4 插入的Flash 图 6.5 Flash预览 YANGTZE NORMAL UNIVERSITY 7.2 插入 F l a s h按钮插入flash按钮 插入Flash按钮后,可以通过【属性】面板对其进行设置,如图7.6所示。 图 7.6 Flash【属性】面板 YANGTZE NORMAL UNIVERSITY 7.3 插入 F l a s h文本技巧1: 插入Flash文本的方法 1. 将光标定位到页面右侧的单元格中,如图7.7所示。 光标位置 图 7.7 光标定位 YANGTZE NORMAL UNIVERSITY 7.3 插入 F l a s h文本技巧1: 插入Flash文本的方法 2.单击【插入】→【媒体】→【Flash文本】选项,弹出“插入Flash文 本”对话框,并在其中进行设置,如图7.8所示。 图 7.8 “插入Flash文本”对话框 YANGTZE NORMAL UNIVERSITY 7.3 插入 F l a s h文本技巧1: 插入Flash文本的方法 3.单击“确定”按钮,插入后的Flash文本如图7.9所示,保存文件并预 览,效果如图7.10所示。 图 7.9 “设计视图”中的Flash文本 图 7.10 浏览器中的Flash文本 YANGTZE NORMAL UNIVERSITY 7.4 插入图像查看器插入-媒体-图像查看器属性设置 imageurls:图像位置,选择图像源文件 Imagelinks:图像链接 Imagelinktarget:图像链接目标 Transitiontype:图片切换方式YANGTZE NORMAL UNIVERSITY 7.5 插入视频 1 插入FLASH视频 2 插入视频2.单击【插入】→【媒体】→【插件】选项,弹出“选择文件”对话 框,选择要插入的视频文件,如图7.20所示。 图 7.20 选择视频文件 YANGTZE NORMAL UNIVERSITY 7.5 插入视频 常用的视频格式 视频文件的格式非常多,常见的有MPEG、AVI、WMV、RM、MOV等。 MPEG(或MPG)是一种压缩比率较大的活动图像和声音的视频压缩 标准,它也是VCD光盘所使用的标准;AVI是一种Microsoft Windows操作系统所使用的多媒体文件格式。 WMV是一种Windows操作系统自带的媒体播放器Windows Media Player所使用的多媒体文件格式。 RM是Real公司推广的一种多媒体文件格式,具有非常好的压缩比率, 是网上应用最广泛的格式之一。 MOV是Apple公司推广的一种多媒体文件格式。 YANGTZE NORMAL UNIVERSITY 7.5 插入视频? 插入视频 3.单击“确定”按钮,并调整到适当大小,插入后的视频文件如图6.21 所示,保存文件并预览,效果如图6.22所示。 图 6.21 “设计视图”中的视频文件图 6.22 浏览器中的视频文件 YANGTZE NORMAL UNIVERSITY 7.6 插入FlashPaperFlashPaper 是Macromedia推出的一款电子文档类工具 ,可以将需要的文档通过简单的设置转换为SWF格式的 Flash动画,原文档的排版样式和字体显示不会受到影响 ,这样做的好处是不论对方的平台和语言版本是什么,都 可以自由的观看你所制作的电子文档动画,并可以进行自 由的放大,缩小和打印,翻页等操作,对文档的传播非常 有好处