标签： 网站建设

刚刚完成了对梨园百年琐记的一次的改版，从表面上看，您几乎看不出什么区别来。

唯一能够从表面看出来的是历史简表部分，当您进入某一天的页面的时候，比如“历史上的正月初一日”，您会发现，原来并列的三栏，变成了上下三块的布局。上半部分，出生与去世各占一半，而下半部分，是事件的地盘。

原先并列三栏的布局，纯粹是继承梨园百年琐记最开始那个简表的样式。这种布局有个弊端：事件的标题往往很长，所以在1/3的空间里通常一条事件要占用两行的空间，加之左、中栏的内容总是不及最右栏多，便形成了严重的视觉倾斜，或者说，空间利用不合理。这次重新布局后，空间利用上要合理得多。不知您怎么认为？

那么大部分看不到的改版在什么地方呢？在页面程序上。那里做到了数据与布局的完全分离，这样以后如果说琐记要彻底改变布局，比如现在的导航栏从左边弄到右边等等，都会是轻而易举的事情了。

这次改版，同时修整了一些错误。竟然那么久了没有发现。各位看官，您在使用中如果遇到什么问题，请告诉小豆子一下吧，毕竟程序写到这里，已经相当复杂了，一点疏忽，就可能有毛病了。不光琐记本身是一个开放性的网站，在戏考的 Blog 里，小豆子也希望和大家交流网站建设上的观点，并及时通报各种动向。至少，这是小豆子心中一个面向公众的 Blog 应该做到的。

说到此，顺便提一下，梨园经典所在的京剧艺术网节前出了问题，现在 ftp 无法登陆，论坛无法使用，而那里的其它栏目似乎还在运转，这一切究竟是怎么回事，不得而知，其网站的新闻没有提及，站长个人的 Blog 没有提及，没有人知道这方面的情况及修复的进展，小豆子和其他网友也只有期盼网站能早日正常。今天和一位网友聊起，他认为，京剧艺术起码应该公开声明一下：到底怎么了？首页上贺年的图片以及“服务器升级完毕”的字样与不能正常工作的网站对比是那么别扭。他听别人说那里又被黑了云云。

嗯，小豆子也这么认为，本来不是什么严肃的事情，弄成这么严肃了。就像当年非典那样，官方闭口不谈，民间的谣言就多起来了。

今天在琐记的首页，加入了一个滚动新闻的栏目。

本来，琐记的定位是在历史资料的整理方面，像门户那样每日去做新闻是没有精力的，但搜集资料的同时又要接触新闻，而为了让首页更显得有生气，所以小豆子觉得还是有必要放一个新闻栏目的，只不过，这个新闻栏目与常规的新闻栏目有很大不同。

首先，所有的内容都是电脑在您到访的那一刻即时在互联网上搜索出来的，只要某条新闻里有“京剧”、“昆曲”、“曲艺”之类的关键字眼，就会被程序捕捉到，然后通过 Ajax 沟通，在首页显示出最新的新闻来。当然，准确性就不是百分之百了，比如这一条：“王力宏新专辑R&B融入京剧昆曲”，就明显不是戏曲类新闻。没关系，反正这些内容不会真正被存入数据库，只有经过人工筛选的才会被保存起来。其次，它是滚动式的，在没有占掉很大版面的同时显示大量信息（同时，您也可以通过“上一条”、“下一条”、“暂停”、“播放”的功能来浏览）。这一栏目，给首页带来生气是最主要的目的之一，另外，能够让大家在第一时间了解到最新的信息——而不用去等待下一次的数据更新。

今年琐记的程序写得差不多了，该打住干别的了。

北京时间12月1日0时整，琐记首页上自动显示出了早就做好的“展望”页面。

其实这个页面没有什么技术含量，更没有什么新资料，只是把现有的资料筛选筛选，以一种新的方式显示出来而已——即显示所有生日或忌日与2006年相差整5、整10的人物。

这就是希望人们能做个提前规划，让人一目了然，清楚地知道明年将会有哪些大的纪念日。正因为人们太容易健忘了，所以不仅是首页上要有“历史上的今天”，还要在一年的年末，提醒大家：在新的一年里，别忘了这些，提前做好该做的事情。

大致过了一下生成的名单，有几点感到很吃惊：比如艾世菊已经是该奔90的人了，这些年没有什么音信；像李和曾、王吟秋、叶盛长这样的大家，已经离开我们5年了，时光飞逝啊。

当然，数据不是非常精确，有些只有年份，无具体日期；有些像鲍秋文这样诞辰180周年的，显然是早已去世了，但没有逝世年份，这些都需要慢慢考证。

明年预料有大动作的应该是谭家纪念谭富英诞辰100周年。不过，再怎么样，最终被记起和被纪念的，总是名单中的小部分 。所以，小豆子觉得做出这么个名单还是有一定意义的吧。

