《Dreamweaver MX网页设计与制作 教学课件 ppt 作者 曾立 第4章》由会员分享，可在线阅读，更多相关《Dreamweaver MX网页设计与制作 教学课件 ppt 作者 曾立 第4章（22页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver网页设计和制作,第4章 有声有色的页面效果 4.1插入视频 4.2插入音频 4.3插入动画,本章任务,认识媒体面板 在网页中插入视频 在网页中插入音频 在网页中插入Flash对象（按钮、文本、动画） 在网页中插入Shockwave动画 在网页中插入插件 在网页中插入ActiveX控件 播放插入到网页中的插件,引入,Dreamweaver MX做得很优秀。它集成了生成Flash动画文件的功能，可直接在网页中插入Flash文本和Flash按钮，并生成相应的动画文件，用户也可以将做好了的Flash动画添加到网页中。更一般地，Dreamweaver MX提供插入多媒体插件和安装外
2、部插件的功能，用户可在网页中插入更多格式的音频文件、视频剪辑。,媒体素材的获得,Dreamweaver MX自带 网络下载 从素材库导入 自己制作,Dreamweaver MX自带,在Dreamweaver MX中集成了许多Flash按钮，可以在Dreamweaver MX页面中方便地插入Flash按钮和Flash文本。,注意： 要正确使用Dreamweaver MX自带的Flash按钮和Flash文本，站点路径中不能存在中文字。,网络下载,大多数的媒体在Dreamweaver MX中并没有集成，这时可以通过网络来下载。提供各种媒体下载的网站非常多，如果不知道具体的网址，可通过google、百
3、度等搜索引擎搜索。,注意：仔细察看下载的版权信息，以免引发版权纠纷。,从素材库导入,你可以到市面上去购买一些素材类的光盘。然后导入在Dreamweaver MX中。,注意：仔细察看版权信息，以免引发版权纠纷。,自己制作,使用以上3种方法导入的素材，有可能不太适合，就需要进行一些加工。需要制作者学习一些图形处理、动画处理方面的知识。,注意：处理图形推荐使用photoshop，动画推荐使用flash，矢量图形推荐使用Illustrator、CorelDEAW。,4.1 插入flash,Flash动画由Macromedia公司的Flash动画制作软件创建，目前已经成为Internet上矢量动画的标准
4、，是制作网上矢量图形和动画的首选软件。 Flash、Dreamweaver和Fireworks并称为Macromedia公司的网络三剑客。,插入Flash影片,将光标定位到页面中要插入Flash影片的位置。 在“插入”面版中的“媒体”面板中单击“flash”按钮。 在弹出的对话框中插入的Flash播放文件（格式为：*.swf）。,Flash属性,Flash：用于设置Flash影片的名称，以便在脚本中引用。 宽和高：用于设置Flash影片的宽度和高度。可在数值框中直接输入数值改变其大小，也可以通过在页面中拖动缩放手柄来改变其大小（不建议使用此方式）。宽度的默认单位是Pix（像素）。 文件：用于设
5、置Flash影片文件的路径。可直接在文本框中输入文件路径，也可以单击 图标，打开“选择Flash文件”对话框来选择需要的源文件，还可以直接拖动 按钮到需选择的Flash文件图标处。,对齐：用于设置影片的对齐方式。可以从下拉列表中选择。有默认值、基线、顶端、居中、底部、文本上方、绝对居中、绝对底部、左对齐、右对齐10个选项。 背景颜色：用于设置影片区域的背景颜色。 垂直边距和水平边距：用于设置影片上下和左右空白区域的像素值，可以在数值框中输入单位是像素的间距值。 品质：用于设置Flash影片的显示质量。 “高品质”将有最好的影片质量，但是需要高速处理器；“低品质”表示着重显示的速度，而不是显示的
6、质量；“自动低品质”表示显示的开始更着重显示速度，但是随后会尽可能地提高显示质量；“自动高品质”表示开始显示时速度和质量并重，但是随后会尽可能地提高显示速度，而降低显示质量。 比例：用于设置Flash影片的显示比例。有“全部显示”、“无边框”和“严格匹配”3个选项。全部显示与无边框显示只是一部分动画可能会被剪掉；严格匹配则会显示全部对象，但是可能会失真。,“参数”对话框，在该对话框中可以输入一些附加参数。,透明flash小技巧：把一张图片做为背景放在一个单元格中，然后在此单元格中插入flash，然后如上图设置参数，此时我们就能透过flash看到背后的图片了。,Flash属性,Flash：用于设
7、置Flash影片的名称，以便在脚本中引用。 宽和高：用于设置Flash影片的宽度和高度。可在数值框中直接输入数值改变其大小，也可以通过在页面中拖动缩放手柄来改变其大小（不建议使用此方式）。宽度的默认单位是Pix（像素）。 文件：用于设置Flash影片文件的路径。可直接在文本框中输入文件路径，也可以单击 图标，打开“选择Flash文件”对话框来选择需要的源文件，还可以直接拖动 按钮到需选择的Flash文件图标处。,4.2 插入其他动态元素,插入Shockwave影片 插入Applet 插入ActiveX控件,4.3 插入插件,如果想在浏览器中访问更多类型的媒体对象，就必须借助于插件，前面所介绍的
8、Shockwave就是插件中的一员。插件的类型主要有对象类、命令类、行为类、组件类4种，我们常使用的是对象类插件。,插入视频文件,插入视频文件 设置视频剪辑播放属性,注意：视频格式非常多，如果要正确播放需要计算机上安装有相应的播放插件。,插入音频文件,直接插入音频文件 方法和插入视频文件相同 设置背景音乐 编辑代码 使用行为,注意： 1、声音文件有多种格式，如midi 或mid、wav、aif、mp3、ra、ram、rpm及Real Audio等。播放wav、aif和midi文件不需要插件。mp3、ra、ram、rpm及Real Audio文件为压缩文件，ra、ram、rpm及Real Aud
9、io文件的压缩比例最大，要播放mp3文件，必须要安装插件。 2、为了不影响浏览速度网页音乐不能太大，最好采用midi或者SWF格式的声音文件。,编辑代码插入背景音乐法一,将要插入背景音乐的网页从设计视图切换至代码或拆分视图。 在和之间的任何地方加入 src指定音乐文件的位置 hidden=true 表示不显示播放器 loop=true表示循环播放。,编辑代码插入背景音乐法二,将要插入背景音乐的网页从设计视图切换至代码或拆分视图。 在和之间的任何地方加入 src指定音乐文件的位置 loop=-1表示循环播放。,使用行为插入背景音乐,快捷键Shift+F3打开行为菜单。 在下拉菜单中选择“播放声音”。 在弹出的对话框中选中需要的背景音乐。,实战,1、为自己制作的页面加上一段视频。 2、为自己制作的页面加上优美的背景音乐。,
