网页设计技术教程 第5章网页特效的制作.ppt

《网页设计技术教程 第5章网页特效的制作.ppt》由会员分享，可在线阅读，更多相关《网页设计技术教程 第5章网页特效的制作.ppt（21页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

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

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

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

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

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

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

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

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

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

12、级控件】选项，在右侧的【选择搜索类型】中选择【ActiveX控件】选项。（2）点击【下一步】按钮，打开【插入Web组件】对话框 （3）在【选择一个控件】列表框中，列出了计算机上已安装和注册的所有可用的ActiveX控件，单击【自定义】按钮，可以在列表中添加或删除ActiveX控件。（4）在【选择一个控件】列表框中选中要插入的控件，这里选择“ActiveMovieControl Object”，单击【完成】按钮。（5）回到页面的编辑窗口，就可以看到页面中被插入的ActiveX控件。5.5.2 编辑编辑Active X控件控件操作步骤：（1）在【网页】视图模式下，右击页面中要修改的ActiveX控

13、件，并执行【ActiveX控件属性】命令，或双击该ActiveX控件，打开【选项】对话框。（2）在【选项】对话框中有多个选项卡，其中可以修改ActiveX控件的相关属性。（3）当所有选项都设定后，单击【确定】按钮，完成属性设置。（4）回到网页的编辑窗口，单击底部的【预览】标签，切换到【预览】视图，或单击工具栏上的预览按钮就会看到控件播放的视频效果。小结本章介绍了FrontPage2002提供的制作网页特效的高级组件。其中的动态HTML、悬停按钮、滚动字幕、横幅广告、站点计数器及音频、视频动画等，这些都是为网页增添动态效果的组件工具。利用“时间戳”可以显示某个页面的编辑或最后一次更新时间。利用FrontPage2002提供的“包含”功能，可以实现批量的替换、更改包含的网页、预定网页及图片等。还可以在页面上添加搜索表单，方便浏览者快捷的查找到想要的信息。另外，FrontPage2002还支持在网页中插入ActiveX控件，这是一些具有特定功能的程序，它可以嵌入到网页中，并在浏览器的客户端执行，它扩展了Web浏览器的功能，同时也丰富了网页的内容。通过本章的学习，用户可以充分利用FrontPage2002所提供的众多高级组件，在所编辑的网站中实现很多特殊的、实用的功能。