10 动态网页制作
10．1 动态网页（Top）
而动态HTML（Dynamic HTML，缩写为DHTML），可让网页元素（文字、图像等）显示简单的动画效果。
注意：设置文字的动态HTML效果时，是以段落为单位（元）。
设置方法：
在“网页”·“普通”视图中，选定需设置动画效果的元素后，单击“格式”·“动态HTML效果”，然后在“DHTML”工具栏上进行有着设置。
“开启”下拉列表框中，选定触发动态效果的事件。有单击、双击、鼠标悬停和网页加载四种。
“应用”下拉列表框中，选定动态效果的类型。不同的触发事件，对应的动态效果不同。例如，网页加载对应的有8种动态效果；而单击对应的动态效果只有2种。
“效果”下拉列表框，用于选定动态效果。例如，飞入动态效果有从右侧、从底等。
“删除效果”按钮，单击后，删除动态效果。
“突出显示动态HTML效果”按钮，按下时，（“普通”视图中）设置了动态效果的网页元素将突出显示。例如，出现淡蓝背景色。
10．2 组件简介（Top）
组件是用Java、Visual Basic、或Visual C++等面向对象的高级语言开发的可嵌入其他系统中使用的程序对象。网页设计是使用HTML超文本标注语言，不能实现程序化控制。因此，常在网页制作过程中使用组件来补充HTML语言的不足。以达到增强网页效果、节省编辑工作量和减小网页文件的目的。
FrontPage 2000提供15种网页组件，包括：功能相对简单的“站点计数器”；有动画效果的“横幅广告管理器”、“悬停按钮”和“字幕”；可避免重复设计的“包含预定图片”、“包含网页”、“预定包含网页”、“确认域”和“替代”；功能较为高级的“类别”、“搜索表单”和“目录”，以及与Office
2000其它组件有关的“Office Spreadsheet”、“Office
PivotTable”和“Office Chart”等。
对于普通用户来说，上述组件不是都能使用的，因为有些组件需要FrontPage服务器扩展（FrontPage Sever Extension）支持，如，“站点计数器”、“确认域”等；有些则要求浏览器安装Office的Web组件等。因此，在网页中插入组件时，必须考虑到服务器是否安装FrontPage服务器扩展等因素。
下面先介绍在网页中插入“字幕”、“横幅广告管理器”和“悬停按钮”三种组件的方法。它们均为不需FrontPage服务器扩展的支持。
如果，时间允许，以后再讲解“目录”和“类”两种组件。
10．3 字幕（Top）
在网页中插入“字幕”，可以使浏览者在屏幕上看到滚动的文字。
在不支持此项功能的浏览器中，字幕将被显示为普通文字。
10．3．1 插入字幕（Top）
⑴在“网页”·“普通”视图中，将光标移至需插入“字幕”处，然后单击“插入”·“组件”·“字幕”。
⑵在“字幕属性”对话框上，“文本”框中键入需在屏幕上滚动的文字，如，“欢迎光临！”，并设置其它属性项后，单击“确定”。
10．3．2 “字幕属性”对话框（Top）
用户可对字幕的滚动方向、速度、表现方式、字体、字号等作出多种设置，设置在“字幕属性”对话框上进行。设置方法是：
⑴“方向”选项区
选中“左”单选框，文字自右向左滚动；选中“右”单选框，滚动方向相反。
⑵“速度”选项区
“延迟”框中设定前一次滚动结束至后一次滚动开始之间隔，单位为毫秒；“数量”框中设定文字滚动时，向前移动的“步长”，单位为像素。
⑶“表现方式”选项区
设定滚动的方式。选中“滚动条”，文字以“方向”、“速度”选项区中选定的方向、速度循环滚动；选中“幻灯片”，文字前端滚动到屏幕边缘时，便消失；选中“交替”，文字在屏幕上左右摆（滚）动。
⑷“文本对齐方式”选项区
设置滚动文字在字幕区中的位置。
⑸“大小”选项区
设置字幕区的宽度和高度。度量单位是“像素”或“百分比（相对屏幕）”。一般宜用“百分比”。
⑹“重复”选项区
设置文字滚动的次数。选中“连续”复选框，滚动将不限次地进行；取消该复选框，可在下边的数值框中设定滚动的次数。
⑺“背景颜色”
设置字幕的背景颜色。一般均选用“自动”，即选用网页的背景。
⑻需修改滚动文字属性（字体、字形、字号等），可单击“样式”，打开“修改样式”对话框后，进行具体修改。
10．4 横幅广告管理器（Top）
在很多网页上，有动态显示图片的窗口（区域），由于大多数在网页的头部、长条形，且播放的是广告图片，因此，称为“横幅广告”。横幅广告类似幻灯片播放，它将多幅GIF（或JPEG）图片以一定次序和时间间隔循环地在“横幅窗口”中显示。FrontPage
2000的“横幅广告管理器就是用于实现此目的的一种组件。
注意：这实际上是一个Java小程序。
10．4．1 插入横幅广告管理器（Top）
在“网页”·“普通”视图中，将光标移至需插入“横幅广告管理器”处，然后单击“插入”·“组件”·“横幅广告管理器”。
10．4．2 “横幅广告管理器属性”对话框（Top）
“宽度”与“高度”文本框，。
若广告图片的高度或宽度大于上述设定值，则图片被截去一部分。若广告图片的高度或宽度大于小述设定值，则周围出现一个灰色的边框。
“渡过效果”下拉列表框，选定切换图片时的过渡效果。共有6个选项：①“无”，无过渡效果；②“水平遮蔽”，水平百页窗过渡效果；③“垂直遮蔽”，垂直百页窗过渡效果；④“分解”，下一幅图片，从当前图片上扩散出现的效果；⑤“盒状收缩”，从四周向中心汇合的过渡效果；⑥“盒状放射”，从中心向四周扩散的过渡效果。
“每幅图片显示（秒）”文本框，设定每幅图片的显示时间。
“链接到”框，设定以横幅广告为超级链接源的目标网页或其它文件（URL）。
“显示图片”框，利用左侧的“添加”、“删除”、“上移”和“下移”按钮添加、删除或调整图片的显示顺序。
注意：这实际上是一个Java小程序。
10．5 悬停按钮（Top）
悬停按钮是有动画和颜色效果的按钮。
悬停按钮一般都是超级链接的源。
通过对悬停按钮属性的设置，可以合其具有不同的网页效果。可以为其指定“按钮颜色”和“效果颜色”，并选择一种按钮“效果；可以为其指定声音文件，便其声音效果；可以为其指定图片文件，合其具有比文字更丰富的含义。
10．5．1 插入悬停按钮（Top）
在“网页”·“普通”视图中，将光标移至需插入“字幕”处，然后单击“插入”·“组件”·“悬停按钮”。
10．4．2 “悬停按钮属性”对话框（Top）
“按钮文本”框，输入按钮的标签文字。若需改变文字属性，可单击“字体”按钮，然后在“字体”对话框上进行设置。
“链接到”框，设定以悬停按钮为超级链接源的目标网页或其它文件（URL）。
“按钮颜色”下拉列表框，选定按钮颜色。注意：若在“自定义”属性中，为按钮选择了图片，则本框设置无效。
“背景颜色”下拉列表框，选定按钮的背景颜色。通常被按钮颜色遮蔽。
“效果”下拉式列表框，选定鼠标指针移动到该按钮上时的显示效果。共有7个选项：①“填充颜色”，从“按钮颜色”变为“效果颜色”；②“颜色对比”，从“按钮颜色”变为“效果颜色”与“按钮颜色”的中间色；③“发光”，按钮中间部位变成“效果颜色”，并向四周逐渐过渡到“按钮颜色”；④“反色发光”，按钮四周变成“效果颜色”，并向中心逐渐过渡到“按钮颜色”（与发光效果相反）；⑤“微微发光”，按钮中间区域的颜色变淡；⑥“凸出”，按钮上的文字向右上方移动一个像素（不易看出来）；⑦“凹进”，按钮文字向左下方移动一个像素（不易看出来）。
简言之，悬停效果主要是按钮上的颜色变化。且决定于按钮颜色和效果颜色。
“效果颜色”下拉列表框，选定效果颜色。
“宽度”和“高度”文本框，设定悬停按钮的的宽度与高度（单位是像素）
“自定义”按钮，单击后，打开“自定义”对话框，设置自定义属性。
“播放声音”，可设定“单击（鼠标）时”和“悬停时”的声音。
“自定义图片”，可设定按钮图片和悬停图片。也就是说，悬停时，可换一张图片。
ActiveX：微软倡导的ActiveX 网络化多媒体对象技术
主页 （TOP） |
