手机也能上课
1/4
准备一个文件夹，让AI写出第一版
先定下今天要看到的结果
网页里有一个标题和一个按钮。你点击按钮后，页面出现“程序运行成功！”。先做到这一点就够了。
在桌面创建“AI编程练习”文件夹。Windows可以用记事本，macOS可以用文本编辑；今天生成和修改的文件都放进这个文件夹。
先打开一个AI对话工具
如果你以前用过豆包、DeepSeek或其他AI对话工具，直接打开平时使用的那个即可。第一次接触AI，可以从豆包官网或DeepSeek官网进入，按当前页面提示登录或注册。本课只需要能输入文字的聊天页面，不需要购买API额度，也不用申请API Key。
进入聊天页面后，找到页面下方的文字输入框，先发送一句：
请只回复：准备好了
看到AI回复后，就表示可以继续。接下来的操作仍然一样：复制要求，粘贴到输入框，再点击发送。如果暂时无法登录或服务不可用，可以先使用下一张卡提供的完整代码练习保存和运行，之后再补做AI生成步骤。
复制这段要求给AI
我完全不会编程。请做一个完整的单文件HTML网页：标题为“你好，我的第一个AI程序”；有一个“点击试一试”按钮；点击后在页面中显示“程序运行成功！”。使用内嵌CSS和JavaScript，不使用外部文件、图片、库、网络请求或安装命令。请返回从DOCTYPE开始到html结束的完整代码，并说明如何保存为index.html并用浏览器打开。不要添加其他功能。
代码样式可以与示范不同，只要结果相同。复制时从 <!doctype html> 开始，到 </html> 结束，不要只拿其中几行。
AI页面里的预览不等于你电脑上的文件。下一步要把代码真正保存下来，这样关闭页面后还能找到、打开和继续修改。