梦回2000年，我仿佛嗅到了“网页三剑客”风靡时熟悉的味道

梦回2000年，我仿佛嗅到了“网页三剑客”风靡时熟悉的味道

中文 (Chinese) English

DreamWeaver，Flash，Fireworks，脑中突然闪过的三个软件，紧接着出现的画面就是铺天盖地几乎都叫做《网页“三剑客”》的书，“网页三剑客”就是说的这三个软件，出自一家叫做Macromedia的公司。

梦回2000年，突然感受到了一种熟悉的味道：

网页制作逐渐成为最热门的潮流；

不懂HTML，却可以用DreamWeaver仅依靠托拉拽的可见即可得的方式快速生成网页（2000年后，FrontPage依靠微软Visual Studio全家桶逐渐取代了DreamWeaver）；

傻傻分不清楚BMP、JPG、矢量图的时代，Fireworks可以包办图片处理（那时候真的比PS好用）；

最长命的Flash开启了动画时代，那时候的Flash设计师需要兼具绘画、设计和代码能力，几乎就是最赚钱的岗位；

彼时身处学生时代，依然拥有无限梦想权利的我，如果知道未来的二十几年，在工作中用到最多的工具居然是Word、Excel和Powerpoint后，一定会怀疑人生的。

彼时对经济金融毫无概念的自己，也不会对几年后（2005年）Adobe收购Macromedia可能产生的结果有任何感知。如今却会对Adobe收购Figma失败心存一丝宽慰。

后面的故事就很熟悉了，无论是Adobe有意为之，还是因为时代的进步，DreamWeaver和Fireworks逐渐式微，Flash撑过了21世纪的前二十年后，宣告退出历史舞台（当然Flash的消亡主要归功于iPhone的不支持）。

如今，依然无比怀念二十多年前的感觉，那是展开一张空白画布，然后尽情使用工具和代码构建想象中世界的无比畅快与自由的感觉。那种唯独与钱和“别人的目标”无关的感觉。

写到此处，我终于知道为什么脑中会突然闪过“三剑客”的时代了，这更像如今的Callback：尽管我们日常使用的AI模型和工具掌控在少数巨头手里，但是在它们面前，“无聊了快二十年的互联网”终于开始回到它最初承诺的样子：平等与共享。

也感谢那个“疯狂了快二十年”的金融市场与“时代红利”，从“空白画布开始尽情挥洒”的选择权又交回到了越来越多的人手里，不同的只是，我们需要新的“三剑客”；不同的只是，二十多年前，我们给那张web添砖加瓦，如今，我们已经“肆无忌惮”的长于那张网之上，呼吸，觅食，排泄……

以上可能又是一段非常抽象的文字。那就附带一段“Perplexity Labs”讲述的历史吧（所有文字和插图都是它生成的）。

网页三剑客：二十多年前互联网开发的黄金时代

二十多年前，当互联网还处于蓬勃发展的初期，有三款软件如明星般闪耀在网页设计与开发的舞台上，它们被誉为"网页三剑客"——Dreamweaver、Flash和Fireworks[1][2][3]。这三款工具最初由美国Macromedia公司开发，后来成为了早期互联网时代网页创作者们不可或缺的利器[1][4][5]。

发展历程时间线

网页三剑客发展历程时间线：从Macromedia的诞生到Flash的终结

历史背景与公司沿革

Macromedia的诞生与发展

Macromedia公司成立于1992年，是由Authorware Inc.和MacroMind-Paracomp两家公司合并而成[4][5][6]。公司的核心产品Director最初是一款多媒体创作工具，为后来Flash的发展奠定了技术基础[4][6]。随着互联网的兴起，Macromedia开始致力于开发适合网络环境的多媒体工具[5][6]。

1995年，公司推出了Shockwave Player，这是第一个可以在网页中显示交互内容的插件[4][6]。同年，Macromedia还收购了Altsys Corporation，获得了矢量绘图程序FreeHand，这次收购为后来Fireworks的开发提供了重要的技术基础[4][5]。

Adobe收购的转折点

2005年12月3日，Adobe Systems以34亿美元的价格收购了Macromedia，这标志着网页三剑客时代的一个重要转折点[4][7][8]。这次收购不仅改变了三款软件的发展轨迹，也重新定义了整个数字创意工具市场的格局[7][8]。

网页三剑客详解

Dreamweaver：所见即所得的网页编辑革命

Dreamweaver于1997年首次发布，是一款革命性的网页开发工具[1][2][8]。它最大的创新在于提供了"所见即所得"的可视化编辑环境，让不熟悉HTML代码的设计师也能轻松创建网页[1][3][9]。

1999年发布的Dreamweaver 3.0被认为是经典版本，文件大小不足3MB，运行速度极快，功能完善[8]。这个版本已经集成了网页创作和网站管理功能，成为当时网页设计师的首选工具[1][8]。

Flash：动画与交互的先驱

Flash的历史可以追溯到1993年，当时名为SmartSketch。1996年11月，Macromedia收购了FutureWave公司，并将产品命名为Macromedia Flash 1.0[7]。Flash最大的技术优势在于使用矢量图形，生成的文件体积小，适合在当时的窄带网络环境下传播[1][11]。

