Skip to content

第 4 课 安全使用与结果判断

本课定位

启蒙营里必须把安全和判断讲透:不输入隐私、不乱点命令、不把第一次结果当标准答案。

学习目标

  • 知道 3 条安全规则
  • 会检查结果里有没有明显问题
  • 遇到不懂内容时知道先停下来

本课会用到的技术与方法

  • 安全边界
  • 结果检查
  • 修改与复核

课前准备

  • 带上前几节课做过的页面或需求
  • 准备 1 个“我有点拿不准”的地方

60 分钟课堂流程

环节讲授安排
0-10 分钟用 网页结果检查清单 做导入,先让学员看见这节课要做出来的效果。
10-20 分钟讲清本课的关键词、规则和做法,先把任务说清楚。
20-35 分钟讲师示范一轮,用 Codex 做出第一版,再解释为什么这样安排页面。
35-50 分钟学员跟做并替换成自己的内容,讲师巡回答疑。
50-60 分钟现场展示、快速点评、布置课后任务。

核心讲授点

  • 会检查,比会生成更重要。
  • 页面能运行,不代表内容一定适合课堂。
  • 不懂就停下来问,是负责任的做法。

本课完整素材

检查清单

text
检查项目:
1. 标题有没有错别字
2. 按钮点了以后是不是有反应
3. 知识点有没有写错
4. 颜色和字号是不是看得清
5. 有没有把真实隐私信息放进去

可直接复制给 Codex 的提示词

提示词 1:先做第一版

text
我是一名中学生,现在想做 一个能直接在浏览器里运行的网页作品。
主题是:网页结果检查清单

请直接把第一版做出来,页面里一定要有:
- 安全规则提示
- 结果检查区
- 错误示例和修正示例
- 展示前确认按钮

这次要用到的内容如下:
检查清单:
检查项目:
1. 标题有没有错别字
2. 按钮点了以后是不是有反应
3. 知识点有没有写错
4. 颜色和字号是不是看得清
5. 有没有把真实隐私信息放进去

整体感觉希望是:清爽、字大、适合课堂展示。
请把文件拆清楚,方便我继续改。

提示词 2:把互动做完整

text
我是一名中学生,我已经有了第一版页面,现在想把互动和课堂节奏补完整。
请帮我继续完善 网页结果检查清单,重点把下面这些效果补上:
- 安全规则提示
- 结果检查区
- 错误示例和修正示例
- 展示前确认按钮

这节内容的素材还是这些:
检查清单:
检查项目:
1. 标题有没有错别字
2. 按钮点了以后是不是有反应
3. 知识点有没有写错
4. 颜色和字号是不是看得清
5. 有没有把真实隐私信息放进去

我更在意的是:学生一眼能看懂、按钮明显、操作顺序清楚。

提示词 3:上课或展示前再打磨

text
我是一名中学生,我准备把 网页结果检查清单 用在展示或课堂讲解里。
请帮我再检查一遍这个网页,重点把文字、颜色、按钮大小、页面顺序和提示语调顺一点。

课件里一定不能漏掉这些内容:
- 安全规则提示
- 结果检查区
- 错误示例和修正示例
- 展示前确认按钮

参考内容:
检查清单:
检查项目:
1. 标题有没有错别字
2. 按钮点了以后是不是有反应
3. 知识点有没有写错
4. 颜色和字号是不是看得清
5. 有没有把真实隐私信息放进去

我希望最后拿到的是一版看起来完整、讲起来顺手的成品。

本课产出

  • 完成 网页结果检查清单 的课堂成品
  • 完成 网页结果检查清单 的第一版并能现场演示

课后任务

  • 给自己的作品做一次 5 项检查
  • 记录 1 个自己改掉的问题
  • 把安全规则讲给家人或同学听

讲师提醒

  • 先保住本课最小成品,再决定要不要继续加效果。
  • 遇到错误时先描述现象,不要急着乱改。
  • 提醒学员边做边记录自己改了什么。

下一课衔接

下一节进入 第 5 课 做一页会动的自我介绍,把这节课的成果继续推进成更完整的作品或流程。