第6.2课让网页动起来

1、第第6.2课课 让网页动起来让网页动起来 本章要点： 动态组件使用效果 时间戳及包含网页组件 搜索组件的使用 Active X控件及其应用5.1 动态组件效果 5.1.1 为网页或为网页或Web站点创建过渡效果站点创建过渡效果 打开所编辑网页，执行【格式】【网页过渡】命令。 网页过渡效果 6.2 动态动态 HTML 效果效果 所谓“动态HTML”也就是DHTML。 操作步骤： （1）选择【格式】【动态HTML效果】命令 （2）在所编辑的网页中，选择所要触发效果的对象 （3）在【应用】选项中选择所想要的动态效果 （4）紧接着【应用】选项之后的“选择设置”下拉列表中是用来设置刚被选中的效果参数的。

2、 （5） 单击页面主编辑区下方的【预览】按钮，出现设定好特效的页面预览效果。 悬停按钮悬停按钮 悬停按钮是具有动态效果的活动按钮。将鼠标移至悬停按钮时，它便显示出一定的动态效果，在单击按钮后，该按钮的颜色将发生变化，并同时打开所连接的目标页面。另外，还可以设定当鼠标移至悬停按钮或单击按钮时，伴随着声音的变化。操作步骤：（1）选择【插入】【Web组件】命令，打开了【Web组件】对话框。 （2）单击【完成】按钮，打开【悬停按钮属性】对话框 （3）接着用户可以在【按钮文本】文本框中，输入在按钮上要显示的文字；单击【字体】按钮可以设置字体的属性。在【链接到】中可输入悬停按钮链接目标的地址，也可以通过单

3、击【浏览】按钮来查找确定的目标。 （4）在【按钮颜色】下拉列表中可选择悬停按钮的颜色，这是悬停按钮的初始颜色。在【背景颜色】下拉列表中可选择悬停按钮的背景颜色，背景颜色将出现在悬停按钮的后面。【宽度】和【高度】中可设定悬停按钮的尺寸大小。 （5）在【效果】下拉列表中可选择当鼠标指向悬停按钮时所表现出的动态效果 滚动字幕滚动字幕 （1）选择【插入】【Web组件】命令，打开了【Web组件】对话框。在【组件类型】中选择“字幕”选项。（2）单击【完成】按钮，打开【字幕属性】对话框 （3）在【字幕属性】对话框的【文字】文本框中，输入需要播放的文字。在【方向】选项中选择字幕的滚动方向。 （4）在【大小】选

4、项中，设定字幕的尺寸大小 （5）最后单击【确定】，并关闭对话框，完成操作。 5.1.5 横幅广告横幅广告 实现步骤如下： （1）在所编辑网页中选定要插入标题广告的区域，再打开【插入】【Web组件】命令，选择【横幅广告管理器】命令，打开【横幅广告管理器属性】对话框。 （2）在【宽度】和【高度】文本框中，确定广告的大小尺寸，尺寸的单位是像素。 （3）如想为图片添加一个超链接目标，可以在【链接到】文本框内输入超链接目标。 （4）在【显示图片】列表内，将所有要显示的图片添加进去。 5.1.6 网站计数器网站计数器 在站点中添加计数器的操作步骤如下： （1）首先选择好需要插入站点计数器的网站页面，通常情

5、况下都是在网站的首页上。 （2）执行【插入】【Web组件】命令，显示【插入Web组件】选项；选择【组件类型】选项栏中的【计数器】选项，然后在对话框的右侧【选择计数器样式】选项栏中选择想要的计数器外貌。 （3）当选择了五种样式中的一种后，双击选中的计数器，这时将弹出 【站点计数器属性】对话框。 （4）当选择好外观并设定好属性后，单击【确定】按钮，完成操作，并保存网页。 音频、视频动画音频、视频动画 1. 音频对象的插入 （1）打开需要导入音频的网页，执行【文件】【属性】命令，打开【网页属性】对话框。 （2）在【网页属性】对话框【常规】选项卡中，单击【背景音乐】选项中的【浏览】按钮，将出现【背景音

6、乐】对话框，查找并选取想要的音频文件。 （3）此时，选取文件的URL路径会出现在【网页属性】对话框的【背景音乐】选项的【位置】文本框中。 （4）在【背景音乐】选项的【循环次数】文本框中输入音乐的循环次数，若希望音乐一直循环下去，可以选择【次数不限】。 （5）最后单击【确定】按钮，背景音频文件就插入到网页中了。 2. 视频对象的插入 在FrontPage 2002中为网页中导入视频对象的步骤如下：（1）执行【插入】【图片】【视频】命令，打开【打开文件】对话框。查找选择要用的视频文件，单击【确定】按钮，返回到编辑网页，FrontPage会生成一个框架显示视频外观。如图 ： （2）在编辑页面上双击视

