|
算算已经两个月左右了。当我战战兢兢地把我们的主页正式上载到主页服务器上时,已经做好了灰头土脸的准备。谁都知道做主页是个苦差事,费心费力不说,结果可能与你所翘首期盼的恰恰相反:当你满心企盼天上掉下个大奖状的时候,迎头而来的却是二郎神的乾坤圈。于是你只好乖乖地收拾起一地的伤心,拍马落荒而逃。
然而,二郎神的乾坤圈并没有打中我的眉心,我得到的远比那个泼猴幸运得多。自从CSSAI网页被"掀起盖头"之后,我得到的是来自五湖四海的鼓励和褒扬。于是我又忍不住飘飘然地抖擞精神,居然想起写主页回忆录来了。希望这次不要招致西红柿或者鸡蛋吧。
构思
其实,早在7月份的时候,会长许翔就跟我讨论过CSSAI建立主页网站的设想。当时,我正忙于准备参加荷兰的一个国际会议,事情一搁就是一个多月。等到我静下心来,准备网页的设计时,已是9月份了。
Beer-Sheva的9月,也许是全年最好的季节,真可谓是秋高气爽,瓜果飘香。然而对我来说,却是最为煎熬的一个月。主页的框架设计,迟迟定不下稿。方案前后设计了三个,结果都被我自己推翻:或是太花哨,不实用,或是太难于维护,或是太过于繁琐。事实上,在这之前,我已经为我自己设计过一个主页(见
http://www.geocities.com/zhuu_gb)。当时我还沾沾自喜的,满以为用上了一些先进的技术和设计思想,应该是很不错的网页了。然而反馈回来的消息却让我大跌眼睛:尽管我用了Java编程、树状目录结构等技术,很多人却反映找不到内容。后来,我才发现真正的原因:有些人不了解树状结构,网页中的树状目录根本就没有被打开。于是,我和T型台上的时装设计师们走到了同一个点(尽管他们的工资比我高得多):简单就是美。
因此,我为未来的CSSAI网页规定了以下几个设计原则:
1、 简单、实用,结构清晰,主题分明;
2、 风格一致,从第一页面到其它子页面,具有明显的主从关系;
3、 首页信息含量大;
4、 尽量保证网页的动态特征,以吸引访客;
5、 注意网页的完整性。
一旦思路确定,好戏鸣锣开场了。
设计
主页的设计,首先是布局的设计。我不想规定用户的屏幕分辨率,或者是象有些网站一样,针对不同的分辨率,设计不同的页面。因此,为了保证用户在不同的屏幕分辨率下得到相似的布局,首先想到的是采用框架结构(Frame)。但是就在我的框架结构接近完工的时候,讨厌的滚动条却象漂亮小姐脸上的青筋一样,让我大倒胃口。滚动条的存在,大大破坏了整体的设计,于是我不得不忍痛割爱。现在诸位看到的结构,没有采用框架,但是却保证了不同分辨率下的整体效应一致。
设计过程中,风格的一致必须严格保证。风格设计到很多的方面:结构、色彩、字体、浏览等均在考虑之列。以色彩为例,CSSAI的整体色彩是天蓝色的。原因有二:一是本人偏袒蓝色(嘻嘻),二是既然我们生活在以色列,就应该体现以色列的地域特色。而想来想去,以色列人在很多场合都喜欢蓝色,大概是与他们的国旗的颜色接近的缘故。所以,蓝色应该可以代表以色列的地域特征。再看结构,CSSAI主页的所有页面都是结构一致的:抬头是CSSAI的标识,底部是方便浏览的快捷条。无论访问者到底哪个页面,都可以快速地切换到任何所想去的地方。
很多人问起网页中间的地图。事实上,网页中间一大块空间是最难设计的区域。我为这个区域准备了4个画面,包括照片、抽象图案、书法、诗歌等等。最后还是选中当前这个版本。地图中间是一幅国画,表现的是江南山水。将其嵌入到中国地图之中,取"江山如画"之意。右下角的小人儿,使我最喜欢的了,他代表了我们这些留学海外的莘莘学子,远离故土,思念家乡的形象。至于色彩,如果为了与整体画面保持一致,应该采用淡蓝色。但是淡蓝色的效果却给人以月光下景色的印象,与立意不符。为了突出"思念"、"遥想"的主题,黄褐色是最适合不过的了。然而,黄褐色与整体的蓝色色调搭配,似乎唐突。不得已,只好在Photoshop下对颜色进行不断渲染,才取得了两者之间的平衡。于是透过画面,对祖国、对家乡的思念之情跃然纸上。再配上右上角的《江南好》题诗,一幅海外游子心向祖国的画面就呼之欲出了。
首页是任何网页的门面,首页的设计好坏,直接关系到访问者对网页的好恶,也会波及到访问者的浏览兴趣。根据首页必须信息量大的原则,除了在首页醒目位置放置导航条之外,还增加�"滚动新闻"(不需进入其它页面就可以获得新闻提要)、"好文推介"(不需要进入二级页面,就可以直接访问兴趣话题,同时兼引导、推荐的作用)、"热点链接"(引向新兴趣区)、"热线联络"(直接发送邮件到CSSAI的各个分会负责人、驻以使馆教育处以及学联主席)、"本站搜索"(用关键词直接查找CSSAI网页中的感兴趣内容,支持中文)。现在这个首页真正成为了CSSAI网页的门户,用户可以从中吸取到网页的更新消息,从而决定是否进一步访问其它页面。
现在,"动态网页"已经被炒得热火朝天了。但是,真正的动态网站却需要很多的前提:如服务器必须支持动态网页(如Asp、Php等等)。遗憾的是,为了安全的原因(Asp、Php、CGI等都有安全隐患),我们上载的服务器(www.geocities.com)不支持所有的动态网页服务。因此,实现CSSAI的动态页面就只有Java或Script语言一条路可走了。本人对Java不是很欣赏(个人倾向,望Java爱好者不要砸鸡蛋),于是采用了Script语言。
CSSAI的动态特征表现在"好文推介"上。不知细心的你发现没有,每次进入CSSAI首页的时候,差不多看到的"好文推介"内容都是不一样的(不敢说绝对喔)。实际上,这就是利用Script语言写的一个小小的动态画面:我在六个栏目中选出六个代表性的页面,挂接在"好文推介"上,每次访问的时候,程序会随机地抽取一个栏目推荐,相应的内容反映在"好文推介"框内。滚动的小球引导你的视线,回溯到(或前进到)栏目(或页面)。相信你在别的网页上还没有看到过类似的设计。
总之,网页的设计是个细活,方方面面都不能忽视。小到一个连接,大到整体设计,事无巨细,均需认真对待。
维护
要保证一个网页的生命力,维护是至关重要的。我在设计的时候,对于图片、页面、框架等都做了模板。这样就大大减轻了维护的工作量。相信有一天我离开以色列后,后继者也可以方便地利用这些模板,完成维护的工作。
除了手段,另一个就是内容了。我们在"留以生活"、"祖国与我"、"滚动新闻"等栏目中都留有充分的更新空间。特别是"文摘荟萃",目前已经搜集到不少好文。这些文章都是与以色列直接相关的,从它们我们可以从不同的侧面了解以色列,以及她与中国的千丝万缕联系。当然,仅仅是搜集还是不够的,我们还是希望留以学子们在工作研究之余,大展文采,一抒胸怀。在此不妨套句庸俗的商业套话吧:"本站欢迎来稿。来稿一经选用,立即发表,绝无耽搁。"下面以0.000001毫米的字体注明:"重要通知:本站不付稿酬!"
感慨
CSSAI网页终于粉墨登场了。正如我前边所说的,好坏任由评说。反正我已经做好了灰头土脸的准备了。但是,有一点我是坚信的:CSSAI主页不仅仅是一个普通的网页,它的存在是我们广大留以学人学者的团结的象征,也是我们CSSAI联谊会服务的窗口。不管等待的是鸡蛋也好,鲜花也罢,我们一定会努力地把它办好。当然,最好还是鲜花吧,否则,我只好在这里以1000毫米的字注明:"本文纯属内部资料,阅后销毁"了。
|