让工具真的能用：从一个按钮到一整套练习流程

静态网页主要呈现内容，互动网页会根据用户动作改变当前状态。状态是此刻页面需要记住的信息，例如提示开着还是关着、表单是否填写、记录是否保存。把这些信息写清楚，才能解释为什么同一个按钮在不同时刻结果不同。

用课堂出门条做贯穿练习：老师输入活动主题，点击检查，看到可修改的预览，最后选择是否存到当前浏览器。先列空白、填写中、可预览、已保存和保存失败几种情况，再列动作如何让它们切换。

状态表不是为了画得复杂，而是发现漏掉的路径。若只设计成功画面，空输入、重复点击或失败时就可能无话可说。本课程会逐步实现输入、校验、反馈、键盘操作和本地记录；不接收学生真实数据，也不向服务器发送内容。