AI 时代，普通人可以用HTML做的4件事

为什么是网页

她的说法很实在：你在网上看到的任何一个页面，右键点「检查」，底下跑的都是代码。而代码几乎可以说是 AI 的母语。

所以这件事的分工就变得很清楚了：你不需要读懂代码，你只需要告诉 AI 你想表达什么，它负责把它写出来。最后交到你手上的，是一个直观的、能看能点的界面。

第一件事：把读不进去的长文，变成一个能点的页面

这个用法最简单，也最容易上手。

她看到一篇很长的英文文章，讲的是「当 AI 开始负责写，人应该怎么读」。文章不短，硬读下去挺费劲。她的做法就一步：把文章链接复制给 AI，说一句「请把这篇文章整理成可视化的 HTML」，然后等着。

出来的东西是这样的：

原来一整篇平铺直叙的文章，被拆成了有章节、有对比、有重点的结构。左边一栏是目录，核心观点、六个理由、双视角对比、工作流、结论，想看哪块点哪块。

更有意思的是它还做了一个「选择器」。你根据自己的情况勾几个框，页面当场给你一个倾向性建议。

这一步的价值不在于页面好看，在于你把一篇被动读的文章，变成了一个可以主动查的东西。

顺带说一句，那个页面给出的结论我觉得对我们特别有用：用 Markdown 保存事实和过程，再按需要生成 HTML 阅读界面。这句话翻译过来就是，你的知识库该用什么存还用什么存，要看的时候再让 AI 现做一个好看的界面出来。这跟我们第二周讲的知识库是同一件事的两头，存归存，读归读。

第二件事：用网页代替 PPT

这一件她讲得最细，因为坑最多。

她先摆了个原则：内容大于形式。所以她不太在网页里加很多花哨动效，动效再多也救不了没想清楚的内容。

动手之前，她准备三样东西。

第一样，完整的口述稿。她的做法是先跟 AI 把想讲的东西一口气说完，说得散没关系，让 AI 整理成一篇有逻辑的稿子。

第二样，逐页大纲。在整理好的稿子基础上，让 AI 提炼出每一页幻灯片上具体要放什么字。她的大纲长这样：

你看她那一页的结构：页面标题、页面文字、核心强调句、画面建议，四样都定死了。这么做的好处她也说了，先把每页放什么定下来，再让 AI 去做网页，就不用等网页做出来之后再回头反复改内容。这个顺序很关键，反过来做会非常痛苦。

第三样，图片素材。把要用的图放进一个文件夹，最好重新命名，AI 才知道哪张图配哪一页。

准备好这三样，剩下的就一步：

就这么一句话，初版网页就出来了。她说做到这一步，其实对很多人来说已经够用了。