“聚”快乐:我的网站春意浓
网聚
聆听春的步伐,感受春的气息,在新春到来之际,各位站长朋友是否也想到了为自己的网站添加一丝“春意”,为网友带去祝福。如果各位站长和笔者一样也有这样的一份心意,那么就一起来扮酷自己的网站吧(本文所提到的代码或源文件请到http://download.cpcw.com下载)。
倒计时辞旧岁
春节是中华民族的传统佳节,在网站上添加春节倒计时动画效果,不仅可以烘托节日的气氛,还可以让网站看上去更具有亲和力。
设计倒计时动画
第一步:首先使用Macromedia Flash 8软件来制作倒计时动画。
第二步:运行Flash 8软件,依次点选菜单栏中的“文件→新建”选项,在弹出的窗口中新建一个Flash文档,然后依次单击菜单栏中的“插入→新建元件”选项,建立一个名称为“春节倒计时”、类型为“影片剪辑”的新元件。接着选择工具栏中的文本工具,并在“属性”栏里将它们设置为“静态文本”,然后在动画编辑窗口的适当位置添加文本框,输入“距农历大年初一还有”或类似意思的文字,并在属性栏中根据个人喜好设置字体及字体大小等参数。
第三步:再次选择文本工具添加属性为“动态文本”的文本框(注意调整此文本框的宽度以便可以显示出全部的倒计时文字内容),并在属性中的变量栏里输入“DaoJiShiText”。接着打开“动作”选项卡,在脚本编辑栏中的时间轴第一帧处输入代码(见下载文件)。如果需要实现其它倒计时应用,只要根据代码提示修改相应日期参数即可。
然后,在时间轴的第10帧处点击右键,选择“插入关键帧”命令并输入代码"gotoAndPlay(1);"接下来点击“场景1”按钮返回主场景,将刚刚编辑的影片剪辑拖放至场景中,再依次点选菜单栏中的“文件→发布”即可(图1)。

倒计时动画主体制作完成后我们还可以加入背景等元素,使最后的效果达到最佳。
将动画嵌入网页
将动画文件上传到网站任意目录,然后使用网页制作软件(如Macromedia Dreamweaver)将需要嵌入动画的网页打开,把光标定义到适当的位置,接着依次选择菜单栏中的“插入→媒体→Flash”选项,在弹出的文件选择框中输入动画文件的地址,插入后并对动画大小以及位置进行调整。
如果是利用CMS或博客程序制作的网站,可以直接在网站管理后台添加相应模块,然后按步骤上传动画文件,最后添加调用代码(见下载文件)接口,需要提醒大家的是,别忘了修改代码中的文件地址,否则动画将不能正常显示。
提示:如果觉得自己动手制作的动画比较简陋,可以选用现成的动画素材(见下载文件)。
加特效送祝福
弹出网页等祝福方式既没有新意,又会被反弹出窗口程序拦截,而直接在主页添加祝福语则会影响到网站的整体规划。这时,使用翻页动画的显示方式,就能够看到很好的效果。
获取翻页动画素材
要制作翻页动画效果,需要准备图片或者动画素材,可以先使用图像处理软件制作祝福图片,然后再利用Flash工具合成出翻页动画的效果。由于素材制作过程比较复杂且较难上手,所以推荐直接使用网友发布的翻页动画素材。不过需要提醒大家的是,有些动画作者对其作品的使用版权有要求,所以务必按照原创者的规定使用。
这里我们使用一款同时具有声音和烟火等多种元素的动画(如siye.swf)来进行讲解(图2),素材下载完毕后(见下载文件),使用FTP软件将文件上传到网站空间,并记住动画文件的相对路径。

在首页添加Flash效果
使用网页编辑软件将首页文件打开并切换到代码模式;在
与标记之间插入代码(见代码下载文件),需要注意的是还要将以及其它三处的文件地址修改为动画文件的相对路径。这样在进入网站首页的时候就会同时显示翻页效果的拜年动画。如果是新浪等支持自定义模块博客的用户,可以在模块中添加以下代码:
<embed style="RIGHT: 0px; POSIT
ION: absolute; TOP: 0px" align="center" src="http://www.endto.com/zt/siye.swf" width="280" height="280" type="applic
ation/x-shockwave-flash" quality="high"wmode="transparent"></embed>
这样在博客中也能显示翻页动画效果了。
提示:以后需要去掉动画效果,只要将添加的代码以及动画文件全部删除即可;如果想利用该代码实现广告效果,可以下载翻页动画源文件并在Macromedia Flash软件中进行修改(见下载文件)。
贴对联添喜庆
放鞭炮是过年的一大习俗,但现在很多城市都禁放鞭炮。不过我们可以在网站放上漂亮的鞭炮图片对联,使网站更具有节日气息。以采用1024×768分辨率的显示器为例,这时我们使用图片对联的显示方式并不影响网站的浏览效果。
准备图片素材
我们可以使用Photoshop等图像处理软件制作大小合适的图片对联,此时需要一些鞭炮素材,这里我们收集了多款鞭炮矢量图片,方便大家选用(见下载文件)。除此之外我们还可以在搜索引擎中以“鞭炮 矢量图”为关键字来进行图片素材的搜寻。
搜集到合适的鞭炮素材后,就可以进行对联图片的制作了,图片大小一般以不挡住网页中其它元素为宜。打开图像处理软件并新建一个文档,接着设置图片背景并加入鞭炮矢量图,还可依个人喜好添加中国结等其它元素(图3)。与此同时,我们还需要另外制作一个同样大小的图片,并让两边的对联实现不同的显示效果,完成后将所有图片上传到网站空间任意位置。

设置对联效果
要想对联在1024×768的分辨率下正常显示,在800×600分辨率下自动隐藏,可以使用代码(见下载文件)。把代码全部复制到记事本中,然后将其中的四处图片链接地址修改,我们还可同时设置鼠标点击的超链接地址,如不需要直接把它们删除即可。然后把这些文本另存为“任意名称.js” 即Javascript格式的文件,最后将该“js文件”上传至网站任意目录。
将需要插入对联效果的网页文件用记事本打开,在<body>与</body>标记之间插入调用代码"<script src="目录/任意名称.js " language="JavaScript"></script>",这样对联效果就制作完成了。
如果是支持自定义功能的博客,如和讯博客、百度空间、新浪博客等,可以使用以下代码实现博客上的对联效果(见下载文件)。
提示:对联代码有很多种,如有的可以实现点击关闭、单侧显示、html代码等特殊效果。每种代码各有其优缺点,我们可以根据实际需要选用(见下载文件)。
换主题迎新年
相对于网站较难修改的特性,为论坛换装就容易多了,目前很多网站都推出了各种与春节相关的主题模板,而且有些还提供了一整套按钮素材及其它特效供大家使用。下面就让我们一起来为咱们的论坛换上新“衣”吧!
下载模板源文件
目前主流的论坛程序有Discuz、动网论坛、PHPwind、Leadbbs等,我们已经分别将相应程序的春节类主题模板收集供读者下载(见下载文件)。这里我们以动网论坛为例,来说明春节主题模板的更换方法。
为论坛换“新衣”
将春节主题模板文件压缩包下载到本地,解压缩后将其中的数据库文件以及文件夹上传到论坛空间的Skins目录中。如果论坛程序为PHP语言则还需要将相关文件目录属性设置为“777”,即选中可读、可写、可执行复选框。
使用管理员账户登录动网论坛管理后台,在左侧的“外观设置”菜单栏中选择“模板导入”功能选项,在“模板和CSS的导入”模块中的数据库文本框里输入“new_year.mdb”文件名称,然后点击“读取”按钮程序将自动显示模板风格信息。最后单击“覆盖”按钮并刷新论坛首页,春节主题就更换成功了(图4)。如果新的主题模板不能正常显示,则有可能是服务器缓存未刷新的缘故,这时只须在快捷功能链接菜单中选择“更新服务器缓存”功能即可。

提示:各种论坛程序更换风格模板的操作方法大同小异,一些更换方式的细微差别可以参考论坛程序的相关帮助文档。如需恢复原风格模板,只要删除添加的文件,然后按照同样的方式选择默认模板就可以了。
经过以上一番制作和包装,我们的网站已经相当具有“春意”了。大家在专心建站的同时,也别忘了我们的家人和朋友,毕竟春节是团圆的好日子,平时冷落的亲朋好友现在可得好好聚聚啦,在此也祝各位读者和站长新春快乐!^_^