文生教学演示 & 文生小程序
AI工具应用 01
一、文生教学演示
应用场景：Python等程序设计课程中，程序通常运行在命令行环境中，对学生来说不够直观。通过AI生成网页版可视化功能演示，能帮助学生看清程序功能是怎样一步步实现的。
案例：校园环保积分兑换系统（Python教材第2单元配套资源）
教材《Python程序设计基础——AI辅助学习》中每个单元综合项目都做了网页版的可视化功能演示。
第2单元 校园环保积分兑换系统可视化演示
操作方法
- 打开豆包或DeepSeek等AI对话工具
- 把项目背景、功能流程、交互要求和页面风格说清楚（参考下方提示词）
- AI会生成HTML代码
- 将代码保存为.html文件，用浏览器打开即可看到效果
- 不满意则修改提示词，让AI重新生成，不断迭代
提示词示例
请将下面提供的Python程序，转换成一个功能完全对应的可视化Web页面。采用响应式布局，卡片式功能导航（每个主要功能一个大卡片，界面配色清新彩色）。
【Python程序代码】
二、文生小程序
核心价值：过去老师们想做一个小程序/交互式应用，可能需要编程基础。现在借助AI，只要我们有清楚的教学想法，就有机会把它变成可交互的教学资源。
小程序效果预览
操作方法
- 明确教学目标和交互需求（游戏化元素、评分机制、界面设计）
- 打开AI对话工具，用详细提示词描述需求
- AI生成HTML代码（本质上是一个交互式网页）
- 保存为.html文件，浏览器打开测试
- 根据效果不断修改提示词，迭代优化
提示词示例
请帮我生成一个用于Python编程教学的单页HTML课件，主题是"密码强度检查程序"。作为中职教师，想用这个课件给学生讲解if-else分支结构和字符串处理。
课件需要包含这几个模块（用顶部标签页切换）：
1.程序说明：讲清楚密码检查的规则（长度≥8位，否则不合格；检查大写、小写、数字三种类型，3种都有就是"强"，1-2种是"中"，0种是"弱"）。旁边再列一下这个程序用到的Python知识点。
2.算法分析：左边放一个简单的流程图（有开始、输入、菱形判断、两个分支、统计、输出、结束），右边放完整的Python代码（带颜色区分），代码下面再写几步文字描述的算法步骤。
3.过程演示：放几个示例密码按钮（比如123、pass123、SecurePass123），点"开始演示"后代码能一行一行高亮地跑起来，同时旁边显示当前密码的长度检查结果、有没有大写/小写/数字、最终评级。要有暂停和重置按钮。
4.程序体验：给学生一个输入框，输入密码后实时显示强度进度条、评级标签，以及长度、大写、小写、数字四个条件是否满足。如果不满足，下面给出改进建议。
整体风格想要像素复古游戏风，蓝色系，带粗边框和硬阴影，看起来活泼一点，适合课堂展示。所有功能放在一个HTML文件里，不要拆分。
重要提示：这些资源不仅能用于课堂展示，也可以成为后续数字教材、在线精品课程和学习资源库建设的素材。提示词不是一次写好就得到最终效果，而是一遍遍尝试、迭代，直到接近想要的样子。