🕸️ Web技术原理
照着《完全图解Web技术原理》做的自学笔记 —— 前面几门课把【底下的机器与网络】讲过了，这一课往上走一层，讲那台机器怎么把一个页面送到你眼前。全书 9 章 98 篇：Web 技术基础知识、Web 特有的架构、为 Web 提供支持的技术、Web 的普及与发展、不同于 Web 的系统、Web 与云计算的关系、Web 网站的创建、Web 系统的开发原则、安全措施——从 URL 怎么拼、服务器里外两层是什么、浏览器怎么把文件画成画面，一路讲到 HTTP 请求响应、Cookie 与会话、DNS 与 TLS、容器与负载测试、DMZ 与零信任。这是概念与架构课，不用装软件、也不需要服务器即可读完；遇教材与当下不符处以各篇【⚠️ 2026 现状】为准。大白话、不跳步骤、必带生活比喻、常见误区、可折叠自测题。
前置课程：计算机网络（数据怎么在网里走）、服务器工作原理（服务器怎么转）、云计算（算力怎么变成服务）。
内容来自我的 Obsidian 自学笔记 · 全 9 章 98 篇完结 ✅
第一章 Web技术基础知识
什么是Web
超文本是想法、超链接是零件、WWW 是成…
Web系统的架构
五个词一层套一层（浏览器／Web 服务器…
浏览Web页面
浏览页面就三步（报地址／请求送达／画出来…
什么是URL
URL 七块拼成（协议／身份／主机／端口…
Web服务器的外观与内部结构
外壳是操作系统（Unix 类 92.0%…
浏览器的功能
渲染路径十一步；网络占 47%、本机画占…
独立于浏览器之外的Web连接机制
页面与 API 拿回的数据量差 614…
Web系统的设置场所
客户端服务器系统的被动性决定成本结构；自…
如何访问国外的Web网站
数据一站站转交；同城 3~5 跳／5 毫…
互联网与Web的关系
互联网分五层、Web 只是应用层里的一个…
第二章 Web特有的架构
Web技术的发展
四个词三层意思：SoR 与 SoE 是分…
Web网站的组成
网站是六类角色分工的结果；设计类占 25…
Web网页的主要部分
标签是给机器读的；一段短文里标签字节比正…
Web网页的次要部分
CSS 把嵌套、变量、作用域全接了过来…
静态页面与动态页面
静态三步、动态七步；100 万次访问差出…
Web网站的HTTP请求
请求是一行三词（方法、路径、版本）；GE…
Web网站的HTTP响应
状态码第一位定责任：4xx 是自己这边…
确认HTTP消息
报文四段、先看第一行再看头；单个请求头只…
程序的启动
每请求起一个进程，51 毫秒里只有几毫秒…
将客户端与服务器分离
服务器只发数据、浏览器自己拼；服务器耗时…
客户端的脚本语言
浏览器端三十年只有一门语言；TypeSc…
服务器端的脚本语言
PHP 占已知服务端语言近七成，摘掉 W…
支持重新连接的机制
Cookie 四步来回；三个安全标志（S…
系列处理流程的管理
会话是柜子、会话 ID 是钥匙；两条路的…
第三章 为Web提供支持的技术
为整个Web提供支持的技术
Web 不靠一台服务器：九种支撑技术各管…
访问Web的基础知识
TCP/IP 是四层分工而非单个协议；1…
IP地址与MAC地址的区别
IP 管跨网络找路且会变、MAC 管本跳…
分配IP地址
DHCP 的 DORA 四步与租期怎么定…
连接域名与IP地址
DNS 的四层缓存与常见记录类型；TTL…
互联网的通信代理
正向代理替客户端出头、反向代理替服务器挡…
在浏览器与Web服务器之间进行加密
TLS 1.3 只握手一次、省下一次往返…
向Web服务器传输文件和识别请求
端口号是这条链上最后一跳的定位；FTP…
创建Web服务器的方法
自建、租用、云三条路的三年总账差三十多倍…
设置Web服务器
装完只是开头，上线是一张清单；目录 75…
选择Web服务器服务套餐
决定体验的不是核数而是带宽与流量；页面打…
创建Web服务器
从下单到打开页面的七步；安全组与密钥必须…
第四章 Web的普及与发展
Web系统的多样化
都是网页，但不再只是给人看的；搜索引擎…
智能手机的出现
移动设备已占全球 Web 流量 62.6…
常用的浏览器
Chrome 65.1%、Safari…
常用的搜索引擎
Google 89.94%、Bing 5…
网上购物的发展
全球线上零售 6.88 万亿美元、占零售…
活用社交媒体
全球 56.6 亿个社交账号、占人口 6…
社交媒体的内幕
Insights 只对商业与创作者账号免…
在企业中活用Web系统
内网、对外公开、云端加身份验证三种摆法…
纯网络职业
零点击率从 2016 年 45% 涨到…
5G改变Web系统
5G 实际中位下载 220 Mbps 对…
第五章 不同于Web的系统
无法变成Web系统的系统
有些系统天生进不了浏览器——四类搬不动的…
不能停止运行的系统1
一年 525600 分钟，99.999%…
不可停止运行的系统2
全球 290 万台 ATM、每百万人 3…
将现有系统迁移到云端的障碍
迁移成绩单：65% 按时按预算、38%…
与Web系统兼容的电子邮件服务器
SMTP 管投、POP3 管取、IMAP…
非互联网网络
LAN 划物理范围、WAN 划地理跨度…
服务器功能的区别
三种服务器按协议与端口分（HTTP 的…
第六章 Web与云计算的关系
云概述与特征
NIST 五特征（按需自助、广泛网络访问…
云服务的分类
三层模型的分界线是【谁管什么】（毛坯房…
云服务的两大类型
公有与私有的分界只在【机器归谁】，最易忽…
虚拟的私有云
VPC 是在公有云上逻辑独占的一段网，隔…
云服务供应商的概述
全球前三家 AWS 28 与 Azure…
数据中心与云服务
主机租用、机房租用、主机托管的分界线仍是…
管理大量IT资源的机制
管理的三层控制器（云管理器管全局、集群管…
现有系统迁移到云端
迁移的六种策略（Rehost、Repla…
第七章 Web网站的创建
是否使用数据库
要不要数据库，先看有没有【必须记住的人和…
目标用户角色与客户旅程
客户旅程按【触点】数，不按感觉：B2C…
创建网站的准备工作
上线前的四类准备：内容、域名与主机、访问…
内容的管理
CMS 的分界线是【谁来写内容】；W3T…
域名的获取
域名是租的不是买的，单次最长注册 10…
个人信息保护的措施
三部法律各管一段：中国的《个人信息保护法…
支持HTTPS连接的功能
HTTPS 已从【加分项】变成【入场券】…
提供对智能手机与PC的支持
手机与桌面访问量已各占一半（49.4%…
提供对不同设备的支持
@media 的媒体类型只剩四种有用：a…
图像文件的种类
四种基本格式分工明确：PNG 无损、JP…
防止复制保护措施
防复制要分两件事：【防随手复制】和【防专…
视频和音频文件
容器是【盒子】，编码是【盒子里的东西】…
以管理员身份连接Web服务器的方法
三种管理员权限逐级放大：网站管理员管内容…
第八章 Web系统的开发原则
Web应用后端的构成元素
一个 Web 应用拆开就是四层：Web…
Web应用使用免费软件
OSSRA 2026 审了 947 个商…
应用程序的设计理念
三层结构是架构风格（表现层、业务逻辑层…
开发框架
库和框架的分界线是【谁调用谁】——库是你…
ASP.NET与JSP
动态页面只有两条路线：服务器端拼装（AS…
前端与后端的边界
前后端的分工原本一句话说清，这条线存在的…
Web系统中使用的数据格式
XML 出身文档世界（1998）、JSO…
剥离服务器的功能
Mashup 是把几个别人家的接口拼成一…
支付处理中外部连接方式
收钱的第一原则是不碰卡号——一旦卡号经过…
服务器的虚拟化技术
虚拟化问一句话就清楚——切的是机器还是系…
Web系统的新应用
容器一多，问题就从【怎么跑】变成五个：放…
实测Web服务器的负载
四个压测工具在 4 核 8G 上的对比…
虚拟服务器的性能评估
云上的【1 核】不是一颗物理核，而是从物…
数据分析系统的结构示例
业务数据库擅长准确地找到某一条，不擅长从…
第九章 安全措施
应对威胁的安全措施
威胁按目的分三类——拿走东西（非法访问）…
安全措施的物理结构
核心原则一句话——信任等级不同的东西不放…
DMZ的防守方式
DMZ 放什么的判断标准只有一条——这台…
穿透DMZ后的防守
DoS 不偷东西只让你关门，租机器一起压…
客户保护机制
多因子三类要素——你知道的（密码）与你拥…
内部的安全措施
内网不再天然可信——远程办公让员工不在城…
系统运行后的管理
运维管理四块——运行管理（最花时间）与变…
服务器的性能管理
顺序不能颠倒——先量再调：uptime…
应对故障的机制
第一步不是买设备而是先定一年允许停多久…
关于备份的思考
3-2-1——三份数据副本与两种存储介质…