第10讲_CSS样式-链接-框架网页-多媒体-上海对外贸易学院.pptVIP

* 框架中的链接设置 框架中的链接 在一个框架中使用链接在另一个框架中打开网页 链接设置方法 选择文本或对象 在“属性”面板的“链接”中，点击文件夹图标 打开“选择文件”对话框，选择链接到的文件 在“属性”面板的“目标”下拉菜单中，选择显示方式 注意：框架中的链接必须在框架集中设置，否则无法选择显示方式 * 示例7_框架中的链接设置 设置上方框架中的链接 设置“首页”链接到“main.html” “网上冲印”链接到“wscy.html” “数码商城” 链接到“smsc.html” 设置链接网页显示方式 在“属性”面板的“目标”下拉菜单中，选择“mainFrame”显示方式 网页中的媒体 插入媒体类型 插入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网页中插入音频文件，(文件在sc2文件夹中任选)，隐藏插件符号，能循环自动播放。 * * 课堂练习 完成示例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样式\链接\框架网页\多媒体 * 回顾 创建本地站点和创建网页 创建表格和编辑表格 网页中添加文本 网页中添加图片 创建网页存放的位置 表格单元格大小调整 注意：先将所有内容(文字、图片)插入表格中，如果有需要再调整单元格 水平线颜色设置 * 教学内容 掌握CSS样式的创建和运用方法 掌握各种链接的创建方法 掌握框架网页的制作方法 掌握利用框架网页来组织由多个网页组成的画面 掌握框架网页中链接设置 网页中多媒体设置与应用 * 管理站点 打开站点 打开“站点”菜单，选择“管理站点”中“新建/站点”，在“本地根文件夹”中选择站点 删除站点 通过“文件/站点”，选择“管理站点”中选择要删除的站点，点击“删除” CSS