欢 迎 访 问 卢 昌 海 个 人 主 页

除了自己的无知,
我什么都不懂。

-苏格拉底

 
信 息
 
 
 
All English Contents
作品列表 | 电子图书
站长简介 | 常见问题
版权说明 | 电子邮箱
 
统 计
 
 
 
自 2008-02-01 以来
本文点击数
21,248
自 2008-02-01 以来
本站点击数
32,242,091
昨日点击数 6,523
今日点击数 5,896

喜欢本人文字的读者
>>> 欢迎选购本站电子书 <<<

主页简史

- 卢昌海 -

本文叙述了本网站从 version 1.0 (1999 年) 到 version 3.0 (2002 年) 的演变过程

已记不清具体是什么时候开始编写这个网站了, 大约是在 1998 年底吧 (上个世纪的事了)。 编写的动机一是好奇, 想知道网上那些花花绿绿的网站是怎样炼成的; 二是预感到可能会改变专业 (为什么要改变专业? 这个说来话长, 日后会另文叙述), 打算学点跟计算机有关的东西。 当时正值 Web 方兴未艾, 看似前途无量之时, 遂决定编一个网站探探路, 试试 Web 编程的技巧。 这个网站的前身正是当时学 HTML 和 JavaScript 时所做的练习。

虽说是为了试试 Web 编程的技巧, 实际上却是在页面设计上花的时间更多些。 考虑了几个方案之后, 最终选择了以星空作为 version 1.0 的界面主题——这比较符合我的专业和兴趣。 这里保留了 version 1.0 的首页, 其中的 VBScript 背景效果需要用 Internet Explorer 才能显示, 两侧的星云图案在鼠标进入时会变换成文字标题, 点击则可以分别进入中英文的内容 (已经 disable 了)[补注一]

至于网站的内容, 由于当时意不在此, 除了极简单的几句个人简介外, 几乎完全是对我平时经常访问的一些站点的链接, 因此这个网站在刚开始的那段时间里与其说是个人主页, 不如说更像是一个 bookmark, 事实上我也确实常常把它当作一个可以远程调用的 bookmark 来使用。

HTML 和 JavaScript 都不是太复杂的东西, 几星期学下来, 试过若干技巧之后, 兴趣就渐渐淡了下来。 纯技术性的框架既已奠定, 注意力就自然而然转向了内容。 此后, 在闲遐时陆续增添了一些个人简介及回忆等内容, 逐渐使这个网站有了个人主页的内涵。

1999 年底, 我开始找 programming 工作, 一度想把这个网站发展成一个可以作为 demo, 对找工作能起帮助的东西, 可惜横看竖看也没有 professional 网站的感觉, 便很快放弃了那个想法。

随着个人简介部份的持续扩充, 我最终决定把这个网站编写成一个真正意义下的个人主页, 让它成为自己人生轨迹的一个小小纪念。 这个念头的隐约浮现其实已有一段时间了, 回想起来, 曾经多少次为无法挽留自己的记忆而惋惜过? 人常常就是这样, 一边为逝去的东西惋惜, 一边又在不经意中挥霍着现在的拥有, 一次次地惋惜, 却又一次次地错失。

随着主题的变化, 当初设计的网站结构渐渐显出了缺陷。

缺陷首先来源于中英文内容的不平衡, 由于后来增加的内容绝大多数是中文的, 使得界面上中英文对称的格局与内容的实际比例日益失衡。 其次是占当初页面很大部份的对外链接随着 dot-com bubble 的破灭而变得支离破碎——很多都成了死链接。 再者, 原先设计的 “左—中—右” 对称的 frame 结构有一个先天不足, 那就是中间的 frame 不能出现 scrollbar, 否则会破坏背景的完整性。 为此只得小心翼翼地限定每一页的文字数量——随着内容的增加, 这种限定日益显出累赘来, 而且这种限定对 browser 窗口大小的依赖性极大, 肥了瘦了均不理想, 全无合理标准可言。