顺便说一下，“展望”只会在每年12月出现，因为到了下一年就已经不是展望了。所以需要留底的朋友可在12月31日把页面保存下来，留着来年看。之所以建议在岁末再保存，是因为在12月间，随着资料的补充，名单还会有增长的可能。

前两天网友青山在琐记提交的条目里提到，建议把相关的事件联系起来，互相有个照应。小豆子恰恰一直偷偷进行着这方便的前期工作。事实上，当人物有了可以按类别划分后，琐记另一方面的数据——事件就已经开始了类别划分工作。

这里面用到了最近比较流行的词：“标签”（Tags）。标签的目的就是给某一东西划分类别。但是它不同于传统意义上的类别划分是因为它的自由。就好比旅游的托运行李，在经过了若干次出入关后，上面贴满了各式各样的标签。

标签

因为琐记里保存的事件很杂，大到与政治运动相关，小到结婚离婚，只要与戏、与戏圈子里的人相关的事件都包罗着，把事件做简单意义的如艺事、生活等等的分类，就太泛泛了；而如果分得非常细，归纳起来又不是一件容易的事情。所以，这里用标签应该是再合适不过了。

随便找一条事件，它的标签可能会是像“京剧 周年纪念 北京长安大戏院 北京”这样，有多个标签，而标签与标签的级别并不是并列的，甚至不是一类东西。比如“京剧”是剧种，而“周年纪念”是事件的主题，“北京长安大戏院”是地点，“北京”是城市。这没有关系，因为这些标签都是这条事件的属性。而点其中任意一个标签，就会连接到其它有此标签的事件上，其广度可能会是跨剧种、跨地域、跨时空的，尽收眼底。

标签的列表也采用了标准的标签列表显示方法，即按字母顺序（这里是中文，自然是汉语拼音）排序，而同时以字号的大小表示标签占的比重，一眼看去，可以同时得到两类信息。

当然，标签的目的是把很多事件进行各种归类，但这还不够。如青山所说，相同主题的事件应该有相互的链接，如他举的例子，某某演出第多少天，应该在页面上提供其它天的链接（如果有的话）。是的，这就是传统意义上的相同主题互联了。如同人物页面有一个“参看”栏目，给出与此人物相关的其他人物的链接一样，现在在每一条事件上，如果还有其他事件有相同的主题，那么这个页面也会有一个“参看”栏目，给出其他相关的事件链接。比如在与“梅花奖”相关的页面上，会有历届梅花奖事件的链接。

所以这一次的事件分类，是用“标签”——这个被 Web 2.0 归纳的概念，和“主题”——这个传统网站所用到的技术结合在一起，使得在事件中浏览更加灵活，得到的信息更丰富——例如，您可以非常容易的得出一张北京市京剧昆曲振兴协会的大事年表。

事件标签对应的是人物分类，另外两者都已有了“参看”，对数据的整理现在告一段落。如果有空，小豆子会在标签的程序上再花些功夫，让它能够显示更多自定义的东西，而不是单一一个标签的页面，比如，显示一张在上海的京剧和越剧的大事年表，但不包含政治事件（注意：这里用到了四个标签，关系分别是“和”、“或”与“否”，界面设计就先需要花不少时间 ）。

Ajax，即 Asynchronous JavaScript and XML （异步 JavaScript 和 XML 技术），最大的优点就是能在不刷新或提交整个页面的前提下显示最新的数据，这使得 Web 应用程序与用户之间的沟通更为迅捷。

今天把测试了几天的新页面更新到琐记上面，有兴趣的朋友们可以注意一下，每一个人物页面中的“活动年表”内容，不再是随页面载入而一并传到客户端，而是在页面载入后再从数据库调取相应的资料并动态生成。这样做的一个好处是加快了页面载入速度，在用户阅读人物生平的时再载入新的数据。当然，最大的好处就是可以动态展开或收缩全部或单一事件，而不用刷新整个页面。注意一下展开符 ? 和缩进符 ?。

当然，琐记永远不会像 Gmail 那样做成完全使用 Ajax，毕竟很多页面都要独立起来，便于引用。能够在活动年表的展开与缩进功能上应用这项技术是再合适不过了，同时小豆子也算练一下手，继续学习新的东西，让网站的技术含量再高些，使用户使用起来更方便。

活动年表的屏幕截图，其中第二条被单独展开

（4个月前做琐记测试版的时候写了个草稿，今天在此基础上做了定稿，随新版正式版推出。）

戏曲的不景气，伴随着的是一辈辈的老艺术家的离去。这，还不是最可悲的地方，毕竟，人活百岁，就似草木一秋，总要有个收缘结果；最可悲的是，有多少健在的老艺术家，为艺术奉献了一辈子，老了老了，无人问津，最终随着岁月的消逝而去。真个是人在势、花在时，当年的风光，在今天已经不被多少人记得了。我们可以在论坛上时常看到这样的问题：“某某还在吗？”、“某某是唱什么的，谁能介绍一下？”等等，而不知不觉中，我们又掠过了多少纪念日？

