网站制作与编辑课件.ppt

《网站制作与编辑课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作$[知识目标]掌握在Dreamweaver8中插入音频文件的方法掌握在Dreamweaver8中插入Flash文件的方法掌握在Dreamweaver8中嵌入视频文件的方法8[能力目标]掌握在网页中插入各种音频文件的操作掌握在网页中插入Flash文件的操作掌握在网页插入视频文件的操作第10章网页中的多媒体应用10.1在网页中插入音频10.2在网页中插入Flash动画10.3在网页中插入视频本章小结第10章网页中的多媒体应用10.1在网页中插入音频10.1.1链接到音频文件10.1.2在网页中嵌入音频文件10.1.3在

2、网页加入背景音乐1．打开网页文档，选择链接到音频文件的链接载体。2．在“属性检查器”中单击“链接”后的“浏览”按钮，打开选择文件对话框，如图所示。3．选择要链接的音频文件,如yxdchb.wam4．单击“确定”，退出对话框，文字加入了音频链接。5．保存并在浏览器中预览网页，播放音频文件。10.1.1链接到音频文件10.1在网页中插入音频1．打开要嵌入音频文件的网页，定位光标在要插入音频的位置。如左图所示。2．单击菜单栏中“插入”

3、“媒体”

4、“插件”命令，打开选择文件对话框，选择要插入的音频文件，在网页插入相应的音频文件

5、，如右图所示。。10.1.2在网页中嵌入音频文件10.1在网页中插入音频3．保存并在浏览器中预览网页，播放器没有完全显示出来，如左图所示。4．返回Dreamweaver8，选择插件，在属性面板中设置高度和宽度值，到播放器完全显示，浏览者可以对音频文件的播放进行控制。如右图所示。10.1.2在网页中嵌入音频文件10.1在网页中插入音频1．打开要加入背景音乐的网页，定位光标在网页起始位置，如图所示。2．单击菜单栏中“插入”

6、“媒体”

7、“插件”命令，打开选择文件对话框。3．在“选择文件”对话框，选择要插入的音频文件，单击“确定

8、”，网页中插入了音频插件。10.1.3在网页加入背景音乐10.1在网页中插入音频4．选择音频插件，单击“属性检查器”中的“参数”按钮，打开参数对话框，如图所示。5．在对话框中,“+”可以增加参数,输入下列参数和值:参数“hidden”，值为“true”;参数“autostart”，值为“true”;参数“loop”，值为“infinite”。6．单击“确定”，为网页添加了背景音乐。7．保存并在浏览器中预览网页，观看效果。10.1.3在网页加入背景音乐10.1在网页中插入音频10.2在网页中插入Flash动画10.2.1插入Fla

9、sh文本10.2.2插入Flash按钮10.2.3插入Flash动画1．新建并保存网页,定位光标在插入Flash文本的位置.2．执行以下操作之一：•单击菜单栏中“插入”

10、“媒体”

11、“Flash文本”命令。•在“插入”栏的“常用”类别中，选择“媒体”，单击“Flash文本”如图所示。10.2.1插入Flash文本10.2在网页中插入Flash动画3．打开插入Flash文本对话框，如图所示。10.2.1插入Flash文本10.2在网页中插入Flash动画4．对话框主要设置如下：“字体”:设置Flash文本的字体,设为“华文新魏”。“

12、大小”:设置Flash文本的字号大小，设为“18”。“颜色”：设置Flash文本的颜色。“转滚颜色”:设置当鼠标经过文本时，文本的颜色。“文本”：输入文本内容。“链接”：设置Flash文本的链接目标。“背景色”：设置Flash文本的背景颜色。“另存为”：保存插入的Flash文本的文件，单击浏览可以选择文件的存放位置。10.2.1插入Flash文本10.2在网页中插入Flash动画5．对话框设置完成，单击“确定”按钮，在网页插入了Flash文本，如图所示。6．保存并在浏览器中预览网页，观看效果。10.2.1插入Flash文本10.

13、2在网页中插入Flash动画1．新建并保存网页，定位光标在要插入Flash按钮的位置。2．执行以下操作之一：•单击菜单栏中“插入”

14、“媒体”

15、“Flash按钮”命令。•在“插入”栏的“常用”类别中，选择“媒体”，单击“Flash按钮”。10.2.2插入Flash按钮10.2在网页中插入Flash动画3．打开插入Flash按钮对话框，如图所示。10.2.2插入Flash按钮10.2在网页中插入Flash动画4．对话框主要设置如下：“样式”：在下拉列表中选择Flash按钮的样式，如选择“DiamondSpinner”。“范例”：预览

16、选择的样式。“按钮文本”：输入Flash按钮上的文本，如输入“返回首页”。“字体”：设置Flash按钮上文本的字体，如设置为“华文行楷”。“大小”：设置Flash按钮上文本的字号大小，如设置为“16”。“链接”：设置Flash按钮的链接目标。“背景色”：用于设置