新年专题:我的网站春意浓
本文已经发表于《电脑报》第七期春节专版,如果觉得对您有帮助请到这里为文章投一票http://www.cpcw.com/wzpx/
网聚
B17
我的网站春意浓
138
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效果加入首页
使用网页编辑软件将首页文件打开并切换到代码模式;在<body>与</body>标记之间插入代码(代码地址:http://www.endto.com/zt/siye.txt),需要注意的是还要将<param name="Movie" value=" siye.swf">以及其它三处的文件地址修改为动画文件的相对路径。这样在进入网站首页的时候就会同时显示拜年动画。
如果是新浪等支持自定义模块博客的用户,可以在模块中添加以下代码:
<EMBED style="RIGHT: 0px; POSITION: absolute; TOP: 0px" align=center src=http://www.endto.com/zt/siye.swf width=280 height=280 type=application/x-shockwave-flash ; quality="high" wmode="transparent">这样就可以在博客中显示撕页动画效果了。
提示:以后在需要去掉动画效果的时候,只需要将添加的代码以及动画文件全部删除即可;如果想利用该代码实现广告效果,可以下载撕页动画源文件并在Macromedia Flash软件中进行修改(文件下载地址:http://www.endto.com/zt/撕页.rar)。
爆竹声声辞旧岁 鞭炮图片迎新春
——巧为网站添加鞭炮对联图片
燃放爆竹是过年的一大习俗,但现在很多城市都实行了禁鞭令,不过我们可以在网站放上漂亮的鞭炮图片,使网站更加具有浓厚的节日气息。由于现在的显示器大多采用了1024X768的分辨率,使用对联图片的显示方式并不影响网站的浏览效果,所以用其制作客服导航或通知提醒等模块也不失为一种好方法。
图片素材的准备
我们可以使用Photoshop等图像处理软件制作合适的图片对联,首先还需要一些鞭炮素材,这里我们收集了多款鞭炮矢量图片,方便大家选用(下载地址:http://www.endto.com/zt/鞭炮.rar)。除此之外还可以在搜索引擎中以“鞭炮 矢量图”为关键字来进行图片素材的搜寻。
搜集到合适的鞭炮素材后,就可以进行对联图片的制作了,图片大小一般以不挡住网页中其它元素为宜。打开图像处理软件并新建一个文档,接着设置图片背景以及加入鞭炮矢量图,还可依个人喜好添加中国结等其它元素。还能够另外制作一个同样大小图片,让对联两边实现不同的显示效果,完成后将所有图片上传到网站空间任意位置。
设置对联显示效果
要想对联在显示器为1024 X 768分辨率下才能正常显示,在800 X 600的分辨率下自动隐藏,可以使用以下代码(代码地址:http://www.endto.com/zt/duilian.txt)。把代码全部复制到记事本中,而后将其中的四处图片链接地址修改,我们还可同时设置鼠标点击的超链接地址,如不需要直接把它们删除即可。然后把这些文本另存为“任意名称.js” 即Javascript格式的文件,最后将该JS文件上传至网站任一目录。
将需要插入对联效果的网页文件用记事本打开,在<body>与</body>标记之间插入调用代码“<script src=" 目录/任意名称.js " language="JavaScript"></script>”,这样对联效果就制作完成了。
如果是支持自定义功能的博客,如和讯博客、百度空间、新浪博客等,可以使用以下代码实现博客上的对联效果。(代码地址:http://www.endto.com/zt/blog.txt)
提示:对联代码有很多种,比如说有的可以实现点击关闭、单侧显示、html代码等特殊效果。每种代码各有其优缺点,我们可以根据实际需要选用(下载地址:http://www.endto.com/zt/duilian.rar)。
喜迎佳节新风貌 论坛也穿靓外套
——快速为论坛更换新年风格模版
相对于网站较难修改的特性,想要为论坛换装就容易多了,目前很多主流论坛的官方网站都已经推出了各种与春节相关的风格模版,而且有些甚至还提供了一整套的按钮等素材以及其它的特效……一起来为咱们的论坛也换上新衣服吧!
下载风格源文件
目前主流的论坛程序有Discuz!、动网论坛、PHPwind、Leadbbs等,我们已经分别将相应程序的春节类风格收集供读者下载。这里我们就以动网论坛程序的官方春节风格为例,来说明论坛风格模板的更换方法。(风格下载地址:http://www.endto.com/zt/bbs.htm)
快速为论坛换装
将风格文件压缩包下载到本地,解压缩后将其中的数据库文件以及文件夹上传到论坛空间的Skins目录中。如果论坛程序为PHP语言则还需要将相关文件目录属性设置为“777”,即选中可读、可写、可执行复选框。
使用管理员帐户登陆动网论坛管理后台,在左侧的“外观设置”菜单栏中选择“模板导入”功能选项,在“模板和CSS的导入”模块中的数据库文本框里输入“new_year.mdb”文件名称,然后点击“读取”按钮程序将自动显示模板风格信息。最后单击“覆盖”按钮并刷新论坛首页,新风格就更换成功了。如果风格模板不能正常显示,则有可能是服务器缓存未刷新的缘故,这时只需在快捷功能链接菜单中选择“更新服务器缓存”功能连接即可。
提示:各种论坛程序更换风格模版的操作方法大同小异,一些更换方式的细微差别可以参考论坛程序的相关帮助文档。如需恢复原风格模板,只需删除添加的文件,然后按照同样的方式选择默认模板就可以了。
经过以上的制作包装,我们的网站已经相当具有“年味”了,如果大家还有什么不明白的地方,可以将问题发送至z@endto.com。最后笔者想说的是,大家在专心做站的同时,也别忘了我们的家人和朋友,毕竟春节是团圆的好日子,平时冷落的亲朋好友现在可得好好聚聚啦^_^。