有鉴于此, 2002 年初, 我对这个网站作了重新设计。 在新的设计——version 2.0——中, 我剔除了所有对外链接, 并且以 “左—右上—右下” 的 frame 结构取代了 “左—中—右” 结构, 其中左边为主目录, 右上为各部份的分目录, 右下则显示具体内容。 同时, 界面色调也由深黑色的星空改为了较明亮的浅绿色背景, 这主要是考虑到星空背景对插图的要求比较苛刻, 不如明亮的背景容易协调。 这里也保留了 version 2.0 的首页 (部分内部链接可点击进入)[补注一]

可能是受 Microsoft “第三版本” 传统 (详见 “数字世界回忆录”) 的影响, 我的网站注定也要 “一二不过三”。 Version 2.0 使用不过数月, 若干新的不尽人意之处就显现了出来。 其一是 version 2.0 的标题和目录都是用 Richwin 和 Photoshop 制作的图片, 那两者都是价格昂贵的商业软件, 虽因机缘巧合被我所用, 却明显不是个人用户有条件长期依赖的软件组合。 其二, 以图片为基础的目录结构不易修改 (因每次修改都要重制图片)。 其三, version 2.0 和 version 1.0 一样, 在结构上忽视了内容与格式的分离, 对文件显示格式 (比如背景颜色) 做哪怕最细微的调节也会 “牵一发动全身”, 成为 Mission Impossible。

2002 年 6 月中下旬, 公司里暂时无事, 空闲时我在自己的笔记本电脑上续写了几篇文章, 由于 Windows 2000/XP 的 Notepad/Writepad 只支持 Unicode, 不支持 gb2312, 这使我萌生了由 gb2312 转向 Unicode 的念头。 对浏览器来说, 这两种编码都是被普遍支持的, 但从输入的角度看, 采用 Unicode 可以摆脱对 Richwin 的依赖, 因此我决定逐步将网站编码改变成 UTF-8, 并顺带解决 version 2.0 的结构缺陷, 由此揭开了编写 version 3.0 的序幕。

在编写 version 3.0 的过程中, 写作动机也再次发生了变化, 我开始打算把它建成一个发表自己见解, 并向读者介绍科学技术的网站。 对于访问这个网站的朋友来说, 这显然要比了解一个远隔万里的陌生人的生平经历来得有价值。 而且从某种意义上讲, 对于真正想了解我的朋友来说, 了解我对人生、 社会以及科学技术的观点和看法也同样是不可或缺的。

Version 3.0 用 CSS 和 JavaScript 对文件格式和文件内容做了普遍分离, 插图则大都使用透明的 gif 文件, 与背景选择保持了一定的独立性。 在格式上, version 3.0 较严格地遵循了 W3C 推荐的各项标准, 所有文件均用少数几个 Template 生成, 所有页面都具有一致的 Look and Feel。

在编写主页所用的工具方面, version 1.0 用的是 Notepad, version 2.0 部分使用了 Dreamweaver 等工具, 而 version 3.0 又重新回归到了 Notepad。 另外, 这些年来也明白了一个浅显的道理: 美工设计非我所长。 因此 version 3.0 纯以文字内容为主打, 在背景音乐、 图像及 Frame 结构等方面均作了彻底简化, 差不多就是一个 text-only 版本。

>> 请阅读续篇: 主页改版说明 (兼论互联网标准)

补注

  1. 旧版网页所用的背景音乐格式 (midi) 及引入格式的方式 (直接 embed) 已不被现代浏览器所支持, 目前我所知道的显示旧版网页的最佳方式是用 IE, 且到 Developer Tools (F12) 的 Emulation tab 中, 将 mode 选为 7 或 8 (即模拟 IE7 或 IE8)。 如此, 则背景音乐仍可播放。 但即便如此, VBScript 背景效果、 Page Transition 效果, 以及 Java Applet 等等仍已不可复现。 Backward compatibility 终究是有限度的, 算是二十多年时光带来的鸿沟吧。 [2022-02-04 补注]

站长近期发表的作品