《 用frontpage2000制作动态效果 》
{ 经常上网的朋友一定有过这样的体验,当打开某个网页时一张可爱的图片从左下角徐徐升起,优美极了;或者点击某个图片后它突然向下坠落,吓人一跳。此时你一定啧啧称奇,“绝了!” 这就是dhtml,人见人爱的动态html。frontpage2000就提供了制作动态html效果的方法,而且操作也十分容易和直观,你完全可以轻松的建立属于自己的动态html效果网页。 我们先来看看使用dhtml的基本步骤。 首先在网页视图模式下要将使用dhtml的对象(比如文本、图片)选定; 然后在“格式”菜单中选“动态dhtml效果”,调出dhtml工具栏。 在“开启”的下拉列表中选择一种事件(文本和图片所具有的事件是不同的),接下来在“应用”下拉列表选择一种效果,最后对该效果的实现进行设置(图1)。当你保存页面后,你就可以对刚才设定的dhtml进行预览了,就这么简单。 下面我们来实践一下。我们先输入一段文字,比如:“欢迎光临!”并设定好文字的字体、大小和颜色(如图4)。然后选定此文字,从“格式”菜单中打开“dhtml 效果” 的工具栏后,接着在dhtml效果工具栏的“开启”下拉列表中选择一个事件。这里有四种事件可供选择。 单击:用鼠标单击网页元素后产生动态效果。 双击:用鼠标双击网页元素后产生动态效果。 鼠标悬停:当鼠标移到网页元素上时产生动态效果。 网页加载:当网页被加载到访问者的浏览器中时产生动态效果。 每种事件所对应的“应用”也各不相同。这里我们选择“鼠标悬停”事件,然后在“应用”下拉列表选择一种效果。这里只有“格式”一种效果可选。在对该效果的实现进行设置时可以有“选择字体” 和“选择边框”两种设置(图2)。你可以尽情地去更改 “字体、大小、颜色、间距、效果或更改边框、底纹等数10项设置!(图3) 最后确定后,我们就可以预览了。瞧,当你的鼠标悬停在“欢迎光临”时,这几个字的颜色、字体、大小都瞬间发生了改变,还会闪烁! 图4是鼠标悬停前的情景。图5是鼠标悬停时的变化。 在frontpage2000中,当我们打开dhtml效果工具栏后,点选文本或者图片会产生不同事件,单击或网页加载,它们也会有各自的应用效果和实现方法。你不妨每一个都去尝试一下,这样你就能明白这些事件和应用效果和方法之间的关系,也能充分感受到动态html的乐趣!。 这里还需要说明一下,利用frontpage2000制作的dhtml网页只能被internetexplorer4.0或以上版本正常浏览。而图片的dhtml效果,netscape communicator 4.0或以上版本也可以浏览。 要突出显示使用 dhtml 效果的网页元素, 应单击“dhtml 效果” 工具栏最右边的“突出显示动态 html 效果”图标。 最后告诉大家使用dhtml的几个小窍门: 在你没有选定某一个运用了dhtml效果的对象的情况下,你只需要把鼠标移动到该对象的左边或者右边单击一下就可以激活dhtml效果工具了。 你还可以把一个网页元素的dhtml效果复制到其他的元素,首先选择你想要复制dhtml效果的元素,然后点击工具栏中的“格式刷”,然后单击你想应用dhtml效果的网页元素即可。 你甚至可以应用多重效果到大部分的网页元素。例如:你可以制作当网页被加载时让文本从右方飞入的动画,然后添加当站点访问者单击文本时框线围绕文本的动画。其实在网页加载事件中有更多效果:逐字放入、螺旋、波动、缩放等,你可按自己的喜好选择。 如果想禁用dhtml效果,点选“工具”菜单中的“网页选项”,在打开的对话框里选择“兼容性”标签,在“技术”栏中将“动态html”前的复选框里的勾取消(图6),这样dhtml效果就被禁用。 如果想删除某一个对象的dhtml效果,先选定该对象,然后单击“dhtml 效果” 工具栏上的“删除效果”图标即可。