AI 小伙伴与第一张网页 · 独立作品
第 1 课 · L2

STRUCTURED OUTPUT

我的 AI 编程学习档案

个人介绍

小宇 · 10 岁

我喜欢画画、做小游戏和学英语,正在学习用 AI 把想法做成网页。

兴趣

画画做小游戏学英语

我的作品

英语单词站

用卡片学习新单词。

圆周率计算器

输入半径,观察公式结果。

贪吃蛇

用方向键控制小蛇。

学习进度

已完成:网页入门、按钮交互;下一步:测试手机宽度。

AI 典型输出观察加入导航、作品卡片、主题切换和留言规则后,基础模型会生成结构更完整、功能更多的学习档案。
老师实际验证结果基础模型原始页已打开并实测
已实测:导航锚点、主题切换、指定留言、空留言提示、控制台无错误、当前视口无横向溢出。 320px 和 Tab 仍需在学生自己的浏览器中逐项复核。
学习大纲观察 AI 生成的网页结构
学习过程提出提示词并打开成品
提示词实验L0 · L1 · L2 · L3
效果评价可读、可用、可修改
本页使用的完整提示词
帮我把我的个人网站做得更完整一点。我是 10 岁学生小宇,喜欢画画、做小游戏和学英语。请做成一个能离线打开的 HTML 页面,要有顶部菜单、个人介绍、英语单词站、圆周率计算器、贪吃蛇这三个作品、学习进度和留言区。菜单点了要跳到相应位置,留言提交后显示内容,没写内容时提醒“请先写一句话”,再加一个明暗主题按钮。请把所有代码放在一个 HTML 文件里。