做一个能讲清自己的作品页

第一步 选一个值得讲清楚的问题

写下项目给谁用、解决什么问题、你做了什么。先选一个能解释的项目，不必把全部经历都放进第一版。

• 一句话介绍你关注的方向。
• 用三句话说明项目的问题、做法和结果。
• 选择一张使用演示数据的图片，或者先用文字。

第二步 向AI提出一个小而明确的要求

把材料和限制一起提供，让AI先完成一个独立HTML文件。先看信息结构，再逐步调整视觉。

请根据下面的真实材料，制作一个单文件HTML作品页。
读者：想了解我做过什么的人。
包含：个人介绍、一个项目、实践方法。
要求：中文正文至少16px，手机单列，键盘可操作。
不要虚构姓名、成果数字、联系账号或用户评价。
请在代码后说明怎样保存为index.html并在浏览器打开。

我的材料：在这里粘贴经过核对的介绍与项目说明。

第三步 保存并打开

将生成的完整HTML保存为index.html，使用浏览器打开。修改一处标题并刷新，确认你知道内容怎样进入页面。若页面空白，先核对文件扩展名及是否复制了完整代码。

第四步 亲自完成检查

缩小浏览器宽度，点击每个入口，用Tab切换焦点。对于不具备真实地址的按钮，先删除或改成明确可用的动作。

• 陌生人能说出你关注什么、项目解决什么。
• 内容没有虚构经历和结果。
• 窄屏文字不被截断，没有横向溢出。
• 链接有真实目标，键盘焦点可见。
• 刷新后页面仍正常打开。

下一步 再考虑发布与更新

本教程完成的是本地作品页。公开发布需要选择实际可用的托管方式，并检查材料是否适合公开。发布后，保留源文件，将新项目整理为同样的结构持续更新。