一个文件就是一个网站
文本编辑器写，项目 HTTP 预览看；先跑通第一轮改-存-刷新。
学习证据 学完后，怎么核对？
把学习结果留在一个可以回看、可以复做的动作里；这一区只写学生能自己检查的证据。
如何核对
- 静态网页产物（正文可离线读；交互用本地 HTTP 预览）
- 逐项运行验收
适用边界
用于入门级静态网页；不涵盖生产部署、账号安全与复杂工程实践。
最后复核
这是内容复核日期，不是学习截止日期。
讲
网页的真面目
你每天看的网页，剥掉包装，本体是一个文本文件。里面写的是一种叫 HTML 的记号，作用只有一个：告诉浏览器「这行是标题」「这行是段落」。浏览器读到这些记号，把页面画出来。
所以写网页的最小装备，你的电脑里通常已经有了：文本编辑器（负责写）＋浏览器（负责看）。如果学校设备禁止直接打开本地页面，就用课程提供的项目 HTTP 预览入口，不绕过设备策略。
三个要点
- 后缀决定身份。文件叫
index.html，浏览器就认它是网页；叫.txt就只是备忘录。保存时后缀写对，是第一道坎。 - 浏览器能打开。网页文件本身不要求联网；用项目 HTTP 预览地址打开，不依赖
file://。想给同学看？交付完整文件夹和预览方法，并按对方设备条件验收。 - 改-存-刷新。修改的循环永远是三步：记事本里改 → Ctrl+S 保存 → 浏览器里按 F5 刷新，变化立刻出现。这个循环，是你后面所有作品的心跳。
核心句：网页＝一个文本文件。记事本写，浏览器看；改-存-刷新，就是做作品的心跳。
例
跟着做一遍，五分钟。
- 开始菜单里打开「记事本」。
- 原样敲进下面这几行——敲，别复制：手过一遍，眼睛才认识每个零件。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一页</title> </head> <body> <h1>你好，世界</h1> <p>这是我亲手敲出来的第一个网页。</p> </body> </html>
- 先在桌面新建
my-page文件夹。「文件 → 另存为」：位置选这个文件夹，文件名填index.html，保存类型选「所有文件」，编码选 UTF-8，保存。 - Windows：把
my-page文件夹拖到课程仓库根目录的preview-project.cmd，浏览器会自动打开。 - macOS / Linux：在课程仓库根目录打开终端，运行下面的命令；把引号内路径换成自己的
my-page文件夹路径，并保持终端窗口开启。
node tools/preview-server.mjs --root "/你的路径/my-page" --port 0 --open
- 页面显示「你好，世界」。地址虽然以
http://127.0.0.1开头，但只在这台电脑上运行，不需要外网；也可以使用老师明确提供的项目预览方式。 - 让心跳跳一次：回记事本，把「你好，世界」改成你想说的话，Ctrl+S，回浏览器按 F5。
卡住了就问 AI——描述现象，别怕问题小。比如最经典的一个：
小雨我的网页在本地 HTTP 预览里能打开，但中文全变成了乱码，像「浣犲ソ」这样。
AI这是编码问题，两步就能修：①检查文件里有没有 <meta charset="UTF-8"> 这一行；②在记事本里「另存为」，把右下角的编码选成 UTF-8 再存一次。两头都是 UTF-8，中文就正常了。
my-page 里的 index.html，已经是一件真作品——把整个文件夹收进你的作品抽屉。
练
保存后打开项目预览，却提示没有首页。最可能的原因是？
上手 · 10 分钟 · 三次心跳
- 完整走一遍左边例子，做出
my-page/index.html。 - 玩三次「改-存-刷新」：①改 <h1> 里的大标题；②改 <title> 里的文字，看浏览器标签页的名字跟着变；③在 <body> 里再加一行 <p>新句子</p>。
- 把完整文件夹发给一个同学或传到家里另一台电脑，验证在对方设备的项目 HTTP 预览中也能打开。
怎么算过关：index.html 能在项目 HTTP 预览中打开、中文不乱码；你改过至少 3 处、刷新看到了 3 次变化。
卡
复习卡 · 点一下翻面
做网页的最小装备和工作循环是什么？
答案
文本编辑器＋浏览器；设备限制本地页面时再用项目 HTTP 预览入口。循环：编辑器改 → Ctrl+S 保存 → 浏览器 F5 刷新。保存三要点：后缀 .html、保存类型「所有文件」、编码 UTF-8。
- 网页剥掉包装，是一个文本文件。
- 静态文件可离线交付；需要脚本交互时用本地 HTTP 预览——好玩不需要「上线」。
- 改-存-刷新，是所有作品的心跳。