文/丹青 大凡我们作网站的,总想让访问者多一些,那么如何来实现呢?最重要的一点就是要有丰富的,实用的内容!但除此以外,恐怕就没有比一个拥有漂亮的,充满动感特效的页面更吸引人的了!
于是,我们便会不断的在网络浏览到各种各样的,甚至是奇特的网页特效来!它紧紧的抓住了我们的心,让我们不仅有再次去浏览的愿望,更有亲自作一把的冲动!!!
“可……象我这样的菜鸟,能作出来吗?“兴奋之余,一盆凉水泼了下来!确实,作网页特效需要比较深一点的计算机知识,特别是对JavaScript要熟悉,因为大多数的网页特效都是用Javascript写出来的。
不过,即使我们不懂JavaScript我们一样也能作出非常专业的网页特效!我们所需要的只是一个软件,它就是由国人开发的“有声有色”。
一、下载安装
如果您的手头没有“有声有色”的话,可以到其官方网站:http://www.coolboo.com/来下载,其最新的版本为7.0,文件名为musrea7.zip,大小约为:3026K。
下载完毕后,我们使用WinZIP进行解压,运行其中的MusRea7Setup.EXE文件即可进行安装。由于其安装过程极其简单,丹青就不在多述了!
二、认识界面
好了!安装完毕,点击开始>有声有色7.0试用版>有声有色7.0试用版来运行有声有色7.0。
有声有色的界面相当简洁(图1),其主要有3个部分组成!第一部分是在最上面,我们称其为“特效组部分”,它将所有近300个特效按特效的所应用的范围分为15个组,每个组下都有若干个特效。
第二个部分,就是中间的占最大一块面积的部分,在这里,排列着一个特效组下所属的所有的特效,要使用它,只需要单击即可!
第三个部分是最下面的一部分,它包括了“退出“、“关于”、“帮助”和“注册”四个先项。
 图一
三、实战演习
由于这个软件的每个特效的使用方法都很类似,所以我们只需实际的来操作一个例子就可以了。
让我们作个下雪的特效吧(如果您想发财的话,也可以有它作下银子的特效阿…赫赫…)
第一步:让我们选择特效组部分里的“网页常用”下的“下雪”特效,并单击。
这时,系统会弹出一个特效设置的对话框(图二)(注意,每一个特效,都会拥有一个类似的对话框,但其内容因特效的不同稍有变化,但其使用方法都是相同的)。
 图二
第二步:我们来对这个对话框进行设置一下:首先要确定选择您想让这个特效下什么?如果您想下雪就选择一个雪花的图片,点击“浏览“,来选择一个雪花的图片(注意:只支持GIF和JPG格式的图片)。然后,定一下“图象数目”,默认值为8个,我们就按它的默认值吧,“显示域宽”“显示域高”两个选项确定着飘雪的范围,默认值为800X600,这也是当前流行的网页的分辩率,如果您的网页的标准分辩率为640*480或1024*768的话,您也可以将其分别设置为相应该的数值。
第三步:设置完以后,我们所要作的就是如何将这个特效插入到页面中。这里,我们有两上方法,一个是选择保存按钮,将其保存在一个新的HTML页面中,另一个,则是按下复制按钮,将生成的JavaScript代码拷贝到剪贴版上,然后再粘贴到您现有的页面上。
由于我们多数都是将特效插入到我们现有的页面里,所以,我们使用第二个方式。
按下“复制”按钮,系统会弹出一个对话框(图三)提示我们找到要插入网页特效的网页所在的位置,这是因为,有声有色要将您的那幅图片拷贝到您网页所在位l置的目录里。
 图三
第四步:拷贝完成后,接下就是最为重要的一步,就是将JavaScript插入到我们的网页中。
启动网页编辑器Dreamweaver(和FrontPage也可),并打开您所要插入特效的网页,并将Dreamweaver视图切换至HTML源码编辑视图(图四)。
 图四
找到的标签,并在其后面,按下Ctrl+V或点右键,选择快捷菜单里的粘贴将刚才有声有色复制到剪贴版的JavaScript源代码粘贴到里面。这时,我们会看到您的网页的源代码当中会出现一段以< SCRIPT LANGUAGE="JavaScript"> 开头和以< /SCRIPT> 结尾的代码!OK!这就是那段“神秘”的下雪的特效的源码了!
第五步:好了!基本上完成了!我们将刚才编辑的网页,保存起来!然后按下F12进行预览。呵呵…怎么样,还不错吧!
总结:
我们今天讲的例子只不过是有声有色7.0中近300个特效中的一个!其它的特效也都是相当的精彩!谢谢软件的开发者能为我们提供一个如果精良的软件!!!不过,我希望在他的下一版当中,能有一个特效预览的功能!这样,就不用我们一个个的都作一遍,才能看到它的效果了。最后祝所有的朋友都能作出自己满意的网页来!
|