网络课件的组织与编制.ppt

案例演示 一网页制作初识二创建站点三网页表格的处理四网页图像处理在网页中使用超链接图层及动态效果的应用框架 网络课件的组织与编制 FrontPage方便 快捷地创建和发布网页 具有直观的网页制作和管理方法 FrontPage界面与Word PowerPoint等软件的界面极为相似 为使用者带来了极大的方便 Office家族的一员 1网页中颜色的选择在网页中是以RGB方式由红 绿 蓝这三种基色调混和而成的 RGB Red Green Blue 在网页中运用色彩一般应遵循下列几个原则 1 一个页面中忌用过多颜色 一般不超过四种 2 背景的颜色太深 显得过于厚重 如黑色的背景衬托出亮丽的文本和图像 会给人一种另类的感觉 3 要保持整个网页的色调统一 4 要围绕网页的主题选择颜色 色彩要能烘托出主题 四网页图像处理 网页图像格式Web页上使用的图像都是一些压缩格式 常用GIF格式 JPEG格式 PNG格式和矢量格式 GIF格式GIF格式采用无损压缩算法进行图像的压缩处理 JPEG格式JPEG格式支持的颜色数几乎没有限制 适用于使用真彩色或平滑过渡色的照片和图片 与GIF格式采用无损压缩不同 JPEG格式使用有损压缩来减小图片文件的大小 因此用户将看到随着文件的减小 图片的质量也降低了 矢量格式 使用网页图像的要点在Web页上显示图片之前 通常需要考虑下列问题 确保文件较小 控制图像的数量和质量 在网页中插入图像的方法 插入图像 图像属性参数单击图像 属性面板中显示出关于图像的属性信息 如改变图像的尺寸大小 整图像在网页中的相对位置 对齐方式 环绕样式 巧妙地处理图像给图像加文字说明制作低分辨率图像为图像添加热点连接热点即图像上不可见的区域 该区域分配了一个超链接 为图像添加热点就是在图像上划分区域 从而设定图像上制作超链接的范围 设置网页背景 设置网页背景颜色在页面属性对话框里设置 设置背景图像设置网页背景色 只能得到单一颜色的背景 如何能使背景发生更多的变化 这就需要设置网页的背景图像 背景音乐注意连接相对路径对于其他格式可以进行转换后插入 或用代码实现 如mp3在前 插入视频 将插入点放到要插入视频的位置 插入菜单 图片 视频 找到并单击要插入的视频文件 打开设置视频的播放选项 右键单击该视频 图片属性 视频 在 重复 下 指定所需的循环选项 在 开始 下 指定所需的启动选项 插入不受支持的视频文件格式插入 Web组件 组件类型 高级控件 在 选择一个控件 中 双击 插件 在 数据源 框中 键入加载的文件的统一资源定位符 URL 或者单击 浏览 找到该文件 或应用代码 1 创建文本超链接 选中要创建超级链接的文本 单击 插入超链接 按钮 或插入菜单 超链接 在 查找范围 中选择要链接的网页 屏幕提示 按钮 可以输入在屏幕上显示的文本 浏览中点击该超链接时将显示这些提示文字 五在网页中使用超链接 2 创建图片超级链接 选择要创建超级链接的图片 单击工具栏中的 插入超链接 按钮 打开 插入超链接 对话框 在 查找范围 中选择要链接的网页 屏幕提示 按钮 可以输入提示的文本 在 目标框架 中可以选择连接在 新建窗口 中打开 3 创建电子邮件超链接 选中要建立超链接的文本或图片 单击工具栏中的 插入超链接 按钮 打开 插入超链接 对话框 单击 电子邮件地址 选项 在 要显示的文字 文本框中输入要显示的文字 在 电子邮件地址 文本框中输入邮件地址 在 主题 文本框中输入主题 单击 确定 按钮 4 创建书签超链接创建书签在网页中创建书签的方法非常简单 可以执行以下的操作来实现 将光标置于要插入书签处 选择 插入 书签 命令 弹出 书签 对话框 在 书签名称 文本框中输入书签的名称 单击 确定 按钮 书签创建完毕 使用书签创建链接为书签创建超级链接可以执行以下的操作步骤 选中要创建超级链接的文本 单击工具栏中的 插入超链接 按钮 打开 插入超链接 对话框 单击 书签 按钮 弹出 在文档中选择位置 对话框 选择要链接的书签 单击 确定 按钮 回到 插入超链接 对话框 单击 确定 按钮 完成书签的链接 除了文本可以链接到书签外 图片也可以链接到书签 将图片链接到书签的方法与文本相同 5 编辑超级链接更改超级链接的颜色改变超级链接的颜色可以执行以下操作 在网页中单击鼠标右键 从弹出的快捷菜单中选择 网页属性 命令 打开 网页属性 对话框 在此对话框中单击 背景 标签 打开 背景 选项卡 单击设置3种超级链接颜色状态的选项后的小三角按扭 在弹出的颜色面板中选择3种状态的颜色 设置完成后单击 确定 按钮 这样设置完成超级链接的3种状态颜色后 以后创建的超级链接就会变为设置的颜色 但要注意此种方法只可以保证在同一网页中的超级链接颜色为设置的状态 当新建网页时 新网页的超级链接的状态颜色的状态还会是默认值 更改超链接的字体格式更改超链接的字体格式可以使用两种方法 一是通过网页属性更改超链接的字体格式 二是通过超链接的属性更改超链接的字体格式 6 删除超级链接如果对网页中创建的超链接不满意 可以对其进行删除 删除时可以使用两种方法 一是通过删除超链接对象来删除超链接 另一种是通过 编辑超链接 对话框中的 删除链接 按钮来删除超链接 删除超链接对象彻底删除超链接是指在删除超链接的同时连同超链接文本一同删除 可以在 普通 视窗下选中超链接 然后按下 Delete 键 删除超链接 删除超链接在删除超级链接时 若要保留超级链接文本 可以执行以下的操作 在网页中选中创建了超级链接的文本 在工具栏中单击 插入超链接 按钮 打开 编辑超链接 对话框 单击 删除链接 按钮 单击 确定 按钮 交互式按钮插入 交互式按钮 建立连接创建一个课件实践 图层可以使得图像编辑更容易 新的界面和行为可以更好地控制设计视图中图像的显示和保存 1 创建层 插入 层 格式 层嵌套层用拖曳方式 子随父层一起移动 并继承父层的可见性 2 编辑层属性 大小 定位 边框 底纹 命名 叠放次序 拖动改变Z列数字 可见性 单击层前面的眼睛 睁则可见 闭则隐藏 层中插入对象3 行为事件如动态效果 图层及动态效果的应用 层与行为的使用 播放声音 在鼠标单击等事件时 引发声音播放效果 请注意将声音文件与网页同一个文件夹 打开浏览器窗口 用于不同类型浏览器