Flash在中国互联网发展史上具有特殊意义[12][13]。2000年，蒋建秋制作的《新长征路上的摇滚》成为中国Flash动画的里程碑作品，标志着中国"闪客文化"的兴起[12][13]。

Fireworks：专为网页而生的图像处理工具

Fireworks于1998年首次发布，是专门为网页设计而开发的图像处理软件[1][2][14]。Fireworks专注于网页图形的创建和优化，特别擅长制作网页中常用的JPG和GIF图像[1][2]。它同时支持矢量图形和位图图像的编辑，并且能够与Dreamweaver和Flash无缝集成[1][15][14]。

黄金时代的辉煌

  • 技术门槛的降低：三剑客的出现使得"可视化操作"成为可能，设计师可以专注于创意本身，而不需要深入学习编程技术[2][16]。
  • 闪客文化的兴起：闪客通过Flash进行艺术表达。2001年，朱志强的《小小作品3号》成为武打Flash的经典，创造了当时国内单篇Flash点击的最高记录[12][13]。
  • 教育和培训的普及：许多高等院校和培训机构都开设了相关课程，培养了大量的网页设计人才[19][20]。

时代变迁与技术演进

移动互联网的冲击

2007年iPhone的发布成为网页三剑客衰落的重要转折点[7][18][22]。乔布斯明确表示苹果设备不支持Flash。随着移动设备的普及，Flash的市场地位急剧下降[22]。

使用率衰落图

网页三剑客使用率衰落：从互联网黄金工具到技术历史

HTML5和现代技术的崛起

HTML5的出现为Flash的衰落提供了技术替代方案[11][23][24]。现代前端开发工具如VS Code和WebStorm在功能和性能上都远超Dreamweaver[26][25]。

技术演进图

网页开发技术演进：从简单易用的三剑客到专业化的现代前端开发

最终的落幕

  • Flash的正式终结：2020年12月31日，Adobe正式停止了Flash Player的更新和支持[7][29]。
  • Fireworks的停止开发：2013年，Adobe宣布停止Fireworks的功能开发[30][14]。
  • 使用率下降：Dreamweaver从85%降至10%，Flash从75%降至2%，Fireworks从60%降至3%。

历史意义与现代启示

网页三剑客最重要的历史意义在于实现了网页制作技术的民主化[2][16][31]。这种"降低门槛"的理念在今天的低代码、无代码开发平台中得到了传承[31]。

结语

网页三剑客见证了互联网从萌芽到繁荣的关键时期[17][33]。虽然工具已退场，但它们代表的创新精神将永远留在互联网发展史上。

⁂

结语图

  1. https://baike.baidu.com/item/网页三剑客/1414859
  2. https://blog.csdn.net/yilaguandemei/article/details/79137858
  3. https://www.cnblogs.com/ai888/p/18667987
  4. https://en.wikipedia.org/wiki/Macromedia
  5. https://www.computinghistory.org.uk/det/66554/Macromedia-Inc./
  6. https://www.encyclopedia.com/books/politics-and-business-magazines/macromedia-inc
  7. https://zh.wikipedia.org/zh-cn/Adobe_Flash
  8. https://www.cnblogs.com/jsjblc/p/3568927.html
  9. https://www.mockplus.cn/blog/post/1105
  10. https://pixso.cn/designskills/dreamweaverruanjian/
  11. https://time.geekbang.org/column/article/9298
  12. https://zh.wikipedia.org/zh-sg/閃客
  13. https://www.gmw.cn/01ds/2002-04/24/15-FB5A400652D36EBA48256BA50006D3AC.htm
  14. https://www.douban.com/note/323030827/
  15. https://helpx.adobe.com/nz/dreamweaver/using/cross-application-integration.html
  16. http://www.xinanhl.com/list_28/209.html
  17. https://blog.csdn.net/u013350495/article/details/125984528
  18. https://www.sumaarts.com/share/1334.html
  19. https://cnki.huanghuai.edu.cn/KCMS/detail/detail.aspx?filename=DDJY201405017&dbcode=CJFR&dbname=
  20. http://gdii.gd.gov.cn/rcgh/content/post_945897.html
  21. https://www.hxsd.com/ztkc/wysjpx0513/
  22. https://blog.csdn.net/weixin_35294091/article/details/147435737
  23. https://www.sohu.com/a/564882009_121363584
  24. https://docs.pingcode.com/baike/3001581
  25. https://blog.csdn.net/m0_57344393/article/details/139849262
  26. https://www.cnblogs.com/xiongwei/articles/18728291
  27. https://juejin.cn/post/6911582217316204557
  28. https://blog.csdn.net/xybhua/article/details/127341697
  29. https://news.43zhubao.com/n/46418.html
  30. https://gori.me/it/31672
  31. https://www.west.cn/docs/157353.html
  32. https://segmentfault.com/p/1210000046709182
  33. https://www.cernet.com/hlw30/202409/4805.html
← Back to Blog