在网上翻滚

作者 : 汤春湘

　　具有动态效果的网站，总是比普通网站更加吸引人。有的动态效果可以由网页平面设计师独立完成，例如 GIF 动画；而有一些需要交互的动态效果，例如：使网页中的图形能够感应鼠标的经过或点击动作而做出相应的变化——即所谓的 Rollover 翻滚效果，则需要在 HTML 文件中插入 JavaScript 程序。这时，您可能会感觉束手无策，不得不寻求网页程序员的帮助。

　　大约就在一年多以前，这样的事情对于专长于平面设计的人来说，还是一道“槛儿”，尽管实现这种效果的 JavaScript 程序并不太难，可是编写出来毕竟要花费一番功夫。

　　现在好了，有好几种新型的设计工具可供您选择，您完全不需要编写任何的程序代码，仅仅是用鼠标做一些设定，就可以获得这种动态交互的“翻滚效果”。

　　这些工具可以分为两类，一种是类似 Photoshop 的图形工具，它们是专门为 Web 图形设计而推出的；另一类，则是“所见即所得”的 HTML 网页编辑工具，使用这些工具来创建翻滚效果同样简单不过，如果您已经事先做好了相应的图形的话。

------------------------------------------------------------

具备翻滚效果功能的设计工具

Macromedia FireWorks 2

　　 Adobe ImageReady

　　 Adobe ImageStyler

　　 Macromedia DreamWeaver 2

　　 Adobe GoLive!

　　 Microsoft FrontPage 2000/98
　　
　　本文将分别介绍六种不同的设计工具制作 Rollover 翻滚效果的方法。

　　如果您还没有决定好到底使用哪个软件作为您的设计工具，以下是给您的建议：

具备翻滚效果功能的设计工具
	Macromedia FireWorks 2
	Adobe ImageReady
	Adobe ImageStyler
	Macromedia DreamWeaver 2
	Adobe GoLive!
	Microsoft FrontPage 2000/98

如果您是 Photoshop 专家，则应该首选 Adobe ImageReady ，它的最新的 2.0 版本已经成为 Photoshop5.5 的一部分，它的界面和 PhotoShop 非常统一，您可以很快的熟悉并掌握；如果您是网页设计爱好者，建议尝试一下用 Adobe ImageStyler 创建翻滚效果，这个软件是非常容易使用的，在阅读本文之前，您还可以看看另外一篇已经发表的文章《 Web 图像制作新秀—— ImageStyler 轻松入门》；假如您一直都喜欢用 Freehand 或者其他 Macromedia 公司的设计工具， Macromedia FireWorks 2 应该会比较适合您。

Macromedia DreamWeaver 2 、 Adobe GoLive! 4 、 Microsoft FrontPage 2000 则是三个功能强劲的所见即所得 HTML 编辑软件。 Macromedia DreamWeaver 2 是新一代所见即所得 Html 编辑软件的典范，它能帮助你利用格式表和 DHTML 建立观感极佳的页面，而且不会打乱你的原始代码，它还可以帮助你制作两种主流浏览器都能正常浏览的页面。 Adobe GoLive! 4 则是新秀，它的图案设计工具让您排版时拥有象素方面的控制。另有灵活的原始码编辑器帮助您编写，修改和检查您的 HTML 。再加上使用简易的动态 HTML ，多层式样板， QuickTime 编辑，简易使用的 JavaScript 动作及先进的网址管理功能。 Microsoft FrontPage 2000 刚刚出来，它的前期版本 FrontPage98 是从前的领先者，总的来说，它最适合入门者使用，只要你会用 Word ，就不难学会 FrontPage 。

　　什么样的浏览器可以看到翻滚效果？

带有翻滚效果的网页在 Internet Explorer3.0 和 Netscape3.0 以上版本的浏览器中浏览应该都不会有问题。实际上，只要是支持 JavaScript 程序的浏览器，都可以看到翻滚效果。　　

　　好吧！让我们现在就开始，“在网上翻滚”。 :)