《第7章 制作多媒体网页教学课件 网页制作基础教程(Dreamweaver CS6 第2版) .pptx》由会员分享,可在线阅读,更多相关《第7章 制作多媒体网页教学课件 网页制作基础教程(Dreamweaver CS6 第2版) .pptx(18页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第7章 制作多媒体网页教学课件 网页制作基础教程(Dreamweaver CS6 第2版)工信版主 编 黄洪杰 电子工业出版社电子工业出版社网页制作基础教程网页制作基础教程(Dreamweaver CS6(Dreamweaver CS6 第第2 2版版)电子教案电子教案第第7 7章章 制作多媒体网页制作多媒体网页项目项目1 1 在网页中插入多媒体文件在网页中插入多媒体文件子项目子项目1 1 插入音乐插入音乐添加背景音乐可以使网页突出多媒体功能。音乐最好采用轻音乐、流水声、鸟叫声或者其他与网页内容相关的声音文件。单击“插入”菜单,选择“媒体”下的“插件”命令,在弹出的“选择文件”对话框中,选择存
2、放音乐文件的文件夹,选择事先确定好的音乐文件,单击“确定”按钮。子项目子项目1 1 插入音乐插入音乐此时在网页上出现一个插件图标,选中该图标,修改属性面板上的宽为230,高为50。这样网页上将会出现一个宽为230,高为50的区域来显示音乐播放器。子项目子项目1 1 插入音乐插入音乐在Dreamweaver中选择该插件,然后在属性面板中单击“参数”按钮,在弹出的“参数”对话框中,输入“hidden”作为参数的值,输入“false”作为“值”的值。这两个参数的作用是隐藏播放器插件。子项目子项目2 2 插入插入FlashFlash动画动画应用广泛的Flash文件主要由两种,SWF文件主要是动画文件;
3、FLV文件主要是视频文件。单击“插入”菜单,选择“媒体”下的“SWF”命令,在弹出的“选择SWF”文件对话框中,打开存放网页素材的文件夹,选择要插入的SWF文件,单击“确定”按钮。子项目子项目2 2 插入插入FlashFlash动画动画此时可以发现在网页上出现一个Flash控件的区域,选中该控件图标,在属性面板上可以修改其大小。保存网页时,会弹出“复制相关文件”对话框,单击“确定”按钮后,Dreamweaver会将辅助SWF显示的文件复制到网站中。子项目子项目3 3 插入视频插入视频首先确定视频文件的位置,然后,单击“插入”菜单,选择“媒体”下的“插件”命令,在弹出的“选择文件”对话框中,找到
4、“网站素材”文件夹中的视频文件,单击“确定”按钮。子项目子项目3 3 插入视频插入视频保存后,可以发现网页中出现一个插件的区域。选中该插件区域,在属性面板中,可以修改插件大小。预览网页,视频自动播放。子项目子项目1 Spry1 Spry页面特效页面特效子项目子项目1 1 创建创建SprySpry菜单栏菜单栏单击“插入”菜单,选择“Spry”下的“Spry菜单栏”命令,在弹出的“Spry菜单栏”对话框中,选择水平的布局样式。注意,由于本样式涉及到整个网页的布局样式,一旦选取就不容易更改了,所以一定要实现规划好。单击“确定”按钮。子项目子项目1 1 创建创建SprySpry菜单栏菜单栏在网页中出现
5、Spry菜单栏后,会有项目1、项目2、项目3、项目4等项目。在属性面板上可以对这些项目的名称和内容进行设置。子项目子项目1 1 创建创建SprySpry菜单栏菜单栏修改后的属性面板,如图:子项目子项目2 2 创建创建SprySpry选项卡选项卡Spry选项卡在网页上比较常见,它使得浏览者不刷新网页的情况下,在同一位置显示不同的内容。单击“插入”菜单,在弹出的菜单中选择“Spry”下的“Spry选项卡式面板”命令,此时,网页上出现Spry选项卡,同时属性面板显示与之相关的内容。子项目子项目2 2 创建创建SprySpry选项卡选项卡在“属性”面板中,可以对选项卡进行设置。子项目子项目2 2 创建创建SprySpry选项卡选项卡预览网页,选项卡显示不同内容。