周志辅的《京戏近百年琐记》，创意很好，而且名字非常恰当，它不是一本繁杂的辞书，倒似一本流水帐，每个条目，多则数十字，少则几字，记录了百五年来梨园界的琐事，大至某名家的生卒行踪，小到某票房的成立。小豆子想，周先生秉持的也应该是一个对历史负责的精神，比如一个票房的票首，很可能在百年之后连他的家人都不再提起，但是他确确实实在京剧史上闪了一下光，于是，《琐记》也就把他记录下来了。

2002年9月11日，小豆子编绘了一张简表，便是以周先生之《琐记》为底稿，以表格的形式理顺从1813年到1944年间梨园界的一些大事情及小事情。简表做好后，访问的人并不多，其间砚愚来过几封电邮，补充了一些荀慧生的资料。也因为简表先天的不足，使得更新起来并不方便，而且十分简陋，于是三年功夫，这张简表就静静地躺在戏考的一个角落里。今年5月，小豆子又把这张简表捡了起来，深感如果不再对这方面的资料做一个系统的整理，我们遗忘的东西会更多，事实上，我们就是这样一个善于遗忘历史的民族。于是，一个新版的“梨园百年琐记”做出来了。继续本着戏考中剧本大家录入、众人捧柴的精神，“梨园百年琐记”中所有资源都是开放性质的，任何人都可以进行更改、补充。同时，人物和事件两大资料很好的结合在一起，互相照应，首页上的“历史上的今天”时刻提醒我们曾经发生过的事件，以及在戏曲曲艺史上闪过光的人们的生卒纪念日。

今天是简表诞生3周年的日子，而新版的“梨园百年琐记”也已经经过了4个多月的测试期，小豆子在此推出正式版的“梨园百年琐记”。小豆子会在每天整理剧本的同时，加入和整理琐记的内容，也欢迎大家继续捧场。在此向测试期间提供帮助的合意、戏迷知音、撕边一锣、红豆少主等表示感谢！

我们只是平凡小辈，所能做的，就是忠实地记录下历史的痕迹，算是对历史的尊重，同时也是对创造历史的人的尊重。

展开！

随着一个人物活动年表的增长，作为访客的您也许已经厌烦了在琐记的事件与人物间点来点去。人物的“活动年表”一栏如同一本书的目录，想了解详情，必须一页一页地翻到那里去看个究竟，然后再回到目录找下一个感兴趣的标题。

今天把这方面改进了一下，现在在“活动年表”的旁边，您会看到一个“展开”的链接，点击后进入的人物页面，会把一张完整的活动年表展现给您，虽然对于有些人物来说，页面会超长无比。默认情况下，年表是收缩状态的。

还有一个星期，琐记改版后的正式版就要公之于众了（定在9月11日，这可和著名的恐怖袭击没有任何关系，而是因为2002年9月11日，梨园百年琐记简表诞生），页面题图上“Beta”字样也就要拿掉了。4个月的测试期，网站不断在完善，有一些以前想都不敢想的功能，竟然也实现了。隔三差五有网友来补充资料，让小豆子很感高兴。应该说，这4个月在琐记上面花费的功夫，比过去3年来对其花的功夫都要大，而且觉得非常有成就感。

和编的应用程序一样，您对网站在易用性上有任何建议意见，欢迎指出。任何时候，在这里留言也可，来信也可。

如果您留意的话，您会发现戏考的页面有了小的变化——左边的目录变宽了。事实上，如果您非常留意的话，您会发现左边拼音目录已经不是纯 HTML 文件，而变成 php 动态生成的页面了，这至少说明，每次小豆子更新戏考，不用再去手工改这些目录了。如果您非常非常留意的话，您会发现事实上戏考的首页文件也已经变了，从原来的 index.htm 变到了 index.php。

关于目录的变化，主要是希望在拼音目录中能够显示同一剧目的不同版本，而不是像以前那样只显示其中一个，然后用图标告诉来访者这个剧目有多于一个版本存在，因为似乎一部分人没有留意到剧本页面上的“相关剧本”连接，以至于其他版本的剧本不太被人们所发现，这一点可以从剧本单个的点击率看出。而现在在目录中注明剧目来源的另一个好处就是您可以直接从目录跳到希望看到的版本。

由于数据库和整个页面都是 Unicode 编码，小豆子至今还未找到一个简便的拼音排序的函数，所能做的是把剧名用拼音一一对应起来，然后排序。这样做虽然稍微繁琐一些，但是能搞保证多音字在剧名中发音得到正确的排序，还有像《胭脂褶》这样“褶”发出 xuè 音的京剧特殊发音，也只能靠这种发式得到体现。但是这种手工分配拼音的方式，难免会出现讹误或者笔误，所以如果您发现拼音目录中某一剧目的排序出了问题，还请您指正出来。