首页 新闻 搜索 短信 分类 聊天 导航
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 软件 > 主页制作 > 正文
让网页动起来--有声有色7.0试用

http://www.sina.com.cn 2001/12/03 13:31 5D多媒体

  文/丹青

  大凡我们作网站的,总想让访问者多一些,那么如何来实现呢?最重要的一点就是要有丰富的,实用的内容!但除此以外,恐怕就没有比一个拥有漂亮的,充满动感特效的页面更吸引人的了!

  于是,我们便会不断的在网络浏览到各种各样的,甚至是奇特的网页特效来!它紧紧的抓住了我们的心,让我们不仅有再次去浏览的愿望,更有亲自作一把的冲动!!!

  “可……象我这样的菜鸟,能作出来吗?“兴奋之余,一盆凉水泼了下来!确实,作网页特效需要比较深一点的计算机知识,特别是对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个特效中的一个!其它的特效也都是相当的精彩!谢谢软件的开发者能为我们提供一个如果精良的软件!!!不过,我希望在他的下一版当中,能有一个特效预览的功能!这样,就不用我们一个个的都作一遍,才能看到它的效果了。最后祝所有的朋友都能作出自己满意的网页来!



初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
用JavaScript实现滚动播出效果 (2001/09/18 16:58)
JavaScript标题栏文字滚动特效 (2001/09/05 09:56)
JavaScript页面特效三则 (2001/08/28 15:38)
用JavaScript制作活动字幕 (2001/08/23 11:21)
利用JavaScript实现滚屏显示 (2001/07/30 12:05)
网页JavaScript特效三则 (2001/07/05 17:08)
JavaScript为你的网页添油加醋 (2001/06/19 16:29)
JavaScript应用:前进后退按钮 (2001/06/04 16:51)
Netscape 6存在JavaScript设计缺陷 (2001/03/28 10:30)
警惕JavaScript的“电子邮件窃听” (2001/02/12 10:31)
用JavaScript来装扮自己的“家园” (2000/11/06 18:37)
用JavaScript实现网页特效二例 (2000/11/03 10:50)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3488   欢迎批评指正

网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网