第10讲css样式-链接-框架网页-多媒体.ppt

示例5_创建和保存框架网页 在站点中新建框架网页，框架集样式“水平拆分” 在上方框架网页中插入图片“logo.jpg” 在下方框架网页中输入文字“我的框架网页” 依次保存框架集和每个框架 框架集保存为kjj.html 上方框架网页保存为kj-top.html 下方框架网页保存为kj-under.html 网页中的媒体 插入媒体类型 插入FLASH文件 插入插件(音频、视频) 插入ActiveX控件 插入媒体方法 选择“插入/媒体”菜单命令 或(选择“常用”工具栏上“媒体”按钮) 在网页中插入FLASH动画 Flash动画是网页上最流行的动画格式。 在Dreamweaver CS4中，Flash动画也是最常用的多媒体插件之一，它将声音、图像和动画等内容加入到一个文件中并能制作较好的动画效果，同时使用了优化的算法将多媒体数据进行压缩，是文件变得很小，因此，非常适合在网上传播。 插入FLASH动画方法 将光标移至所需插入Flash动画的位置 打开“插入”菜单，选择“媒体”中的“SWF” 打开“选择文件对话框 选择所需插入的Flash动画 也可以通过“常用”工具栏中的“媒体”中“SWF”插入Flash动画 设置FLASH动画属性 在网页文档中插入Flash动画文件后，选中Flash动画 在“属性”面板中设置属性 网页中的声音格式 在Dreamweaver CS4中，可以向网页文档添加多种不同类型的声音文件和格式，例如.wav、.midi和.mp3。 根据要添加声音的目的、文件大小、声音品质等要素，来确定插入哪种格式和方法。 插入声音文件方法 将光标移至所需插入声音文件的位置 打开“插入”菜单，选择“媒体”中的“插件” 打开“选择文件对话框 选择所需插入的声音文件 也可以通过“常用”工具栏中的“媒体”中“插件”插入声音文件 设置声音属性 在网页文档中插入声音文件后，选中插件符号 在“属性”面板中设置音频属性 通过“编辑标签”设置音频属性 选择插件符号，按右键，选择“编辑标签”，打开“标签编辑器”对话框 可以设置音频“自动播放”、“循环”、“隐藏” 插入视频文件方法 将光标移至所需插入声音文件的位置 打开“插入”菜单，选择“媒体”中的“插件” 打开“选择文件对话框 选择所需插入的文件 也可以通过“常用”工具栏中的“媒体”中“插件”插入视频文件 设置视频属性 在网页文档中插入视频文件后，选中插件符号 在“属性”面板中设置属性 示例8_网页中添加多媒体对象 在main.html网页的右下方插入视频film.wmv(文件在sc2文件夹中)，宽170，高200 先将该单元格拆分成2行 在smsc.html网页中插入Flash文件flash.swf(文件在sc2文件夹中)，宽585，高140 在smsc.html网页中插入音频文件sound_01.mp3，(文件在sc2文件夹中任选)，隐藏插件符号，能循环自动播放。 * 框架的编辑 通过“框架”面板选择框架集和框架 “窗口”菜单/“框架”，打开框架面板 鼠标点击选择 调整框架大小 通过鼠标拖动框架边框 在“框架”属性面板上可以设置精确设置 注意： 在编辑框架时，如果框架边框不可见 选择“查看/可视化助理/框架边框”，使框架边框可见 * 框架中的链接设置 框架中的链接 在一个框架中使用链接在另一个框架中打开网页 链接设置方法 选择文本或对象 在“属性”面板的“链接”中，点击文件夹图标 打开“选择文件”对话框，选择链接到的文件 在“属性”面板的“目标”下拉菜单中，选择显示方式 注意：框架中的链接必须在框架集中设置，否则无法选择显示方式 * 示例7_框架中的链接设置 设置上方框架中的链接 设置“首页”链接到“main.html” “网上冲印”链接到“wscy.html” 设置链接网页显示方式 在“属性”面板的“目标”下拉菜单中，选择“mainFrame”显示方式 “数码商城” 链接到“smsc.html”，在新页面中打开 * * * * * * * * * * * 课堂练习 完成示例1－8 在完成示例1－8基础上，完成下列操作 设置main.html网页图片的热点链接，链接到SC2文件夹中Flash.swf 设置wscy.html网页图片中文字“冲印我的相册”的图片热点链接，链接到cyxc.html 网页属性设置 将框架网页index.html标题设置为“E派网上冲印店” 将top.html网页中“链接颜色”、“已访问过的链接颜色”均设为#FFFFFF，链接始终无下划线 * 课后练习 实验指导 P187：实验28，范例(4)、(5)、(6) P192：实验29，范例(4)、(5) * 下周教学内容 网页中的特殊效果 表单 * DreamwaverCS4 CSS