第5章网页特效的制作 本章要点: 区动态组件使用效果 兴区时间戳及包含网页组件 兴区搜索组件的使用 兴区 Active X控件及其应用
第5章 网页特效的制作 本章要点: 动态组件使用效果 时间戳及包含网页组件 搜索组件的使用 Active X控件及其应用
5.1动态组件效果 兴51.1为网页或Web站点创建过渡效果 打开所编辑网页,执行【格式】→【网页过渡】命令。 aiX] 文件)编辑视图Q插入〔)格式Q)工具)麦格(A)框架()窗口)帮助Q 1D·,回助回,以属电多的,·口圆國◎们|口中文简繁转赖, 叫B|AA行E你田·△ 视图 /pagel htn page08 htm new_age_1. htm abutme htm 这是一个简单的个人网站 文件夹 升发人员 FrontPage2002中文版(L 牛,它是 Office x的 导航套装产品,除了具有和fce 便性,更重要的是口ffce 家族中的各个应用程序紧密 ,为建和管理具有专业 水准的web站点提供了完善的解决方案,号称“无须维程既可用有极具专业水准的Web站点”。 通回m预览 网页过渡效果 心自法图①p 口○固4图圆2·区·△,三君口 了传轴方式·206·时间:3秒
5.1 动态组件效果 5.1.1 为网页或Web站点创建过渡效果 打开所编辑网页,执行【格式】→【网页过渡】命令。 网页过渡效果
5.12动态HTML效果 紫所谓“动态HTML也就是 DHTML 操作步骤: (1)选择【格式】→【动态HM效果】命令 (2)在所编辑的网页中,选择所要触发效果的对 象 (3)在【应用】选项中选择所想要的动态效果 (4)紧接着【应用】选项之后的“选择设置”下 拉列表中是用来设置刚被选中的效果参数的。 (5)单击页面主编辑区下方的【预览】按钮,出 现设定好特效的页面预览效果
5.1.2 动态 HTML 效果 所谓“动态HTML”也就是DHTML。 操作步骤: (1)选择【格式】→【动态HTML效果】命令 (2)在所编辑的网页中,选择所要触发效果的对 象 (3)在【应用】选项中选择所想要的动态效果 (4)紧接着【应用】选项之后的“选择设置”下 拉列表中是用来设置刚被选中的效果参数的。 (5) 单击页面主编辑区下方的【预览】按钮,出 现设定好特效的页面预览效果
513悬停按钮 悬停按钮是具有动态效果的活动按钮。将鼠标移至悬停按钮时, 便显示出一定的动态效果,在单击按钮后,该按钮的颜色将发生变 化,并同时打开所连接的目标页面。另外,还可以设定当鼠标移至 悬停按钮或单击按钮时,伴随着声音的变化 操作步骤:(1)选择【插入】→【Web组件】命令,打开了【Web 组件】对话框。(2)单击【完成】按钮,打开【悬停按钮属性】 对话框(3)接着用户可以在【按钮文本】文本框中,输入在按钮 上要显示的文字;单击【字体】按钮可以设置字体的属性。在【链 接到】中可输入悬停按钮链接目标的地址,也可以通过单击【浏览】 按钮来査找确定的目标。(4)在【按钮颜色】下拉列表中可选择 悬停按钮的颜色,这是悬停按钮的初始颜色。在【背景颜色】下拉 列表中可选择悬停按钮的背景颜色,背景颜色将出现在悬停按钮的 后面。【宽度】和【高度】中可设定悬停按钮的尺寸大小。(5) 在【效果】下拉列表中可选择当鼠标指向悬停按钮时所表现出的动 态效果
5.1.3 悬停按钮 悬停按钮是具有动态效果的活动按钮。将鼠标移至悬停按钮时,它 便显示出一定的动态效果,在单击按钮后,该按钮的颜色将发生变 化,并同时打开所连接的目标页面。另外,还可以设定当鼠标移至 悬停按钮或单击按钮时,伴随着声音的变化。 操作步骤:(1)选择【插入】→【Web组件】命令,打开了【Web 组件】对话框。 (2)单击【完成】按钮,打开【悬停按钮属性】 对话框 (3)接着用户可以在【按钮文本】文本框中,输入在按钮 上要显示的文字;单击【字体】按钮可以设置字体的属性。在【链 接到】中可输入悬停按钮链接目标的地址,也可以通过单击【浏览】 按钮来查找确定的目标。 (4)在【按钮颜色】下拉列表中可选择 悬停按钮的颜色,这是悬停按钮的初始颜色。在【背景颜色】下拉 列表中可选择悬停按钮的背景颜色,背景颜色将出现在悬停按钮的 后面。【宽度】和【高度】中可设定悬停按钮的尺寸大小。 (5) 在【效果】下拉列表中可选择当鼠标指向悬停按钮时所表现出的动 态效果
514滚动字幕 (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.5 横幅广告 实现步骤如下: (1)在所编辑网页中选定要插入标题广告的区域,再打开【插入】 →【Web组件】命令,选择【横幅广告管理器】命令,打开【横幅 广告管理器属性】对话框。 (2)在【宽度】和【高度】文本框中,确定广告的大小尺寸,尺 寸的单位是像素。 (3)如想为图片添加一个超链接目标,可以在【链接到】文本框 内输入超链接目标。 (4)在【显示图片】列表内,将所有要显示的图片添加进去
516网站计数器 在站点中添加计数器的操作步骤如下: (1)首先选择好需要插入站点计数器的网站页面,通常情况下都 是在网站的首页上 (2)执行【插入】→【Web组件】命令,显示【插入Web组件】选 项;选择【组件类型】选项栏中的【计数器】选项,然后在对话 框的右侧【选择计数器样式】选项栏中选择想要的计数器外貌 (3)当选择了五种样式中的一种后,双击选中的计数器,这时将 弹出【站点计数器属性】对话框。 (4)当选择好外观并设定好属性后,单击【确定】按钮,完成操 作,并保存网页
5.1.6 网站计数器 在站点中添加计数器的操作步骤如下: (1)首先选择好需要插入站点计数器的网站页面,通常情况下都 是在网站的首页上。 (2)执行【插入】→【Web组件】命令,显示【插入Web组件】选 项;选择【组件类型】选项栏中的【计数器】选项,然后在对话 框的右侧【选择计数器样式】选项栏中选择想要的计数器外貌。 (3)当选择了五种样式中的一种后,双击选中的计数器,这时将 弹出 【站点计数器属性】对话框。 (4)当选择好外观并设定好属性后,单击【确定】按钮,完成操 作,并保存网页
5.1.7音频、视频动画 兴1.音频对象的插入 (1)打开需要导入音频的网页,执行【文件】→【属性】命令, 打开【网页属性】对话框。 (2)在【网页属性】对话框【常规】选项卡中,单击【背景音 乐】选项中的【浏览】按钮,将出现【背景音乐】对话框,查找一 并选取想要的音频文件。 (3)此时,选取文件的URL路径会出现在【网页属性】对话框 的【背景音乐】选项的【位置】文本框中。 (4)在【背景音乐】选项的【循环次数】文本框中输入音乐的 循环次数,若希望音乐一直循环下去,可以选择【次数不限】。 (5)最后单击【确定】按钮,背景音频文件就插入到网页中了
5.1.7 音频、视频动画 1. 音频对象的插入 (1)打开需要导入音频的网页,执行【文件】→【属性】命令, 打开【网页属性】对话框。 (2)在【网页属性】对话框【常规】选项卡中,单击【背景音 乐】选项中的【浏览】按钮,将出现【背景音乐】对话框,查找 并选取想要的音频文件。 (3)此时,选取文件的URL路径会出现在【网页属性】对话框 的【背景音乐】选项的【位置】文本框中。 (4)在【背景音乐】选项的【循环次数】文本框中输入音乐的 循环次数,若希望音乐一直循环下去,可以选择【次数不限】。 (5)最后单击【确定】按钮,背景音频文件就插入到网页中了
2.视频对象的插入 数在 FrontPage2002中为网页中导入视频对象的步骤如下 (1)执行【插入】→【图片】→【视频】命令,打开【打开文件】 对话框。査找选择要用的视频文件,单击【确定】按钮,返回到 编辑网页, FrontPage i crosoft FrontS名 会生成二个框架显示视频外观。如图:m 1文件)编辑①)视图Q插入①)格式Q)工具〔)表格()框架)窗口)帮助Q创建表单 1D·国,副周回,舀以届电,口四奶盛。们②中文简紫转换 方正姚体 646)·国]1≡≡国≡A 口·△· 足了平1人門和 视图 文件夹 ■國站概况 ■网站导 网站规划 网页制作 ■网站维护 2004-03-2412 欢迎光临个人网站世界」 若要获取帮助,请按F1 传输方式:26.8,时间:46秒
2. 视频对象的插入 在FrontPage 2002中为网页中导入视频对象的步骤如下: (1)执行【插入】→【图片】→【视频】命令,打开【打开文件】 对话框。查找选择要用的视频文件,单击【确定】按钮,返回到 编辑网页,FrontPage会生成一个框架显示视频外观。如图 :
(2)在编辑页面上双击视频对象,出现【图片属性】 对话框,其【视频】选项的【重复】项中,可以控制 视频播放时的循环、间隔等属性。在【开始】选项中 若选择【打开文件时】选项,可以让浏览器在下载对 象后马上播放;选择【当鼠标悬停于其上时】,是设 定对象在鼠标停留在视频上方时才播放。 兴(3)在预览网页效果时,用户可以单击对象的任何 处再次播放;要结束或中途继续播放,可以在对象上 单击鼠标
(2)在编辑页面上双击视频对象,出现【图片属性】 对话框,其【视频】选项的【重复】项中,可以控制 视频播放时的循环、间隔等属性。在【开始】选项中 若选择【打开文件时】选项,可以让浏览器在下载对 象后马上播放;选择【当鼠标悬停于其上时】,是设 定对象在鼠标停留在视频上方时才播放。 (3)在预览网页效果时,用户可以单击对象的任何一 处再次播放;要结束或中途继续播放,可以在对象上 单击鼠标