AI 小伙伴与第一张网页 · 独立作品
第 1 课 · L3DELIVERY / TESTED
我的 AI 编程学习档案
这一版把完整网页、验收标准和回归测试放在一起。
个人介绍
小宇 · 10 岁
喜欢画画、做小游戏和学英语。
当前目标
完成一个可被同学打开和操作的网页。
三个作品卡片
英语单词站
学习词汇。
圆周率计算器
验证公式。
贪吃蛇
练习规则。
学习进度
已完成 7/10 个小目标。
留言输入与显示
A–G 验收清单
完成 0/7 项。
AI 典型输出观察加入 A–G 验收标准后,基础模型通常会补充测试表和边界处理;测试表里的“通过”仍要由老师实际验证。
老师实际验证结果基础模型原始页已打开并实测
已实测:导航锚点、主题切换、指定留言、空留言提示、控制台无错误、当前视口无横向溢出。 320px 和 Tab 仍需在学生自己的浏览器中逐项复核。
已实测:导航锚点、主题切换、指定留言、空留言提示、控制台无错误、当前视口无横向溢出。 320px 和 Tab 仍需在学生自己的浏览器中逐项复核。
本页使用的完整提示词
帮我做一个可以交作业的个人网站。我是 10 岁学生小宇,喜欢画画、做小游戏和学英语。网站要有个人介绍、三个作品卡片(英语单词站、圆周率计算器、贪吃蛇)、学习进度、顶部菜单、明暗主题按钮和留言功能。不能使用外部网站、网络图片或真实联系方式,复制成一个 HTML 文件就能打开。做完请自己检查:页面能打开,菜单能跳转,主题按钮有效,输入“我今天完成了网页”后能显示原文,空着提交会提示“请先写一句话”,手机宽度 320px 时不横向滚动,按 Tab 能找到按钮和输入框。如果有问题先修好,再给我完整 HTML 代码和你实际检查的结果。