项目四图像和媒体编排旅游网页.ppt

Dreamweaver8中文版网页制作基础 项目四图像和媒体 编排旅游网页 任务一插入图像 任务二插入媒体 实训设置 漓江山水 网页 网页中的图像和媒体 不仅可使页面更加有声有色 而且可以更好地配合文本传递信息 本项目以旅游网页为例 介绍有关图像和媒体的基本知识 在项目中 首先介绍插入图像占位符和图像以及设置图像属性的方法 然后介绍插入Flash动画 图像查看器和ActiveX视频的方法 任务一插入图像 一 插入图像占位符 二 插入图像和设置图像属性 一 插入图像占位符 需要掌握的内容主要有 1 网页中图像的作用和常用格式2 设置背景图像3 插入图像占位符 网页中图像的作用基本上可分为两种情况 一种是起装饰的作用 如背景图像 另一种是起传递信息的作用 它和文本的作用是一样的 在网页中使用的最为普遍的图像格式主要是GIF和JPG GIF由于文件小 支持透明色 下载时具有从模糊到清晰的效果 成为网页制作中首选的图像格式 JPG为摄影提供了一种标准的有损耗压缩方案 比较适合处理照片一类的图像 1 网页中图像的作用和常用格式 打开 页面属性 对话框 在 外观 分类中单击 浏览 按钮打开 选择图像源文件 对话框 在 查找范围 下拉列表框中选择网页背景图像文件 在 重复 下拉列表框中有4个选项 不重复 重复 横向重复 及 纵向重复 可以通过选择它们来定义背景图像的重复方式 2 设置背景图像 在主菜单中选择 插入 图像对像 图像占位符 命令或在 插入 常用 面板的 图像 下拉菜单中单击 图像占位符 按钮打开 图像占位符 对话框 进行设置即可 3 插入图像占位符 二 插入图像和设置图像属性 需要掌握的内容主要有 1 插入图像2 设置图像属性3 图文混排 在网页中 插入图像的方法通常有3种 1 在主菜单中选择 插入 图像 命令 2 在 插入 常用 面板的 图像 下拉菜单中单击 图像 按钮 3 在 文件 文件 面板中用鼠标选中文件 然后拖到文档中适当位置 1 插入图像 在图像 属性 面板中 比较常设置的参数有 宽 和 高 替换 垂直边距 水平边距 边框 等 2 设置图像属性 在网页中 经常出现文本和图像混排的现象 在学习表格等网页布局技术之前 要做到这一点就需要用到 属性 面板的 对齐 选项 对齐 选项调整的是图像周围的文本或其他对象与图像的位置关系 在 对齐 下拉列表中共有10个选项 其中经常用到的是 左对齐 和 右对齐 两个选项 3 图文混排 任务二插入媒体 一 插入Flash动画 二 插入图像查看器 三 插入ActiveX视频 一 插入Flash动画 需要掌握的内容主要有 1 插入Flash动画2 设置Flash动画属性 1 插入Flash动画 插入Flash动画的方法通常有3种 1 在主菜单中选择 插入 媒体 Flash 命令 2 在 插入 常用 媒体 面板中单击 Flash 图标 3 在 文件 文件 面板中用鼠标选中文件 然后拖到文档中 2 设置Flash动画属性 在 属性 面板的 宽 和 高 文本框中分别输入宽度和高度 勾选 循环 和 自动播放 选项 还可以根据需要设置其他参数 需要掌握插入图像查看器的过程 1 插入图像查看器Flash占位符2 设置Flash占位符属性3 修改图像文件路径 二 插入图像查看器 在主菜单中选择 插入 媒体 图像查看器 命令 打开 保存Flash元素 对话框 为新的Flash动画命名 1 插入图像查看器Flash占位符 在Flash占位符 属性 面板中定义宽度和高度等参数 2 设置Flash占位符属性 右键单击Flash占位符 在弹出的菜单中选择 编辑标签 命令 打开 标签编辑器 Object 对话框 切换至 替代内容 选项 然后在文本框内找到默认的图像文件路径名 修改图像文件路径 使其可以显示预先准备好的图像 3 修改图像文件路径 三 插入ActiveX视频 需要掌握的内容主要有 1 在网页中播放WMV视频文件2 在网页中播放RM视频文件 1 在网页中播放WMV视频文件 1 在主菜单中选择 插入 媒体 ActiveX 命令 系统自动在文档中插入一个ActiveX占位符 2 在 属性 面板的 ClassID 列表文本框中添加 CLSID 22D6f312 b0f6 11d0 94ab 0080c74c7e95 然后按下Enter键 3 选择 嵌入 选项 然后在 属性 面板中打开 参数 对话框 添加参数 4 最后设置宽度和高度等属性 2 在网页中播放RM视频文件 1 在主菜单中选择 插入 媒体 ActiveX 命令 系统自动在文档中插入一个ActiveX占位符 2 在 属性 面板的 ClassID 选项中选择 RealPlayer clsid CFCDAA03 8BE4 11cf B84B 0020AFBBCCFA 3 选择 嵌入 选项 然后在 属性 面板中打开 参数 对话框添加参数 4 最后设置 宽 和 高 为固定尺寸 实训设置 漓江山水 网页 本项目主要介绍了在网页中插入图像和媒体的基本方法 本实训将让读者进一步巩固所学的基本知识 要求 把 项目实训 素材 文件夹下的内容复制到站点根文件夹下 然后在网页文档中插入图像和图像查看器 制作 送孟浩然之广陵 网页 制作 送孟浩然之广陵 网页 小结 本项目主要介绍了图像和媒体在网页中的应用和设置方法 概括起来主要有以下几点 1 通过 页面属性 对话框设置网页背景图像的方法 2 在网页中插入图