多媒体CAI课件制作实用教程(朱仁成)第4章

Dreamweaver 4.0与网络课件
图4-71 行为通道的下拉菜单
Dreamweaver 4.0与网络课件
图4-72 选择【播放声音】命令
Dreamweaver 4.0与网络课件
图4-73 【播放声音】对话框
Dreamweaver 4.0与网络课件
4.8 教学站点的发布
4.8.1 站点的测试
点文件夹，命名为“教学站点”，用于存放站点的所有文件。
在站点文件夹下分别建立用于存放站点文件和素材的子文件 夹，如用于存放图像、动画、应用程序、插件等的文件夹，
文件夹的命名最好与所存放的内容相关，以便查找。
Dreamweaver 4.0与网络课件
4.3.2 创建站点的基本结构
1. 创建站点
图4-14 【未命名站点1的站点定义为】对话框
自定义框架，即重新设计框架的结构，基本的操作步骤 如下：
图4-46 【框架】命令子菜单
Dreamweaver 4.0与网络课件
2. 编辑框架
图4-47 【框架】面板
Dreamweaver 4.0与网络课件
图4-48 【框架页】子菜单
Dreamweaver 4.0与网络课件
3. 设置框架集和框架的属性
这就是主题问题，只有确定了主题，才能有的放矢地进行 工作。
2) 确定了站点主题以后，需要进行站点结构的规划，
同一个网站要介绍三个学科的内容，如何组织才能脉络清 晰，这是动手制作站点之前必须做好的一项工作。
Dreamweaver 4.0与网络课件
3) 当确定了站点主题、组织结构以后，接下来的工作就 是设计网页版面。 4) 以上三项工作完成以后，接下来需要收集与整理站点 素材，这是一项费时费力的工作，需要精心地组织与筹备。 5) 准备好素材后，需要确定站点在本地计算机上的存放 位置。通常情况下，首先根据站点结构在本地计算机上建立 一个站点文件夹，如在C盘根目录下建立一个文件夹作为站
Dreamweaver 4.0与网络课件
4. 层的管理
图4-58 【层】面板
Dreamweaver 4.0与网络课件
5. 将层转换为表格
图4-59 【转换层为表格】对话框
Dreamweaver 4.0与网络课件
图4-60 将层转换为表格
Dreamweaver 4.0与网络课件
4.6 表 单
创建表单的方法
图4-42 【属性】面板
Dreamweaver 4.0与网络课件
4.5.2 使用框架
图4-43 Dreamweaver 4的帮助页面
Dreamweaver 4.0与网络课件
1. 建立框架
图4-44 【框架】对象面板
Dreamweaver 4.0与网络课件
ห้องสมุดไป่ตู้
图4-45 建立的框架网页
Dreamweaver 4.0与网络课件
Dreamweaver 4.0与网络课件
图4-19 新建的网页
Dreamweaver 4.0与网络课件
4.3.3 制作教学网页
当按照规划完成了站点结构的创建以后，接下来的工作
就是制作教学网页了。这是非常重要的一个环节，是实施网 络教学的载体，也就是说，网络教学的主要传播介质是网页。 因此，这一工作环节要强调两个问题：一是合理分配授课内 容，这属于教学计划与教学安排的范畴；二是提高网页制作
4.5 网页的布局方法
4.5.1 使用表格
1. 插入表格
图4-35 【插入表格】对话框
Dreamweaver 4.0与网络课件
图4-36 在网页中插入表格
Dreamweaver 4.0与网络课件
2. 表格的编辑操作
图4-37 合并前后的单元格对比
Dreamweaver 4.0与网络课件
图4-38 【拆分单元格】对话框
Dreamweaver 4.0与网络课件
图4-12 【历史记录】面板
Dreamweaver 4.0与网络课件
图4-13 【index.htm—代码检查器】面板
Dreamweaver 4.0与网络课件
4.3 建立教学站点
4.3.1 规划站点
1) 考虑站点的服务对象，确定主题内容，即与同类学科
的站点相比，我们是侧重课外辅导，还是侧重考试指南？
图4-27 【属性】面板
Dreamweaver 4.0与网络课件
4. 插入翻转图像
图4-28 【插入鼠标经过图象】对话框
Dreamweaver 4.0与网络课件
图4-29 翻转图像效果
Dreamweaver 4.0与网络课件
5. 创建导航条
图4-30 【插入导航条】对话框
Dreamweaver 4.0与网络课件
Dreamweaver 4.0与网络课件
图4-39 拆分前后的单元格对比
Dreamweaver 4.0与网络课件
插入或删除行或列的操作步骤如下：
图4-40 插入行或列快捷菜单
Dreamweaver 4.0与网络课件
图4-41【插入行或列】对话框
Dreamweaver 4.0与网络课件
3. 设置表格的属性
水平，这属于网页制作技术问题。制作教学网页时，既要合
理安排授课内容，又要把网页做得美观、漂亮，这就是制作 教学网页要遵循的基本原则。
Dreamweaver 4.0与网络课件
4.4 编辑教学网页
4.4.1 文本的编辑
其基本操作步骤如下： 1) 在编辑窗口中输入所需的文本。如需换行分段，可以按 下回键；如需换行但不分段，可以在按住Shift键的同时按下 回车键。 2) 选择要编辑的文本。 3) 单击菜单栏中的【窗口】/【属性】命令，打开【属性】 面板，如图4-20所示。
Dreamweaver 4.0与网络课件
图4-8 【站点‘虚拟课堂’的资料】面板
Dreamweaver 4.0与网络课件
图4-9 【站点‘未命名站点1’的HTML样式】面板
Dreamweaver 4.0与网络课件
图4-10 【CSS样式】面板
Dreamweaver 4.0与网络课件
图4-11 【行为】面板
Dreamweaver 4.0与网络课件
4.7 使用时间轴
1. 认识时间轴
图4-67 【时间轴】面板
Dreamweaver 4.0与网络课件
2. 创建时间轴动画
图4-68 时间轴动画
Dreamweaver 4.0与网络课件
图4-69 调整动画条的长度
Dreamweaver 4.0与网络课件
图4-70 层“1”的运动路径
图4-49 【属性】面板
选择了框架后的【属性】面板。
图4-50 【属性】面板
Dreamweaver 4.0与网络课件
4. 保存框架
保存框架的操作步骤如下：
图4-51 【另存为】对话框
Dreamweaver 4.0与网络课件
5. 使用超链接
1) 选择框架中要建立超链接的文本或其它对象。
2) 在【属性】面板的【链接】文本框中输入要链接的网
图4-74 【检查目标浏览器】对话框
Dreamweaver 4.0与网络课件
图4-75 检查的结果
Dreamweaver 4.0与网络课件
2. 测试超链接的有效性
图4-76 【链接检查器—指南】对话框
Dreamweaver 4.0与网络课件
3. 在浏览器中测试网页的正确性 测试网页的一个非常有效的方法是在浏览器中预览网页， 这种方法可以贯穿于整个网页设计和创建过程中，通过它可 以及时发现网页中存在的错误，避免重复出现相同的错误，
图4-23 信息提示框
Dreamweaver 4.0与网络课件
图4-24 在网页中插入图像
Dreamweaver 4.0与网络课件
2. 设置图像属性
图4-25 【属性】面板
Dreamweaver 4.0与网络课件
3. 为图像建立超链接
图4-26 建立的热点
Dreamweaver 4.0与网络课件
Dreamweaver 4.0与网络课件
图4-15 建立的站点
Dreamweaver 4.0与网络课件
2. 设置主页
图4-16 新建的网页
Dreamweaver 4.0与网络课件
图4-17 【站点地图布局】选项
Dreamweaver 4.0与网络课件
3. 添加文件夹
图4-18 新建的站点文件夹
4.1 概
述
Dreamweaver 4.0是目前最新的所见即所得的网页编辑工
具，具有功能强大、界面简洁、简单实用等特点，它除了是 一个优秀的网页设计与编辑环境之外，还是一个开放性的集 成环境，例如，它可以从Access或Excel中导入表格，也可以 直接使用Shockwave动画、JavaScript函数、Applet、ActiveX 控件等对象，同时由于拥有Flash软件和Fireworks软件强力 支持，使得它必然成为最好的网页制作软件，也自然是我们
Dreamweaver 4.0与网络课件
2. 操作层
图4-53 激活层
Dreamweaver 4.0与网络课件
图4-54 选择层
Dreamweaver 4.0与网络课件
图4-55 【网格】子菜单
图4-56 【网格设置】对话框
Dreamweaver 4.0与网络课件
3. 设置层的属性
图4-57 【属性】面板
Dreamweaver 4.0与网络课件
Dreamweaver 4.0与网络课件
4.1 概述
4.2 认识Dreamweaver 4.0工作界面 4.3 建立教学站点 4.4 编辑教学网页 4.5 网页的布局方法 4.6 表单 4.7 使用时间轴
4.8 教学站点的发布