第 5章 网页特效的制作本章要点：
动态组件使用效果
时间戳及包含网页组件
搜索组件的使用
Active X控件及其应用
5.1 动态组件效果
5.1.1 为网页或 Web站点创建过渡效果打开所编辑网页，执行 【 格式 】 → 【 网页过渡 】 命令。
网页过渡效果
5.1.2 动态 HTML 效果所谓,动态 HTML”也就是 DHTML。
操作步骤：
（ 1）选择 【 格式 】 → 【 动态 HTML效果 】 命令
（ 2）在所编辑的网页中，选择所要触发效果的对象
（ 3）在 【 应用 】 选项中选择所想要的动态效果
（ 4）紧接着 【 应用 】 选项之后的,选择设置,下拉列表中是用来设置刚被选中的效果参数的。
（ 5） 单击页面主编辑区下方的 【 预览 】 按钮，出现设定好特效的页面预览效果。
5.1.3 悬停按钮悬停按钮是具有动态效果的活动按钮。将鼠标移至悬停按钮时，它便显示出一定的动态效果，在单击按钮后，该按钮的颜色将发生变化，并同时打开所连接的目标页面。另外，还可以设定当鼠标移至悬停按钮或单击按钮时，伴随着声音的变化。
操作步骤：（ 1）选择 【 插入 】 → 【 Web组件 】 命令，打开了 【 Web
组件 】 对话框。 （ 2） 单击 【 完成 】 按钮，打开 【 悬停按钮属性 】
对话框 （ 3）接着用户可以在 【 按钮文本 】 文本框中，输入在按钮上要显示的文字；单击 【 字体 】 按钮可以设置字体的属性。在 【 链接到 】 中可输入悬停按钮链接目标的地址，也可以通过单击 【 浏览 】
按钮来查找确定的目标。 （ 4）在 【 按钮颜色 】 下拉列表中可选择悬停按钮的颜色，这是悬停按钮的初始颜色。在 【 背景颜色 】 下拉列表中可选择悬停按钮的背景颜色，背景颜色将出现在悬停按钮的后面。 【 宽度 】 和 【 高度 】 中可设定悬停按钮的尺寸大小。 （ 5）
在 【 效果 】 下拉列表中可选择当鼠标指向悬停按钮时所表现出的动态效果
5.1.4 滚动字幕
（ 1）选择 【 插入 】 → 【 Web组件 】 命令，打开了 【 Web
组件 】 对话框。在 【 组件类型 】 中选择,字幕,选项。
（ 2）单击 【 完成 】 按钮，打开 【 字幕属性 】 对话框
（ 3）在 【 字幕属性 】 对话框的 【 文字 】 文本框中，输入需要播放的文字。在 【 方向 】 选项中选择字幕的滚动方向。
（ 4）在 【 大小 】 选项中，设定字幕的尺寸大小
（ 5）最后单击 【 确定 】,并关闭对话框，完成操作。
5.1.5 横幅广告实现步骤如下：
（ 1）在所编辑网页中选定要插入标题广告的区域，再打开 【 插入 】
→ 【 Web组件 】 命令，选择 【 横幅广告管理器 】 命令，打开 【 横幅广告管理器属性 】 对话框。
（ 2）在 【 宽度 】 和 【 高度 】 文本框中，确定广告的大小尺寸，尺寸的单位是像素。
（ 3）如想为图片添加一个超链接目标，可以在 【 链接到 】 文本框内输入超链接目标。
（ 4）在 【 显示图片 】 列表内，将所有要显示的图片添加进去。
5.1.6 网站计数器在站点中添加计数器的操作步骤如下：
（ 1）首先选择好需要插入站点计数器的网站页面，通常情况下都是在网站的首页上。
（ 2）执行 【 插入 】 → 【 Web组件 】 命令，显示 【 插入 Web组件 】 选项；选择 【 组件类型 】 选项栏中的 【 计数器 】 选项，然后在对话框的右侧 【 选择计数器样式 】 选项栏中选择想要的计数器外貌。
（ 3）当选择了五种样式中的一种后，双击选中的计数器，这时将弹出 【 站点计数器属性 】 对话框。
（ 4）当选择好外观并设定好属性后，单击 【 确定 】 按钮，完成操作，并保存网页。
5.1.7 音频、视频动画
1,音频对象的插入
（ 1）打开需要导入音频的网页，执行 【 文件 】 → 【 属性 】 命令，
打开 【 网页属性 】 对话框。
（ 2）在 【 网页属性 】 对话框 【 常规 】 选项卡中，单击 【 背景音乐 】 选项中的 【 浏览 】 按钮，将出现 【 背景音乐 】 对话框，查找并选取想要的音频文件。
（ 3）此时，选取文件的 URL路径会出现在 【 网页属性 】 对话框的 【 背景音乐 】 选项的 【 位置 】 文本框中。
（ 4）在 【 背景音乐 】 选项的 【 循环次数 】 文本框中输入音乐的循环次数，若希望音乐一直循环下去，可以选择 【 次数不限 】 。
（ 5）最后单击 【 确定 】 按钮，背景音频文件就插入到网页中了。
2,视频对象的插入在 FrontPage 2002中为网页中导入视频对象的步骤如下：
（ 1）执行 【 插入 】 → 【 图片 】 → 【 视频 】 命令，打开 【 打开文件 】
对话框。查找选择要用的视频文件，单击 【 确定 】 按钮，返回到编辑网页,FrontPage会生成一个框架显示视频外观。如图,
（ 2）在编辑页面上双击视频对象，出现 【 图片属性 】
对话框，其 【 视频 】 选项的 【 重复 】 项中，可以控制视频播放时的循环、间隔等属性。在 【 开始 】 选项中若选择 【 打开文件时 】 选项，可以让浏览器在下载对象后马上播放；选择 【 当鼠标悬停于其上时 】,是设定对象在鼠标停留在视频上方时才播放。
（ 3）在预览网页效果时，用户可以单击对象的任何一处再次播放；要结束或中途继续播放，可以在对象上单击鼠标。
5.2 时间戳网页中,时间戳,效果
5.3 包含网页组件
5.3.1 替换组件
（ 1）执行 【 工具 】 → 【 站点设置 】 命令，打开 【 站点设置 】 对话框
（ 2）在 【 站点设置 】 对话框中单击 【 参数 】 选项卡，在 【 参数 】
选项卡中单击 【 添加 】 按钮，出现一个 【 添加名称与值 】 对话框
（ 3）在 【 添加名称与值 】 对话框的 【 名称 】 文本框中输入
,day”，然后在 【 值 】 文本框中输入,Sunday”，再单击 【 确定 】
按钮，按照这个步骤分别定义下面的几个变量及值，分别设置如表 变量名称 数值
day Sunday
time 2004-03-21
add 南京工业
email wg@niit.edu.cn
（ 4）单击 【 确定 】 按钮。替换定义完毕。
（ 5）下面将替换应用到网页中。在 【 网页 】 视图模式下，确定需要插入替换的位置，执行 【 插入 】 → 【 Web组件 】 命令,打开 【 插入 Web组件 】 对话框。
（ 6）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】 选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】 选项框中的 【 替换 】,并单击 【 完成 】 按钮，打开 【 替换属性 】 对话框。
（ 7）在 【 替换为 】 下拉列表中选取要替换的变量名称，再单击
【 确定 】 按钮，页面上将出现该变量的值。
5.3.2 包含页面组件具体操作步骤如下：
（ 1）在 【 网页 】 视图模式下，确定需要包含其它网页的位置，执行 【 插入 】 → 【 Web组件 】 命令,打开 【 插入 Web组件 】 对话框。
（ 2）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】
选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】
选项框中的 【 网页 】,并单击 【 完成 】 按钮，打开
【 包含网页属性 】 对话框。 （ 3）单击 【 浏览 】 按钮，
选取要包含的网页文件（扩展名为,htm）。如图 5-26
所示，选定后，单击 【 确定 】 按钮，被选中的网页将自动加到当前网页中。
（ 4）保存文件并浏览，得出 如图 所示的效果。
包含网页效果
5.3.3 预定网页插入一个预定网页操作步骤如下：
（ 1）在 【 网页 】 视图模式下，确定需要插入预定网页的位置，执行 【 插入 】 → 【 Web组件 】 命令,打开 【 插入 Web组件 】 对话框。
（ 2）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】 选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】 选项框中的 【 预定网页 】 。
（ 3）点击 【 完成 】 按钮，打开 【 预定的包含网页属性 】 对话框，
进行设置。
（ 4）单击 【 确定 】 按钮，即预定了起于,开始时间,,止于,结束时间,的显示网页。
5.3.4 预定图片步骤如下：
（ 1）在 【 网页 】 视图模式下，确定需要插入预定网页的位置，执行 【 插入 】 → 【 Web组件 】 命令，打开 【 插入 Web组件 】 对话框。
（ 2）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】 选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】 选项框中的 【 预定图片 】 。
（ 3）点击 【 完成 】 按钮，打开 【 预定图片属性 】 对话框，在 【 预定图片属性 】 对话框中对 【 要显示的图片 】 进行设置。
（ 4）单击 【 确定 】 按钮，即预定了起于,开始时间,,止于,结束时间,的显示图片。
5.4 使用搜索组件搜索表单浏览效果
5.5 Active X控件
5.5.1 插入 Active X控件在网页中插入一个 ActiveX控件的具体操作方法：
（ 1）在 【 网页 】 视图模式下，选定要插入控件的网页，并将插入点定位到具体位置。 执行 【 插入 】 → 【 Web组件 】 命令，打开了
【 Web组件 】 对话框。在 【 组件类型 】 中选择 【 高级控件 】 选项，
在右侧的 【 选择搜索类型 】 中选择 【 ActiveX控件 】 选项。
（ 2）点击 【 下一步 】 按钮，打开 【 插入 Web组件 】 对话框
（ 3）在 【 选择一个控件 】 列表框中，列出了计算机上已安装和注册的所有可用的 ActiveX控件，单击 【 自定义 】 按钮，可以在列表中添加或删除 ActiveX控件。
（ 4）在 【 选择一个控件 】 列表框中选中要插入的控件，这里选择
,ActiveMovieControl Object”，单击 【 完成 】 按钮。
（ 5）回到页面的编辑窗口，就可以看到页面中被插入的 ActiveX
控件。
5.5.2 编辑 Active X控件操作步骤：
（ 1）在 【 网页 】 视图模式下，右击页面中要修改的 ActiveX控件，
并执行 【 ActiveX控件属性 】 命令，或双击该 ActiveX控件，打开
【 选项 】 对话框。
（ 2）在 【 选项 】 对话框中有多个选项卡，其中可以修改 ActiveX控件的相关属性。
（ 3）当所有选项都设定后，单击 【 确定 】 按钮，完成属性设置。
（ 4）回到网页的编辑窗口，单击底部的 【 预览 】 标签，切换到
【 预览 】 视图，或单击工具栏上的预览按钮就会看到控件播放的视频效果。
小结本章介绍了 FrontPage 2002提供的制作网页特效的高级组件。其中的动态 HTML、悬停按钮、滚动字幕、横幅广告、站点计数器及音频、视频动画等，这些都是为网页增添动态效果的组件工具。利用“时间戳”可以显示某个页面的编辑或最后一次更新时间。利用
FrontPage 2002提供的“包含”功能，可以实现批量的替换、更改包含的网页、预定网页及图片等。还可以在页面上添加搜索表单，方便浏览者快捷的查找到想要的信息。另外,FrontPage 2002还支持在网页中插入
ActiveX控件，这是一些具有特定功能的程序，它可以嵌入到网页中，并在浏览器的客户端执行，它扩展了
Web浏览器的功能，同时也丰富了网页的内容。通过本章的学习，用户可以充分利用 FrontPage 2002所提供的众多高级组件，在所编辑的网站中实现很多特殊的、
实用的功能。
动态组件使用效果
时间戳及包含网页组件
搜索组件的使用
Active X控件及其应用
5.1 动态组件效果
5.1.1 为网页或 Web站点创建过渡效果打开所编辑网页，执行 【 格式 】 → 【 网页过渡 】 命令。
网页过渡效果
5.1.2 动态 HTML 效果所谓,动态 HTML”也就是 DHTML。
操作步骤：
（ 1）选择 【 格式 】 → 【 动态 HTML效果 】 命令
（ 2）在所编辑的网页中，选择所要触发效果的对象
（ 3）在 【 应用 】 选项中选择所想要的动态效果
（ 4）紧接着 【 应用 】 选项之后的,选择设置,下拉列表中是用来设置刚被选中的效果参数的。
（ 5） 单击页面主编辑区下方的 【 预览 】 按钮，出现设定好特效的页面预览效果。
5.1.3 悬停按钮悬停按钮是具有动态效果的活动按钮。将鼠标移至悬停按钮时，它便显示出一定的动态效果，在单击按钮后，该按钮的颜色将发生变化，并同时打开所连接的目标页面。另外，还可以设定当鼠标移至悬停按钮或单击按钮时，伴随着声音的变化。
操作步骤：（ 1）选择 【 插入 】 → 【 Web组件 】 命令，打开了 【 Web
组件 】 对话框。 （ 2） 单击 【 完成 】 按钮，打开 【 悬停按钮属性 】
对话框 （ 3）接着用户可以在 【 按钮文本 】 文本框中，输入在按钮上要显示的文字；单击 【 字体 】 按钮可以设置字体的属性。在 【 链接到 】 中可输入悬停按钮链接目标的地址，也可以通过单击 【 浏览 】
按钮来查找确定的目标。 （ 4）在 【 按钮颜色 】 下拉列表中可选择悬停按钮的颜色，这是悬停按钮的初始颜色。在 【 背景颜色 】 下拉列表中可选择悬停按钮的背景颜色，背景颜色将出现在悬停按钮的后面。 【 宽度 】 和 【 高度 】 中可设定悬停按钮的尺寸大小。 （ 5）
在 【 效果 】 下拉列表中可选择当鼠标指向悬停按钮时所表现出的动态效果
5.1.4 滚动字幕
（ 1）选择 【 插入 】 → 【 Web组件 】 命令，打开了 【 Web
组件 】 对话框。在 【 组件类型 】 中选择,字幕,选项。
（ 2）单击 【 完成 】 按钮，打开 【 字幕属性 】 对话框
（ 3）在 【 字幕属性 】 对话框的 【 文字 】 文本框中，输入需要播放的文字。在 【 方向 】 选项中选择字幕的滚动方向。
（ 4）在 【 大小 】 选项中，设定字幕的尺寸大小
（ 5）最后单击 【 确定 】,并关闭对话框，完成操作。
5.1.5 横幅广告实现步骤如下：
（ 1）在所编辑网页中选定要插入标题广告的区域，再打开 【 插入 】
→ 【 Web组件 】 命令，选择 【 横幅广告管理器 】 命令，打开 【 横幅广告管理器属性 】 对话框。
（ 2）在 【 宽度 】 和 【 高度 】 文本框中，确定广告的大小尺寸，尺寸的单位是像素。
（ 3）如想为图片添加一个超链接目标，可以在 【 链接到 】 文本框内输入超链接目标。
（ 4）在 【 显示图片 】 列表内，将所有要显示的图片添加进去。
5.1.6 网站计数器在站点中添加计数器的操作步骤如下：
（ 1）首先选择好需要插入站点计数器的网站页面，通常情况下都是在网站的首页上。
（ 2）执行 【 插入 】 → 【 Web组件 】 命令，显示 【 插入 Web组件 】 选项；选择 【 组件类型 】 选项栏中的 【 计数器 】 选项，然后在对话框的右侧 【 选择计数器样式 】 选项栏中选择想要的计数器外貌。
（ 3）当选择了五种样式中的一种后，双击选中的计数器，这时将弹出 【 站点计数器属性 】 对话框。
（ 4）当选择好外观并设定好属性后，单击 【 确定 】 按钮，完成操作，并保存网页。
5.1.7 音频、视频动画
1,音频对象的插入
（ 1）打开需要导入音频的网页，执行 【 文件 】 → 【 属性 】 命令，
打开 【 网页属性 】 对话框。
（ 2）在 【 网页属性 】 对话框 【 常规 】 选项卡中，单击 【 背景音乐 】 选项中的 【 浏览 】 按钮，将出现 【 背景音乐 】 对话框，查找并选取想要的音频文件。
（ 3）此时，选取文件的 URL路径会出现在 【 网页属性 】 对话框的 【 背景音乐 】 选项的 【 位置 】 文本框中。
（ 4）在 【 背景音乐 】 选项的 【 循环次数 】 文本框中输入音乐的循环次数，若希望音乐一直循环下去，可以选择 【 次数不限 】 。
（ 5）最后单击 【 确定 】 按钮，背景音频文件就插入到网页中了。
2,视频对象的插入在 FrontPage 2002中为网页中导入视频对象的步骤如下：
（ 1）执行 【 插入 】 → 【 图片 】 → 【 视频 】 命令，打开 【 打开文件 】
对话框。查找选择要用的视频文件，单击 【 确定 】 按钮，返回到编辑网页,FrontPage会生成一个框架显示视频外观。如图,
（ 2）在编辑页面上双击视频对象，出现 【 图片属性 】
对话框，其 【 视频 】 选项的 【 重复 】 项中，可以控制视频播放时的循环、间隔等属性。在 【 开始 】 选项中若选择 【 打开文件时 】 选项，可以让浏览器在下载对象后马上播放；选择 【 当鼠标悬停于其上时 】,是设定对象在鼠标停留在视频上方时才播放。
（ 3）在预览网页效果时，用户可以单击对象的任何一处再次播放；要结束或中途继续播放，可以在对象上单击鼠标。
5.2 时间戳网页中,时间戳,效果
5.3 包含网页组件
5.3.1 替换组件
（ 1）执行 【 工具 】 → 【 站点设置 】 命令，打开 【 站点设置 】 对话框
（ 2）在 【 站点设置 】 对话框中单击 【 参数 】 选项卡，在 【 参数 】
选项卡中单击 【 添加 】 按钮，出现一个 【 添加名称与值 】 对话框
（ 3）在 【 添加名称与值 】 对话框的 【 名称 】 文本框中输入
,day”，然后在 【 值 】 文本框中输入,Sunday”，再单击 【 确定 】
按钮，按照这个步骤分别定义下面的几个变量及值，分别设置如表 变量名称 数值
day Sunday
time 2004-03-21
add 南京工业
email wg@niit.edu.cn
（ 4）单击 【 确定 】 按钮。替换定义完毕。
（ 5）下面将替换应用到网页中。在 【 网页 】 视图模式下，确定需要插入替换的位置，执行 【 插入 】 → 【 Web组件 】 命令,打开 【 插入 Web组件 】 对话框。
（ 6）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】 选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】 选项框中的 【 替换 】,并单击 【 完成 】 按钮，打开 【 替换属性 】 对话框。
（ 7）在 【 替换为 】 下拉列表中选取要替换的变量名称，再单击
【 确定 】 按钮，页面上将出现该变量的值。
5.3.2 包含页面组件具体操作步骤如下：
（ 1）在 【 网页 】 视图模式下，确定需要包含其它网页的位置，执行 【 插入 】 → 【 Web组件 】 命令,打开 【 插入 Web组件 】 对话框。
（ 2）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】
选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】
选项框中的 【 网页 】,并单击 【 完成 】 按钮，打开
【 包含网页属性 】 对话框。 （ 3）单击 【 浏览 】 按钮，
选取要包含的网页文件（扩展名为,htm）。如图 5-26
所示，选定后，单击 【 确定 】 按钮，被选中的网页将自动加到当前网页中。
（ 4）保存文件并浏览，得出 如图 所示的效果。
包含网页效果
5.3.3 预定网页插入一个预定网页操作步骤如下：
（ 1）在 【 网页 】 视图模式下，确定需要插入预定网页的位置，执行 【 插入 】 → 【 Web组件 】 命令,打开 【 插入 Web组件 】 对话框。
（ 2）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】 选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】 选项框中的 【 预定网页 】 。
（ 3）点击 【 完成 】 按钮，打开 【 预定的包含网页属性 】 对话框，
进行设置。
（ 4）单击 【 确定 】 按钮，即预定了起于,开始时间,,止于,结束时间,的显示网页。
5.3.4 预定图片步骤如下：
（ 1）在 【 网页 】 视图模式下，确定需要插入预定网页的位置，执行 【 插入 】 → 【 Web组件 】 命令，打开 【 插入 Web组件 】 对话框。
（ 2）在 【 插入 Web组件 】 对话框中，选中 【 组件类型 】 选项框中的 【 包含内容 】 项，再选取 【 选择内容类型 】 选项框中的 【 预定图片 】 。
（ 3）点击 【 完成 】 按钮，打开 【 预定图片属性 】 对话框，在 【 预定图片属性 】 对话框中对 【 要显示的图片 】 进行设置。
（ 4）单击 【 确定 】 按钮，即预定了起于,开始时间,,止于,结束时间,的显示图片。
5.4 使用搜索组件搜索表单浏览效果
5.5 Active X控件
5.5.1 插入 Active X控件在网页中插入一个 ActiveX控件的具体操作方法：
（ 1）在 【 网页 】 视图模式下，选定要插入控件的网页，并将插入点定位到具体位置。 执行 【 插入 】 → 【 Web组件 】 命令，打开了
【 Web组件 】 对话框。在 【 组件类型 】 中选择 【 高级控件 】 选项，
在右侧的 【 选择搜索类型 】 中选择 【 ActiveX控件 】 选项。
（ 2）点击 【 下一步 】 按钮，打开 【 插入 Web组件 】 对话框
（ 3）在 【 选择一个控件 】 列表框中，列出了计算机上已安装和注册的所有可用的 ActiveX控件，单击 【 自定义 】 按钮，可以在列表中添加或删除 ActiveX控件。
（ 4）在 【 选择一个控件 】 列表框中选中要插入的控件，这里选择
,ActiveMovieControl Object”，单击 【 完成 】 按钮。
（ 5）回到页面的编辑窗口，就可以看到页面中被插入的 ActiveX
控件。
5.5.2 编辑 Active X控件操作步骤：
（ 1）在 【 网页 】 视图模式下，右击页面中要修改的 ActiveX控件，
并执行 【 ActiveX控件属性 】 命令，或双击该 ActiveX控件，打开
【 选项 】 对话框。
（ 2）在 【 选项 】 对话框中有多个选项卡，其中可以修改 ActiveX控件的相关属性。
（ 3）当所有选项都设定后，单击 【 确定 】 按钮，完成属性设置。
（ 4）回到网页的编辑窗口，单击底部的 【 预览 】 标签，切换到
【 预览 】 视图，或单击工具栏上的预览按钮就会看到控件播放的视频效果。
小结本章介绍了 FrontPage 2002提供的制作网页特效的高级组件。其中的动态 HTML、悬停按钮、滚动字幕、横幅广告、站点计数器及音频、视频动画等，这些都是为网页增添动态效果的组件工具。利用“时间戳”可以显示某个页面的编辑或最后一次更新时间。利用
FrontPage 2002提供的“包含”功能，可以实现批量的替换、更改包含的网页、预定网页及图片等。还可以在页面上添加搜索表单，方便浏览者快捷的查找到想要的信息。另外,FrontPage 2002还支持在网页中插入
ActiveX控件，这是一些具有特定功能的程序，它可以嵌入到网页中，并在浏览器的客户端执行，它扩展了
Web浏览器的功能，同时也丰富了网页的内容。通过本章的学习，用户可以充分利用 FrontPage 2002所提供的众多高级组件，在所编辑的网站中实现很多特殊的、
实用的功能。
