frontpage2000制作动态效果

 

{  经常上网的朋友一定有过这样的体验,当打开某个网页时一张可爱的图片从左下角徐徐升起,优美极了;或者点击某个图片后它突然向下坠落,吓人一跳。此时你一定啧啧称奇,绝了!
  这就是dhtml,人见人爱的动态htmlfrontpage2000就提供了制作动态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 效果工具栏上的删除效果图标即可。