yzsdr

Early Web

早期网页常有灰色背景、蓝色下划线、动画 GIF 和个人链接,兼有公告栏、主页与文件目录的用途。浏览器、拨号连接和存储容量限制页面外观,作者用 HTML 组织内容与链接。

链接与导航

1990 年代的网页把链接的可见性放得很高。蓝色下划线并非单纯的配色偏好,它告诉读者:文字可以被点击。网站导航常以列表、按钮、横幅和“webring”组成,访问者通过链接认识作者的朋友、兴趣和社群。

早期个人主页的自制复合示意
自制复合示意,非真实网页截图。重复背景、表格式栏位、蓝色下划线、访问计数器与 GIF 横幅组成个人主页,左侧导航对应右侧更新记录。

WorldWideWeb 浏览器的早期界面更接近文档阅读器。它没有今天习惯的复杂卡片和固定导航,用户在页面之间跳转,链接本身就是结构。随着图片、表格和浏览器差异增加,网页开始出现更强的版面控制;作者需要用嵌套表格、透明图片和重复背景把元素推到正确位置。

WorldWideWeb 浏览器界面截图
页面内容、目录和编辑动作集中在同一界面。Tim Berners-Lee / FedericoMP,1991 年原始界面重建图,文件页列出的公共领域、GFDL 与 CC BY-SA 许可见 Wikimedia Commons。

带宽与加载

拨号连接把加载过程带进阅读经验。图片可能从上到下逐行出现,访问者先看见占位框,再看到颜色和细节。网页作者用低色数 GIF、重复纹理和小图标降低文件大小。

动画 GIF 通常循环一个短动作,如闪烁箭头、旋转徽章或跳动文字,用于提示链接与更新。

GeoCities 与个人空间

GeoCities 把网页组织成“城市”和“街区”,用地理隐喻帮助没有网站经验的人找到位置。主页常同时放置日记、宠物、音乐、动画、链接和访问数字,分类不完全,正是因为页面的目的在于留下个人痕迹,而非出售一个品牌。后来这些页面被保存到档案网站,背景图和链接失效后,仍能看出作者怎样用有限工具搭出一种公开的私人空间。

早期个人主页由作者决定内容和页面边界,读者通过链接进入其他主页,形成社群网络。

布局方式的比较

现代响应式网页把列、字体和图片的尺寸交给浏览器与框架自动计算,早期网页则经常把 800×600 的屏幕当成一块可手工拼装的画布。这个差异带来两种不同的阅读姿势:前者强调连续滚动和统一组件,后者允许每个页面拥有自己的入口、角落和坏掉的边缘。

与 Typography as World 结合时,可以把链接和计数器当作字形之外的“句法”;与 Teletext、CCTV and VHS 结合,则要注意它们的硬件限制并不相同。早期网页的粗糙来自网络和浏览器条件,VHS 的粗糙来自模拟磁带与信号传输,不能只用同一层滤镜替代。

复原条件

复原时可分别记录页面宽度、链接颜色、加载过程与循环动画,说明它们如何影响阅读。

English Wikipedia