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

《网页设计技术教程 第5章 网页特效的制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

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

3、在按钮上要显示的文字；单击【字体】按钮可以设置字体的属性。在【链接到】中可输入悬停按钮链接目标的地址，也可以通过单击【浏览】按钮来查找确定的目标。（4）在【按钮颜色】下拉列表中可选择悬停按钮的颜色，这是悬停按钮的初始颜色。在【背景颜色】下拉列表中可选择悬停按钮的背景颜色，背景颜色将出现在悬停按钮的后面。【宽度】和【高度】中可设定悬停按钮的尺寸大小。（5）在【效果】下拉列表中可选择当鼠标指向悬停按钮时所表现出的动态效果5.1.4滚动字幕（1）选择【插入】→【Web组件】命令，打开了【Web组件】对

4、话框。在【组件类型】中选择“字幕”选项。（2）单击【完成】按钮，打开【字幕属性】对话框（3）在【字幕属性】对话框的【文字】文本框中，输入需要播放的文字。在【方向】选项中选择字幕的滚动方向。（4）在【大小】选项中，设定字幕的尺寸大小（5）最后单击【确定】，并关闭对话框，完成操作。5.1.5横幅广告实现步骤如下：（1）在所编辑网页中选定要插入标题广告的区域，再打开【插入】→【Web组件】命令，选择【横幅广告管理器】命令，打开【横幅广告管理器属性】对话框。（2）在【宽度】和【高度】文本框中，确定广告的

5、大小尺寸，尺寸的单位是像素。（3）如想为图片添加一个超链接目标，可以在【链接到】文本框内输入超链接目标。（4）在【显示图片】列表内，将所有要显示的图片添加进去。5.1.6网站计数器在站点中添加计数器的操作步骤如下：（1）首先选择好需要插入站点计数器的网站页面，通常情况下都是在网站的首页上。（2）执行【插入】→【Web组件】命令，显示【插入Web组件】选项；选择【组件类型】选项栏中的【计数器】选项，然后在对话框的右侧【选择计数器样式】选项栏中选择想要的计数器外貌。（3）当选择了五种样式中的一种后，

6、双击选中的计数器，这时将弹出【站点计数器属性】对话框。（4）当选择好外观并设定好属性后，单击【确定】按钮，完成操作，并保存网页。5.1.7音频、视频动画1.音频对象的插入（1）打开需要导入音频的网页，执行【文件】→【属性】命令，打开【网页属性】对话框。（2）在【网页属性】对话框【常规】选项卡中，单击【背景音乐】选项中的【浏览】按钮，将出现【背景音乐】对话框，查找并选取想要的音频文件。（3）此时，选取文件的URL路径会出现在【网页属性】对话框的【背景音乐】选项的【位置】文本框中。（4）在【背景音乐

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

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