7、频对象，出现【图片属性】对话框，其【视频】选项的【重复】项中，可以控制视频播放时的循环、间隔等属性。在【开始】选项中若选择【打开文件时】选项，可以让浏览器在下载对象后马上播放；选择【当鼠标悬停于其上时】，是设定对象在鼠标停留在视频上方时才播放。（3）在预览网页效果时，用户可以单击对象的任何一处再次播放；要结束或中途继续播放，可以在对象上单击鼠标。 时间戳 网页中“时间戳”效果 包含网页组件 5.3.1 替换组件替换组件 （1）执行【工具】【站点设置】命令，打开【站点设置】对话框 （2）在【站点设置】对话框中单击【参数】选项卡，在【参数】选项卡中单击【添加】按钮，出现一个【添加名称与值】对话框

8、（3）在【添加名称与值】对话框的【名称】文本框中输入“day”，然后在【值】文本框中输入“Sunday”，再单击【确定】按钮，按照这个步骤分别定义下面的几个变量及值，分别设置如表 变量名称变量名称数值数值daySundaytime2004-03-21add南京工业（4）单击【确定】按钮。替换定义完毕。（5）下面将替换应用到网页中。在【网页】视图模式下，确定需要插入替换的位置，执行【插入】【Web组件】命令，打开【插入Web组件】对话框。（6）在【插入Web组件】对话框中，选中【组件类型】选项框中的【包含内容】项，再选取【选择内容类型】选项框中的【替换】，并单击【完成】按钮，打开【替换属性】对话

9、框。 （7）在【替换为】下拉列表中选取要替换的变量名称，再单击【确定】按钮，页面上将出现该变量的值。 包含页面组件包含页面组件 具体操作步骤如下： （1）在【网页】视图模式下，确定需要包含其它网页的位置，执行【插入】【Web组件】命令，打开【插入Web组件】对话框。 （2）在【插入Web组件】对话框中，选中【组件类型】选项框中的【包含内容】项，再选取【选择内容类型】选项框中的【网页】，并单击【完成】按钮，打开【包含网页属性】对话框。 （3）单击【浏览】按钮，选取要包含的网页文件（扩展名为.htm）。如图5-26所示，选定后，单击【确定】按钮，被选中的网页将自动加到当前网页中。 （4）保存文件并

10、浏览，得出如图所示的效果。 包含网页效果 5.3.3 预定网页预定网页 插入一个预定网页操作步骤如下： （1）在【网页】视图模式下，确定需要插入预定网页的位置，执行【插入】【Web组件】命令，打开【插入Web组件】对话框。 （2）在【插入Web组件】对话框中，选中【组件类型】选项框中的【包含内容】项，再选取【选择内容类型】选项框中的【预定网页】。 （3）点击【完成】按钮，打开【预定的包含网页属性】对话框，进行设置。 （4）单击【确定】按钮，即预定了起于“开始时间”、止于“结束时间”的显示网页。 预定图片预定图片 步骤如下： （1）在【网页】视图模式下，确定需要插入预定网页的位置，执行【插入】【

11、Web组件】命令，打开【插入Web组件】对话框。 （2）在【插入Web组件】对话框中，选中【组件类型】选项框中的【包含内容】项，再选取【选择内容类型】选项框中的【预定图片】。 （3）点击【完成】按钮，打开【预定图片属性】对话框，在【预定图片属性】对话框中对【要显示的图片】进行设置。 （4）单击【确定】按钮，即预定了起于“开始时间”、止于“结束时间”的显示图片。 5.4 使用搜索组件 搜索表单浏览效果 5.5 Active X控件 5.5.1 插入插入Active X控件控件 在网页中插入一个ActiveX控件的具体操作方法： （1）在【网页】视图模式下，选定要插入控件的网页，并将插入点定位到具

12、体位置。执行【插入】【Web组件】命令，打开了【Web组件】对话框。在【组件类型】中选择【高级控件】选项，在右侧的【选择搜索类型】中选择【ActiveX控件】选项。 （2）点击【下一步】按钮，打开【插入Web组件】对话框 （3）在【选择一个控件】列表框中，列出了计算机上已安装和注册的所有可用的ActiveX控件，单击【自定义】按钮，可以在列表中添加或删除ActiveX控件。 （4）在【选择一个控件】列表框中选中要插入的控件，这里选择“ActiveMovieControl Object”，单击【完成】按钮。 （5）回到页面的编辑窗口，就可以看到页面中被插入的ActiveX控件。 编辑编辑Acti

13、ve X控件控件 操作步骤： （1）在【网页】视图模式下，右击页面中要修改的ActiveX控件，并执行【ActiveX控件属性】命令，或双击该ActiveX控件，打开【选项】对话框。 （2）在【选项】对话框中有多个选项卡，其中可以修改ActiveX控件的相关属性。 （3）当所有选项都设定后，单击【确定】按钮，完成属性设置。 （4）回到网页的编辑窗口，单击底部的【预览】标签，切换到【预览】视图，或单击工具栏上的预览按钮就会看到控件播放的视频效果。 小结 本章介绍了FrontPage 2002提供的制作网页特效的高级组件。其中的动态HTML、悬停按钮、滚动字幕、横幅广告、站点计数器及音频、视频动画等，这些都是为网页增添动态效果的组件工具。利用“时间戳”可以显示某个页面的编辑或最后一次更新时间。利用FrontPage 2002提供的“包含”功能，可以实现批量的替换、更