第10讲_CSS样式链接框架网页多媒体详解.ppt

* 创建框架网页 创建框架网页步骤 打开“文件”菜单，选择“新建 ” 打开“新建文档”对话框 选择“示例中的页” 在“示例文件夹”中选择“框架页” 选择框架类型 保存框架网页 选择“文件/保存全部”菜单命令，依次保存框架集和框架 打开“保存为”对话框 按提示依次保存框架集和每个框架 框架集和框架都是以网页形式保存的 * 框架集 框架 示例5_创建和保存框架网页 在站点中新建框架网页，框架集样式“水平拆分” 在上方框架网页中插入图片“logo.jpg” 在下方框架网页中输入文字“我的框架网页” 依次保存框架集和每个框架 框架集保存为kjj.html 上方框架网页保存为kj-top.html 下方框架网页保存为kj-under.html * * 框架中打开网页 将插入点放置在框架网页中 打开“文件”菜单，选择“在框架中打开” 打开“选择HTML文件”对话框 选择要在该框架中打开的网页 * 示例6_框架中打开网页 打开“Mysite”站点 在站点中新建框架网页，框架集样式“上方固定” 在上方框架中打开网页“Top.html”网页 在下方框架中打开Main.html网页 保存框架集为“Index.html” * 框架的编辑 通过“框架”面板选择框架集和框架 “窗口”菜单/“框架”，打开框架面板 鼠标点击选择 调整框架大小 通过鼠标拖动框架边框 在“框架”属性面板上可以精确设置 注意： 在编辑框架时，如果框架边框不可见，选择“查看/可视化助理/框架边框”，使框架边框可见 * 框架中的链接设置 框架中的链接 在一个框架中使用链接在另一个框架中打开网页 链接设置方法 选择文本或对象 在“属性”面板的“链接”中，点击文件夹图标 打开“选择文件”对话框，选择链接到的文件 在“属性”面板的“目标”下拉菜单中，选择显示链接文件的位置 注意：框架中的链接必须在框架集中设置，否则无法选择显示方式 设置打开链接文件的位置 设置链接的文件 * 示例7_框架中的链接设置 设置上方框架中的链接 设置“首页”链接到“main.html” “网上冲印”链接到“wscy.html”，在下面的框架中打开 设置链接网页显示方式 在“属性”面板的“目标”下拉菜单中，选择“mainFrame”显示方式（下面的框架是mainFrame） “数码商城” 链接到“smsc.html”，在新页面中打开 设置链接网页显示方式 在“属性”面板的“目标”下拉菜单中，选择“_blank”显示方式 网页中的媒体 插入媒体类型 插入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文件夹中)，