用FrontPage2000制作动态效果

Author: 陈楚楚 Date: 2000年 第48期

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