网页设计与制作邬锦霞电子教案 第12章 插入网络组件和多媒体.pptVIP

第12章 插入网络组件和多媒体 本章导读 本章介绍如何使用网络组件和多媒体：主要内容包括Flash对象、Java Applet程序、Flash视频、背景音乐、ActiveX 控件、Shockwave对象等插件在网页中应用。 本章要点 Flash对象的使用 Flash视频的使用 Java Applet程序的使用 背景音乐的使用 ActiveX 控件的使用 Shockwave对象的应用 在网页制作中，除了使用文本和图像这两个重要的元素以外，动画和声音的适当运用也可使网页更加丰富多彩。应用Dreamweaver 8，可以在网页中插入Flash动画、Flash按钮、Flash文本、Applet程序、ActiveX控件和背景音乐，以及利用插件在网页中插入音频等。 12.1 插入Flash对象 网页中的动画一般有两种形式：一种是GIF动画，由若干个JPEG或GIF图片轮换而成；而另一种则是由Flash软件制作的SWF动画文件。Flash动画以其文件小、效果绚丽，并生成矢量动画而成为网页制作中不可或缺的元素，被越来越多地应用于网页制作中。同时，Flash动画的制作质量更成为衡量一个网站制作水平高低的标准。因此，将网页的动画制作成为Flash成为广大设计师的首选。 12.1.1 插入Flash动画 下面以实例说明如何把Flash动画插入到网页中，具体步骤如下： （1）将光标定位于文档中表格的单元格中，如图1所示。 图1： （2）选择菜单命令【插入】媒体】Flash】，弹出【选择文件】对话框，如图2所示。 图2： （3）在对话框中选择要插入的Flash动画文件。 （4）单击【确定】按钮，在接下来的【对象标签辅助功能属性】对话框中设置标题，如图3所示。 图3： （5）单击【确定】按钮，在文档中插入动画，Flash动画在文档中显示为一个灰色框，如图4所示。 图4： （6）单击插入的Flash动画，在【属性】面板中设置相关属性，此时【属性】面板如图5所示。 图5: （7）在【属性】面板左上角直接显示了Falsh的文件大小，在下部的文本框中可以设置插入Falsh的名称，在此设置为“在线动画”。 （8）选中“循环”复选框，则该动画将在页面浏览时连续播放，如不选中则该动画只播放一次，默认为选中状态。 （9）选择“自动播放”复选框，可以设置在浏览网页时动画是否同时播放，默认为选中状态。 （10）在【属性】面板中可以设置Flash文件的宽、高以及垂直边距、水平边距。 （11）单击【编辑】按钮可以使用Flash编辑器对该Flash动画进行编辑，单击“重设大小”按钮，可以设置Flash动画的宽度和高度为实际大小。 （12）通过设置【品质】下拉列表框中的选项，可以设置Flash动画画面的品质，此处有低品质、自动低品质、自动高品质、高品质4个选项，默认是高品质。 （13）在【比例】下拉列表框中有3种比例可选，即默认（全部显示）、无边框和严格匹配，默认是全部显示，可以根据实际需要进行设置。 （14）设置Flash动画的对齐方式，在此提供了默认值、基线、顶端、居中、底部、文本上方、绝对居中、绝对底部8种对齐方式。 （15）设置动画的背景颜色，当动画没有显示出来时在动画的位置显示背景颜色。 （16）单击【播放】按钮，可以在Dreamweaver 8的文档视图中直接测试播放当前动画，此时按钮变为【停止】，单击此按钮则停止播放动画。 12.1.2 插入Flash按钮 为了使不会使用Flash的用户同样可以制作出具有专业效果的Flash按钮或者文本，Dreamweaver 8中内置了制作Flash按钮和文本的功能，应用其内置的样式可以制作精美的Flash按钮，具体步骤如下： （1）定位于要插入Flash按钮的位置，如图6所示。 图6: （2）选择菜单命令【插入》媒体》Falsh按钮】，打开【插入Flash按钮】对话框，如图7所示。 图7: （3）对话框种各参数的设置如下： 范例：可以通过【范例】右侧的窗口直接预览Flash按钮的动画效果； 样式：通过选择样式的名称，可以在范例右侧窗口中显示Flash按钮的样式； 按钮文本：可以设置按钮上的文本内容，此处输入“Enter MySite”； 字体：选择所写文本内容的字体； 大小：设置文本内容的大小； 链接：设置Flash按钮的链接路径，也可以单击“浏览”按钮，选择链接文件的路径和名称； 目标：设置链接的打开方式，有_blank，_parent，_self，_top4种，此处选择_parent； 背景色：设置Falsh按钮的背景颜色，此处设为#999999； 另存为：设置生成的Flash按钮的文件名称，此处设为enter.swf。 （4）设置完成的对话框如图8所示。 图8: （5）单击【确定】按钮，关闭当前对话框，在