失敗的不是理念,而是執(zhí)行:回顧早期的可視化網(wǎng)頁(yè)開(kāi)發(fā)工具
自从写了新的演讲《面向非常资深程序员的世界万维网简介》并带观众回到1995年之后,我变成了一个有点自豪和痴迷的互联网历史学家。1995年,在网上发生了许多事情。HTML 2.0在九月发布,并引入了<table>
标签,这将在线体验从类似于阅读书籍和正式文件转变为浏览色彩丰富的杂志或相册。JavaScript在1995年12月发布,将网络从一个只读媒介转变为一个互动平台。1995年,多媒体工具如Macromedia Shockwave Player和FutureWave FutureSplash Animator被开发出来,目的是将充满互动性的CD-ROM体验引入浏览器。
随着用户体验的不断进化,新的工具也被创造出来支持 web 开发者构建网站。万维网联盟(W3C)成立于1995年。虽然第一版CSS直到1996年才发布,但W3C在1994年就提出了层叠HTML样式表的提案(https://www.w3.org/People/howcome/p/cascade.html)。这将使 web 开发者能够完全控制网站的设计,而不是让用户通过专有的浏览器设置来自行增强浏览体验。随着网络变得更加视觉化,构建网站的工具也是如此。
这一切都是从 Visual Basic 开始的。在1991年,Visual Basic 为 Windows 软件应用程序开发而推出。Visual Basic 是一个图形用户界面(GUI),它在 C/C++ 和 Win32 API 之上提供了一个可视化的抽象层,使编程更加直观。Ryan Lucas 在《Visual Basic 的历史与遗产》一文中详细描述了这次发布,并特别关注了它如何拯救了“数百万大型机 COBOL 程序员”的生涯,这些程序员正因微型计算机的兴起而感到恐慌。正如 Visual Basic 的创造者 Alan Cooper 所回忆的那样。
设计其用户界面时,开发人员可以将组件拖放到 WYSIWYG 画布上。要为某个 UI 元素添加行为,只需选择相应的点击事件处理器即可。大型机程序员突然能够快速编写 Windows 应用程序,使得他们能够迅速掌握编写 Windows 应用程序的技巧。
1995年的Visual Basic用户界面。
当应用程序开发者们在90年代初开始拥抱更视觉化的开发方式时,网页开发者们仍然局限于命令行、记事本和Windows的MS-DOS编辑器。直到1995年11月FrontPage 1.0问世,这情况才得以改变。
FrontPage 由 Vermeer Technologies 开发,并被归类为“World Wide Web 发布和站点管理工具”。就像 Visual Basic 一样,FrontPage 也是一款 WYSIWYG(所见即所得)的可视化界面,此工具可以构建 HTML 代码。它还包括一个个人网络服务器,让您可以在本地预览正在构建的网站。它还包括模板、自动化脚本和其他功能。仅仅两个月后,即 1996 年 1 月,被微软收购,并在版本 1.1 发布时更名为 Microsoft FrontPage。
大约在同一时间,一家名为iBand的公司开发了一款名为Backstage Designer的类似FrontPage的视觉工具,这与当时的标准做法一致。就像这个行业中的惯例一样,iBand在1996年被Macromedia收购,不久后将其更名为Macromedia Backstage Desktop Studio,这款产品最终演变成了你可能更熟悉的网页开发GUI:DreamWeaver。
开发游戏的工具也在同一时期得到了同样的发展。Unreal Engine 1,一个使用Visual Basic构建的图形用户界面,该工具也在1995年发布。
这里有一个非常有趣的地方是,虽然游戏开发在整个行业中广泛采用了可视化的开发工具,但 web 开发似乎放弃了 90 年代中期到末期的那些可视化工具有关的技术。三十年后的今天,我们大多数人依然用文本编辑器来搭建网站和 web 应用。这又是为什么呢?
为什么我们在90年代没有采用可视化的网站工具呢?总之,90年代(以及之后)的所见即所得的网站工具生成了糟糕的HTML代码,因此,这些网站也相当糟糕。我还记得在2000年代初使用苹果的网站构建工具iWeb时的情景。事实上,直到2008年,我为客户使用iWeb构建的网站还在运行。我为他们构建的基于文本的CMS,通过一个iframe展示他们通过FTP上传的文本文件,确实经受住了时间的考验。但现在现在我有了专业的知识和经验,我知道iWeb生成的HTML代码是绝对垃圾。如果HTML代码是垃圾,那么你的网站对使用辅助技术(如屏幕阅读器)的人来说就无法访问了。
1986年,IBM宣布了第一个屏幕阅读器,但直到90年代中期,屏幕阅读器才开始变得更加易于获取,当时在1995年,JAWS在Windows 1.0上发布。第一个网络无障碍指南,后来被命名为Web内容无障碍指南或WCAG,在1995年1月发布。然而,尽管如此,用于构建网站的工具似乎从未真正按照这些官方标准来开发。这不仅适用于1995年开发的工具,同样也适用于未来的工具,令人惊讶的是,这种现象甚至延续到了2025年。
2025年5月7日这周,Figma宣布了Figma Sites工具,这是一个直接将你在Figma中创建的设计发布到网络的工具。但这个新产品并未受到好评。Adrian Roselli提醒大家:不要用Figma Sites将你的设计发布到网页上。
“…除非你想让所有WCAG标准都通不过,制造诉讼风险,关闭在欧洲的市场机会,损害名誉,哦,对了,还给你的客户和用户设置障碍。”
1995年我们做得不对并不令人惊讶,如今,30年过去了,我们到现在还做不到这一点也不足为奇。更不用说AI同样做不到这一点了。当然,它做不到这一点,因为它不具备同理心的能力。
开发者想要掌控开发者希望完全掌控他们的HTML、CSS和JavaScript:这确实合情合理。如果可视化的网页开发工具不能生成干净且语义清晰的HTML、整洁且易于调试的CSS,或是性能优良的JavaScript,继续使用基于文本的网页框架来构建网站和网络应用,或者直接编写代码自己动手实现,确实没有其他更好的选择。
众所周知,我写的所有内容都是在Nordcraft博客上发布的,Nordcraft是一个开源的Web开发引擎,集成了网络框架和一系列先进的视觉工具,让设计师和开发者可以协作,打造高性能的Web应用程序。而且我还在这里工作。你或许会认为Nordcraft只是一个普通的视觉网站构建器,和其他视觉工具一样,只会生成千篇一律的内容。但作为一名有超过20年网站建设和编码经验的人,并且我也非常喜欢对网站和代码保持完全控制,我可以肯定地讲,Nordcraft确实非常与众不同。
Nordcraft 实际上让你掌控一切在 Nordcraft 中,你的 HTML 标记由你自己控制。使用 Nordcraft 编辑器,你可以像编写文本一样,使用你选择的语义元素标签来构建 HTML 结构,并且可以自由添加属性和其他 web 平台功能。Nordcraft 不规定你如何构建 HTML 标记:你来决定。唯一的不同(也是优点)是,你是在一个所见即所得的画布上构建 HTML,设计师可以与你合作,在整个过程中加入设计风格,而不是像通常那样将设计图从 Figma 抛向开发人员(这种情况发生的频率远超预期)。CSS 和 JavaScript 也是如此:你可以完全控制发送给浏览器的内容,没有任何意外的麻烦。
现在是2025年,我们可以做得比之前更好,而无需经历当前在此领域不幸发生的状况。通过给你,作为开发者和设计师,对最终结果的完全控制,我确信Nordcraft不会像90年代早期的视觉工具或2025年的Figma Sites那样遭遇失败。
你的命运和网站的命运都掌握在你自己的手中。
共同學(xué)習(xí),寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
100積分直接送
付費(fèi)專(zhuān)欄免費(fèi)學(xué)
大額優(yōu)惠券免費(fèi)領(lǐng)