第10讲 多媒体对象插入和设置.pptVIP

《网页设计教程》 网页制作应用教程 2012.11 QQ 讲师：徐儒 上节回顾 创建DIV标签 DIV标签操作和设置 应用实例:飞舞的图片 插入Flash对象：影片、按钮、文本 插入音乐对象 插入视频对象 应用实例：用flash制作导航菜单 本节讲堂： 多媒体对象插入和设置 1、插入Flash对象和设置 了解的知识点： 网页中的多媒体对象简介 Flash对象简介 插入Flash影片剪辑动画和设置 插入Flash文本和设置 插入Flash按钮和设置 插入Flash Video 1.1多媒体对象简介 什么是多媒体： 多媒体技术是可以将文本、图形、图像、音频、视频等多媒体信息，经过计算机设备的获取、操作、编辑。存储等综合处理后，以单独或合成的形式表现出来的技术和方法。 网页中的多媒体： 为了丰富网站内容和增强网站动感，在网页中融入多媒体技术，插入图片，文字，视频，音频、动画等，从而使得网页的表现效果更受用户的青睐。 1.1多媒体对象简介 网页中多媒体对象的基本格式主要有： jpg、gif、png，txt，wav、wmv、avi、rm、mp4，MP3，swf等。 多媒体对象的主要来源： 系统集成、网络下载、自己制作 1.2 Flash对象简介 *.fla：Flash的源文件，只能在Flash应用程序中创建和打开， *.fla文件将其导出为SWF或SWT的格式文件，才可以在浏览器中播放。 *.swf：压缩格式的Flash文件，是运用于网络中最优的格式文件，可以在浏览器和Dreamweaver 8中播放。Dreamweaver 8集成了部分的Flash按钮和Flash文本文件。 *.swt：这种类型的文件允许对Flash动画文件中的信息进行编辑。它主要用在Flash按钮对象中，可以利用自己的文本或链接来修改模板，创建自己的SWF来插入到设计视图中。 1.3 插入Flash影片剪辑动画和设置 (1)插入Flash影片之前，首先在Flash制作软件中完成影片的制作，并导出成.swf格式。 (2)操作方法：【菜单】-【插入】-【媒体】-【Flash】 1.4 插入Flash文本和设置 Flash文本是Dreamweaver 8集成的文本动画，插入方法与与插入Flash影片的方法类似。 操作方法：【菜单】-【插入】-【媒体】-【Flash文本】 1.5 插入Flash按钮和设置 Flash文本是Dreamweaver 8集成的文本动画，在“\Dreamweaver 8\Configuration\Flash Objects \Flash Buttons and Flash Text”文件夹中可以查看这些文件。 操作方法：【菜单】-【插入】-【媒体】-【Flash按钮】 1.6 插入Flash Video对象和设置 插入Flash Video功能可以轻松实现对网页中插入Flash视频的显示播放和视频控件。 操作方法：【菜单】-【插入】-【媒体】-【Flash视频】 注： Flash Video格式为*.flv（流媒体格式） 2、插入视频对象 了解的知识点： 插入视频对象的方法和属性设置 2.1插入视频对象 操作方法：【菜单】-【插入】-【媒体】-【 插件】 2.1插入视频对象 运行效果： 3、插入音频对象 了解的知识点： 插入音频对象 插入背景音乐 3.1插入音频对象 常用音频格式：MP3 操作方法：【菜单】-【插入】-【媒体】-【 插件】 3.1插入音频对象 运行效果： 3.2插入背景音乐 方法一：设置音频的高度和宽度 高度：0px 宽度：0px 3.2插入背景音乐 方法二：拷贝代码到head/head区间 拷贝前代码： 拷贝后代码： 4、应用实例 实际案例:用flash制作导航菜单 4.1、创建表格 菜单布局：一行五列 4.2、添加flash按钮 （1）添加flash按钮； （2）添加链接地址和设置背景颜色等 （3）设置flash按钮属性：宽度、高度等 4.3、效果预览 （1）Dreamwaver编辑窗口预览 （2）浏览器窗口预览 上机练习 在网页中进行多媒体对象的插入和设置的练习。在练习过程中，运用课堂讲解的创建flash对象和设置对象属性、创建音频视频对象和属性设置，及综合应用等知识，进行综合练习。 《网页设计教程》