把一个想法
变成能演示的网页
这个页面是给第三课使用的教学素材。学员不需要先学复杂代码， 只要学会描述主题、用户、场景、风格和内容，就能让 AI 生成可视化 Demo。
AI 生成页面流程
输入需求 → 生成初版 → 继续修改 → 变成可演示 Demo
这一课要教会什么？
重点不是写代码，而是把需求说清楚。
🎯
确定主题
先说明页面要展示什么，比如产品介绍、课程宣传、数据看板。
👥
确定用户
告诉 AI 页面是给老板、客户、学生还是直播观众看的。
🎨
确定风格
说明要科技感、商务风、小红书风、极简风还是高级感。
🧩
确定模块
列出标题、卖点、功能卡片、流程、按钮、图表等内容。
课堂演示流程
老师可以按照这 3 步带学员走一遍。
1
先给模糊需求
比如：帮我做一个 AI 课程网页。让学员看到结果会比较普通。
2
再补充完整需求
补充目标用户、使用场景、页面模块、视觉风格、动画效果。
3
最后连续修改
继续要求 AI 改颜色、布局、文案、按钮、卡片和动效。
老师提示：
这份素材可以现场打开给学员看。你可以先讲页面结构，再让学员用 AI 把它改成
“淘宝月销售额分析助手”“AI 自动生成 PPT 工具”或者“直播课程宣传页”。