🕸️ 第四章 Web的普及与发展
📄 一句话概括

Web 系统的形态越来越多,但它们有一个共同点:从【给人看】变成了【替人干活】。

📝 本节和前面几节的关系

第二章讲过 Web 网站由什么组成,第三章讲过它靠什么跑起来。这一节换个角度看这些系统:它们都被拿来干什么。

一、从【看网页】到【用系统】

早期的 Web 网站,本质是一本会翻页的说明书:内容写好了摆在那儿,你只能读。

现在的 Web 系统,是办事的地方——买东西、发消息、开会、审批、查账单,全都在网页里完成。

教材 4-1 把这种变化叫 Web 系统的多样化。要留意:多样化的不只是形态,更是用途。

二、当下几种主要形态

把现在能数出来的形态摆一摆,可以分成两组。

面向公众的:搜索引擎(找答案)、电商(买东西)、社交通讯(联系人)、视频(看内容)。这四个的特点是用户数以亿计、谁都能来。

面向内部的:云办公(在线文档、会议)、业务系统(审批、工单、报表)。这两个的特点是只对特定的人开放,外人连门都找不到。

教材 4-1 用【购物网站、社交媒体】举例,讲的是前一组;但真正让 Web 变成基础设施的,是后一组——企业把内部流程搬上了网页。

三、Web 走过的三个阶段

教材把 Web 的发展分成三个阶段,串起来看就是三层能力:

Web 1.0 只读:网页写好了,你只能看。门户站、企业黄页都是这一类。

Web 2.0 读写:你也能发内容、能互动。Facebook、Twitter、维基百科把它推上了台面。

Web 3.0 读写执行:机器帮你算、替你办。AI 搜索、智能助手、自动化流程属于这一类。

关键是这三步是叠加的,不是替代的。今天一个电商网站里,商品介绍页是 1.0 的做法,评论区是 2.0 的做法,推荐算法是 3.0 的做法——它们同时存在。

四、动手 Demo:几种形态各能数出多少人用

把教材提到的几种形态各自的规模摆在一起,就知道 Web 的盘子有多大。

forms = [
    ("搜索引擎", "Google", "全球份额 89.94%,每天约 85 亿次"),
    ("电商", "Amazon、乐天", "线上零售 6.88 万亿美元"),
    ("社交通讯", "Facebook、Instagram", "56.6 亿个账号,占人口 68.7%"),
    ("视频", "YouTube、TikTok", "28 亿 / 21 亿月活"),
    ("云办公", "Microsoft 365", "登录一次,全部在浏览器里"),
]
for name, rep, scale in forms:
    print("  %-8s %-18s %s" % (name, rep, scale))

实跑输出:

--------------------------------------------------------------------
D1  Web 系统已经不止是【看网页】
--------------------------------------------------------------------

  教材 4-1 讲 Web 系统在多样化。把 2026 年能数出来的几种形态摆在一起:

  形态        典型代表            当前规模(2026 口径)
  ----------------------------------------------------------------------------------------
  搜索引擎    Google              全球份额 89.94%,每天约 85 亿次搜索
  电商        Amazon、乐天        全球线上零售 6.88 万亿美元,占零售 21.1%
  社交通讯    Facebook、Instagram 全球 56.6 亿个社交账号,占人口 68.7%
  视频        YouTube、TikTok     YouTube 28 亿月活,TikTok 21 亿月活
  云办公      Microsoft 365       一套身份登录,办公软件全在浏览器里
  业务系统    内部审批、工单      只在内网可见,外人打不开也搜不到

  这些形态的共同点:**它们都是网页,但都不再只是给人【看】的**。
  看下面的三个阶段就明白,Web 每往下走一步,就多一层【用】。

  阶段      能做什么                      代表
  ------------------------------------------------------------------------------------
  Web 1.0   只读:网页写好了,你只能看    门户站、企业黄页、静态主页
  Web 2.0   读写:你也能发内容、能互动    Facebook、Twitter、维基百科
  Web 3.0   读写执行:机器帮你算、替你办  AI 搜索、智能助手、自动化流程

  教材 4-1 把这一步总结成一句话:Web 系统的用途从【展示】变成了【干活】。
  搜索引擎替你找答案,电商替你下单,云办公替你存文件——它们全都是网页。

这张表最值得注意的地方,是最后两行也在表里。搜索引擎和电商面向所有人,云办公和业务系统只面向公司里的人——可它们用的是同一套技术:HTML、CSS、HTTP。

换句话说,企业内网的那套东西,跟外面那个庞大的互联网是同一个物种,只是被关在了门里。这一点 4-8 会专门展开。

30 秒实验

  1. 打开三个你常用的网站,判断它们分别属于哪种形态(搜索、电商、社交、视频、办公)。
  2. 找一个老式的企业官网(没有登录按钮、没有评论区的那种),想想它属于哪一个阶段。
  3. 回忆一下你公司或学校内部,有哪些网页系统是只在内网才能打开的。

常见误区

  1. 错误:Web 就是网站,都是做给外面看的。——纠正:企业里有大量 Web 系统只对内网开放,外人既打不开也搜不到。它们的数量比公开网站多得多。
  2. 错误:Web 1.0 已经彻底淘汰了。——纠正:静态页至今仍在大量使用。产品说明书、法规文本、企业介绍页这类内容基本不变的地方,静态页又快又省事。
  3. 错误:1.0、2.0、3.0 是依次替代的关系。——纠正:它们是叠加的。同一个网站里往往三种做法同时存在,各自负责不同的部分。
自测三问(点开对答案) 1. Web 系统多样化的本质变化是什么? —— **用途从展示变成了办事**。早期网站是把信息摆出来给人看,现在的 Web 系统是让人在上面完成一件事——下单、发消息、审批、开会。形式还是网页,位置从橱窗变成了柜台。 2. 举出三种【面向内部】的 Web 系统。 —— 比如**内部 OA(请假与审批)、知识库 Wiki、工单系统**。它们的共同点是只对公司网络里的人开放,地址用的是内网私有段,外面访问不到。 3. Web 1.0、2.0、3.0 分别能做什么? —— **1.0 只读**(只能看)、**2.0 读写**(用户也能发内容)、**3.0 读写执行**(机器参与计算和代办)。三层是叠加关系,不是替代关系。

相关笔记