本文已经发表于《电脑报》第七期春节专版,如果觉得对您有帮助请到这里为文章投一票http://www.cpcw.com/wzpx/
2007年春节将至,站长朋友们在娱乐放松的同时也别忘了自己的网站哦,寒假可是网站流量的高峰期,如何把握时机吸引更多的浏览者,从而增加网站的知名度和亲和力呢?下面就来看看本期站长空间推出的春节专题,让我们的网站也一起辞旧迎新。
金猪福年何时至 网页计时分秒知
——轻松制作春节倒计时网页动画
春节是中华民族的传统节日,过节对于国人来说无疑是一件大事。在网站或博客添加春节倒计时动画效果,不仅可以起到烘托节日气氛、引起浏览者共鸣的作用,还可以让网站显得更为人性化。根据此代码举一反三、融会贯通,还能够实现其它节日的倒计时应用。
设计倒计时动画效果
第一步:我们需要使用Macromedia Flash软件来制作倒计时动画(下载地址:http://www.onlinedown.net/soft/9866.htm),由于软件程序体积较大,下载速度可能会比较缓慢。运行安装包后系统会自动升级InstallShield Wizard程序,接下来只需按照默认方式安装即可。完成后按照界面窗口提示点击“OK”按钮,重启电脑后软件才可以正常使用。
第二步:运行Flash软件,依次点选菜单栏中的“文件—新建”选项,在弹出的窗口中新建一个Flash文档,而后依次单击菜单栏中“插入—新建元件”选项,建立一个名称为“春节倒计时”、类型为“影片剪辑”的新元件。接着选择工具栏中的文本工具,并同时在属性栏里将其设置为“静态文本”,然后在动画编辑窗口的适当位置画出文本框,输入“距2007年2月18日大年初一还有”或其它类似文字,我们还可以在属性栏中设置字体大小等其它参数来美化文字。
第三步:再次选择文本工具按照同样方式画出属性为“动态文本”的文本框,并将属性中的变量栏里输入“DaoJiShiText”。接着打开“动作”选项卡,在脚本编辑栏中的时间轴第一帧输入代码(代码地址:http://www.endto.com/zt/daojishi.txt)如果需要实现其它倒计时应用,只需要根据代码提示修改相应日期参数即可。
然后在时间轴的第10帧点击右键,选择“插入关键帧”命令,而后在该帧输入代码“gotoAndPlay(1);”接下来点击“场景1”按钮返回主场景,最后将刚刚编辑的影片剪辑拖放至场景中,再依次点选菜单栏中的“文件—发布”即可。
倒计时动画主体制作完成后还可以另外加入背景等元素,从而使最后的成品达到最佳的效果。
将动画素材嵌入网页
将动画导出后就可以将其插入到网页了。首先将动画文件上传到网站任意目录,然后使用网页制作软件(如Macromedia Dreamweaver)将需要嵌入动画的网页打开,把光标定义到适当的位置,接着依次选择菜单栏中的“插入—媒体—Flash”选项,在弹出的文件选择框中输入动画文件地址,插入后还需要进行动画大小以及位置的最后调整。
如果是利用CMS或博客程序制作的网站,可以直接在网站管理后台添加相应模块,然后按步骤上传动画文件,最后添加调用代码(代码地址:http://www.endto.com/zt/cr.txt),可别忘了还要同时修改代码中的文件地址,否则动画将不能正常显示。
提示:如果觉得自己动手制作的动画比较简陋,可以选用现成的动画素材,动画下载地址:http://www.endto.com/zt/djs.rar,其中有多款网友“帝国王子”设计的春节倒计时动画,并且附有fla格式的动画源文件,大家可以根据自己的需求任意修改。
辞旧迎新站长乐 恭贺新禧网民欢
——巧借撕页动画效果向网民拜年
诸如网页弹出等祝福方式既显得没有新意又常会被反广告软件所拦截,而直接在主页添加祝福语则会影响到网站的整体规划。如果使用一种把网页撕开并能将其关闭的动画显示方式,想必定能够起到很好的作用。由于该效果较为新颖,能很好的抓住访问者的目光,并且不占用网页空间,所以同样也适合网站广告的制作。
获取撕页动画素材
要制作撕页动画效果,需要准备图片或者动画素材,可以使用图像处理软件制作祝福图片,然后再利用Flash工具合成出撕页动画的效果,由于素材制作过程比较复杂且较难上手,所以推荐直接使用网友发布的撕页动画素材,不过需要提醒大家的是,有些动画作者对其作品使用有一定的要求,所以务必要按照原创者的规定使用。
这里我们使用一款同时具有声音和烟火等多种元素的动画来进行讲解,在下载软件添加新任务时输入http://www.endto.com/zt/siye.swf动画文件地址,等到文件下载完成后再使用FTP软件将其上传到网站空间,并记住动画文件的相对路径。
将Flash效果加入首页