Web2.0时代 校友录互动起来

网络生活

传统的校友录大多数只提供发布留言和照片的功能,在web2.0时代里,自己DIY一个校友录想必很酷。跟我一步步来,不需要复杂的技术,就可以创建一个校友录,并将它自定义为自己想要的模样,一改从前校友录千篇一律的风格!

1.创建自己的校友录

首先创建自己的校友录,本文以校内网(http://www.xiaonei.com)为例。注册成功后选择“寻找班级”,网站会根据你提供的资料,列出你就读的大学或高中已经存在的班级。如果你的班级还没有被创建,那你很幸运——亲自动手去做这项“伟大的事业”吧。

选“创建大学班级”,标明你的入学年份,再为班级取一个名字。比如惯常以院系为名的“03经管01班”,也可以用同学之间的“密语”或班训为名,比如“征服宇宙”^_^。然后为你的班级填写一个域名,完毕后就可以“创建班级”了。

2.轻松添加校友用户

创建好班级之后,使用“邀请同学”功能,网站会自动将与你同校、同年入学的用户列出。如果要邀请还没注册的同学,可以使用左侧的“E-mail”邀请(图1)。

23-f11-图1.jpg
图1

3.班级公告与新鲜事

“班级公告”能让同学一登录校友录,就知道最近班级里发生的大事。点击“管理班级”,进入“班级公告”,填写完内容后,点击“保存设置”即可将最新的“班级公告”发布在首页。而“班级新鲜事”是固定在页面上方的,通过“班级新鲜事”,可以轻松掌握每个同学最近的“动向”——谁新上传了照片,谁建立了新的“群”,一目了然。

4.打造个性化校友录

单调和普通,是我们最痛恨的事情,如果校友录和隔壁班的校友录看起来没什么不同,那多没意思。大家都希望自己的校友录别出心裁,与时俱进。使用“班级美化”(图2),加入适当的代码,就可以随意改变页面的风格、设置背景、加入图片等。

23-f11-图2.jpg
图2

常用的代码设置有以下几种:

1.修改页面颜色

<style>

body{background: #000000;}/*修改页面背景颜色*/

*{color: #ff9933;}/*修改文字颜色*/

a{color: #ff66ff;}/*修改链接颜色*/

</style>

颜色代码在网上可以轻松搜索到,将对应部分的“color:颜色代码”更换成你喜欢的颜色,就可以让你的主打色显示在班级校友录上了。

2.加入背景图片

<style>

body{background:url(图片链接地址) fixed} /*加入背景图片,且图片不随页面滚动*/

</style>

在重大节日到来之际,你可以选择带有圣诞风格、春节风格、情人节风格的背景让校友录焕然一新。

3.添加页面背景音乐

<bgsound src=“要链接的音乐地址 ”loop=“10”>

将src后面的地址更换为需要添加的音乐的地址,就可以让班级成员都喜欢的歌曲在页面上循环播放了。

4.添加页面Flash

<embed style=“left: 150px; position: absolute; top: 50px;”src=“文件地址” width=1000 height=500 quality=“high”></embed>

将src后面替换成Flash的地址。加入Flash后,页面看起来会更加生动活泼。

5.在班级留言板添加滚动条

<style type=“text/css”>

.talklist {height:500px;overflow:scroll}

</style>

这样就能让班级宣言闪闪亮的置放在校友录的首页(图3)。

23-f11-图3.jpg
图3

6.自定义鼠标

你的同学有什么爱好?篮球?K歌?足球?这些特色都可以在web2.0的页面上体现,加上一个“篮球”鼠标,或是“话筒”鼠标,要不干脆把鼠标变成曼联队的标志。

在“班级美化”中使用以下代码即可做到:

<BODY style=“background-color:#dae c88;cursor:url(‘鼠标地址’);”>

<style type=text/css><!--A{CURSOR:url(‘鼠标地址’)}--></style>

将url后面替换成你要用的鼠标的地址,即可完成设定。

7.添加页面视频

聚会或搞活动时,我们常会用DV拍下一些精彩情节,放在校友录里,让每个同学都看见自己出演的“电影”,一定会引发更多讨论话题。

使用以下代码就可以将班级的视频作品添加到页面中:

视频1:

<embed src=视频地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=252 WIDTH=324 AUTOSTART=true loop=true> </embed>

将src之后的地址换成视频地址即可。如果碰巧最近活动非常多,你还想加入第二段视频,则可以加入以下代码:

<embed HEIGHT=480 WIDTH=590 name=MediaPlayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer sr c=视频地址 type=application/x-mplayer2 showstatusbar=“1” showcontrols=“1” autost art=“1” loop=“0” volume=“1”></embed>

小贴士:即使不熟悉html代码,也可以对页面进行美化。在校内网的涂鸦板和班级美化代码板里,直接加入代码就可以进行页面调整和修改。至于代码的编写,打开搜索网站,输入“校内网涂鸦板代码”,就可以得到现成的代码,你要做的只是“Ctrl+C”和“Ctrl+V”。^_^

5.建立班级交际圈

在校内网的校友录里,有一个实用的功能——相册圈人功能。

使用此功能在照片上“圈”住你的同学,或加上标注:“某某同学在这里。”瞬间就让平面的照片变得更生动(图4)。

23-f11-图4.jpg
图4

不仅如此,被“圈”同学的名字会出现在照片下方,而这些名字都将指向他们的个人Blog。

到此为止,你已经拥有了一个功能强大、便于交流的web2.0时代的互动校友录了——做一辈子的同学,就是这么简单!

其他校友录特色功能推荐:

中国同学录:祝福墙、同学地图定位、校园电子杂志。(网址:http://www.5460.net)

ChinaRen:新版升级为100MB班级相册。(网址:http://class.chinaren.com)

搜Q:Q版校友录,支持自定义表情、七彩留言等。(网址:http://www.soq.com/alumni.htm)

提示:文中代码可到http://www.cpcw.com/web/f/23f11.html下载