网页设计与制作 邬锦霞 第12章 插入网络组件和多媒体

《网页设计与制作 邬锦霞 第12章 插入网络组件和多媒体》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章插入网络组件和多媒体本章导读本章介绍如何使用网络组件和多媒体：主要内容包括Flash对象、JavaApplet程序、Flash视频、背景音乐、ActiveX控件、Shockwave对象等插件在网页中应用。本章要点Flash对象的使用Flash视频的使用JavaApplet程序的使用背景音乐的使用ActiveX控件的使用Shockwave对象的应用在网页制作中，除了使用文本和图像这两个重要的元素以外，动画和声音的适当运用也可使网页更加丰富多彩。应用Dreamweaver8，可以在网页中插入Flash动画、Fl

2、ash按钮、Flash文本、Applet程序、ActiveX控件和背景音乐，以及利用插件在网页中插入音频等。12.1插入Flash对象网页中的动画一般有两种形式：一种是GIF动画，由若干个JPEG或GIF图片轮换而成；而另一种则是由Flash软件制作的SWF动画文件。Flash动画以其文件小、效果绚丽，并生成矢量动画而成为网页制作中不可或缺的元素，被越来越多地应用于网页制作中。同时，Flash动画的制作质量更成为衡量一个网站制作水平高低的标准。因此，将网页的动画制作成为Flash成为广大设计师的首选。12.1.1插

3、入Flash动画下面以实例说明如何把Flash动画插入到网页中，具体步骤如下：（1）将光标定位于文档中表格的单元格中，如图1所示。图1：（2）选择菜单命令【插入】媒体】Flash】，弹出【选择文件】对话框，如图2所示。图2：（3）在对话框中选择要插入的Flash动画文件。（4）单击【确定】按钮，在接下来的【对象标签辅助功能属性】对话框中设置标题，如图3所示。图3：（5）单击【确定】按钮，在文档中插入动画，Flash动画在文档中显示为一个灰色框，如图4所示。图4：（6）单击插入的Flash动画，在【属性】面板中设置相

4、关属性，此时【属性】面板如图5所示。图5:（7）在【属性】面板左上角直接显示了Falsh的文件大小，在下部的文本框中可以设置插入Falsh的名称，在此设置为“在线动画”。（8）选中“循环”复选框，则该动画将在页面浏览时连续播放，如不选中则该动画只播放一次，默认为选中状态。（9）选择“自动播放”复选框，可以设置在浏览网页时动画是否同时播放，默认为选中状态。（10）在【属性】面板中可以设置Flash文件的宽、高以及垂直边距、水平边距。（11）单击【编辑】按钮可以使用Flash编辑器对该Flash动画进行编辑，单击“重设

5、大小”按钮，可以设置Flash动画的宽度和高度为实际大小。（12）通过设置【品质】下拉列表框中的选项，可以设置Flash动画画面的品质，此处有低品质、自动低品质、自动高品质、高品质4个选项，默认是高品质。（13）在【比例】下拉列表框中有3种比例可选，即默认（全部显示）、无边框和严格匹配，默认是全部显示，可以根据实际需要进行设置。（14）设置Flash动画的对齐方式，在此提供了默认值、基线、顶端、居中、底部、文本上方、绝对居中、绝对底部8种对齐方式。（15）设置动画的背景颜色，当动画没有显示出来时在动画的位置显示背景

6、颜色。（16）单击【播放】按钮，可以在Dreamweaver8的文档视图中直接测试播放当前动画，此时按钮变为【停止】，单击此按钮则停止播放动画。12.1.2插入Flash按钮为了使不会使用Flash的用户同样可以制作出具有专业效果的Flash按钮或者文本，Dreamweaver8中内置了制作Flash按钮和文本的功能，应用其内置的样式可以制作精美的Flash按钮，具体步骤如下：（1）定位于要插入Flash按钮的位置，如图6所示。图6:（2）选择菜单命令【插入》媒体》Falsh按钮】，打开【插入Flash按钮】对话框

7、，如图7所示。图7:（3）对话框种各参数的设置如下：范例：可以通过【范例】右侧的窗口直接预览Flash按钮的动画效果；样式：通过选择样式的名称，可以在范例右侧窗口中显示Flash按钮的样式；按钮文本：可以设置按钮上的文本内容，此处输入“EnterMySite”；字体：选择所写文本内容的字体；大小：设置文本内容的大小；链接：设置Flash按钮的链接路径，也可以单击“浏览”按钮，选择链接文件的路径和名称；目标：设置链接的打开方式，有_blank，_parent，_self，_top4种，此处选择_parent；背景色：

8、设置Falsh按钮的背景颜色，此处设为#999999；另存为：设置生成的Flash按钮的文件名称，此处设为enter.swf。（4）设置完成的对话框如图8所示。图8:（5）单击【确定】按钮，关闭当前对话框，在弹出的【Flash辅助功能属性设置】对话框中设置标题为【进入站点】，如图9所示。图9:（6）保存文档，在浏览器中预览网页，效果如图10所示。图10:12