企业官网建设流程全解析

写在前面

第 1 篇讲了大道理：不会写代码的人，正在做出自己的软件。如果你是较真的读者，心里大概在嘀咕——说得好听，我要是现在打开电脑，第一步该干什么？

这篇就来真的。零基础，不装任何软件，不花一分钱，五分钟，让 AI 给你生成人生第一个能点、能用的网页。

📌 实测声明：本篇的五步流程，是我本人走通之后才写下来的——宣称"几分钟"的教程，写的人自己先走一遍，这是本系列军规第二条，本篇正式立规。你照着做，大概率比我说的还快。

适合谁：跟第 1 篇一样，零基础、心里有个小工具念头的普通人。

本篇收获：跑通完整流程 + 一个可以直接抄的需求模板 + 认识界面上真正需要看的三个区域。

一、先把三个"不需要"说清楚

很多人一听"编程"两个字，脑子里浮现的是：下载几个 GB 的开发软件、对着黑乎乎的屏幕敲英文、还要花钱买课。今天，通通不需要。

顾虑	实际情况
要装软件吧？	不用。主流工具都长在浏览器里，打开网页就能用，跟逛一个普通网站没区别
要先学编程吧？	不用。你唯一要"写"的东西是中文，把你要什么用大白话说清楚
要花钱吧？	不用。主流工具基本都有免费额度，做完第一个作品绰绰有余（免费政策随时会调，以官方页面为准）

顺带炸掉第 1 篇埋的一颗雷：API。

你可能在别处看过"配置 API""填 API Key"这类说法，听起来很唬人，也因此劝退过很多人。一句话讲清：API 是直接调用 AI 模型能力的进阶接口，是给深度使用者和开发者准备的另一条路。做第一个作品，你走的是"网页工具"这条观光路线，API 那条山路，本系列前期完全不经过，忘掉它。

二、五分钟流程，一共五步

第一步：打开一个"对话生成型"工具的官网

第 1 篇的工具地图里，第一类"对话生成型"就是为今天准备的：你像聊天一样说需求，它直接生成能用的网页，代表如 Bolt、Lovable 这一类。同类工具很多，选一个你注册顺畅的就行——对零基础的你，各家第一天的差别完全可以忽略。具体名单和界面，以各家官方最新为准（军规第一条，下同）。

第二步：注册登录

用邮箱或手机号，跟注册任何网站一样，一两分钟。

第三步：在聊天框里，用中文说出你要什么

说什么，很有讲究——这是本篇的重头戏，单独放第三节讲。先跳过去看第四步，回头再细读。

第四步：看预览

它生成的时候，页面另一边会实时出现一个预览窗：你刚说的东西，变成了一个可以点、可以填的网页。按钮真的能按下去，输入框真的能打字。

这一步是整个 vibe coding 最有魔力的时刻——第 1 篇说"从画图纸到交毛坯房"，交房就发生在这里。

第五步：不满意就继续说

“标题太大了”“换成蓝色”“加一个搜索框”——它就接着改。

五步走完，你已经完成了从零到一的整个过程。剩下的，只是把它做得更好。

步骤	你做的事	常见卡点
1	打开对话生成型工具官网	不确定选哪家：随便选，注册顺畅优先
2	注册登录	收不到验证码：换个注册方式或换一家
3	中文说出需求	说成"帮我做个网站"：见第三节，大忌
4	看预览窗	找不到预览：一般在对话区旁边的分栏里
5	继续提意见	改坏了：见第四节，翻对话记录能回溯

三、第一句话，千万别说"帮我做个网站"

新手最容易犯的错，就是把需求说成一句话：“帮我做个网站。”

AI 只好瞎猜：什么网站？给谁看？放什么内容？猜出来的东西自然四不像——然后你得出结论"AI 也就这样"。冤枉它了，问题出在需求没说清。

回想第 1 篇的结论：这个时代的核心技能，是说得清楚。第一句话，就说清楚三件事——给谁用、能干什么、长什么样。

📌直接抄的模板：

帮我做一个【给谁用】的【什么东西】。主要功能有三个：一是【功能 1】，二是【功能 2】，三是【功能 3】。页面风格要【简洁大方 / 商务 / 活泼】。

套进去示范一遍：

帮我做一个班主任用的学生值日登记表。主要功能有三个：一是按星期显示值日名单，二是每个名字后面可以点击完成打勾，三是能一键统计本周谁没值日。页面风格要简洁大方。

对比一下就明白了：功能限定三个，逼你想清楚优先级；“打勾”"统计"这些词，每一条都是明确的、能被检查的要求——做完验收时，一条一条对，行就是行，不行就是不行。这就是"说需求"和"聊天"的区别。

一个预告：这种"把想法变成结构化文字"的能力，到第 6、7 篇会长成一套完整方法（Markdown + 五步拆分法），届时你就能一份文档生成整套系统。今天先用模板热身。

四、AI 给你的东西，看懂三个区就够了

生成出来的界面，按钮、面板、代码五颜六色，信息有点多。其实你只需要认识三个区域：

聊天框：你说话的地方，在屏幕一侧，跟微信输入框一个意思。你所有的"操作"，都是在聊天框里打字完成的。

预览窗：屏幕另一边那个"活"的网页。你的需求在这里变成真的。判断做得好不好，看它，不用看代码。

对话记录：你们从第一句话到现在的全部往来。AI 不会丢上下文，改坏了想退回去，翻记录找到之前那句满意的，重新发一遍（或者说"回到刚才那个版本"）就行。

💡 一个心态提示：代码在后台，你暂时不需要看它。第 3 篇会带你拆开看看网页的"骨架"，但那是理解用的，不是操作用的。记住：你的战场在聊天框，不在代码里。

五、大概率不会一次成功——这不是失败，是流程

说句实在话：AI 很少一次就做出你想要的东西。

第一版可能丑，可能功能缺斤短两，可能理解歪了你的意思。新手在这里最容易放弃，觉得"AI 也就这样"。恰恰相反——一轮不行再来一轮，本来就是这件事的正常节奏。

“说需求 → 看效果 → 再提意见”，这三步会循环很多次，一次比一次接近你想要的。专业说法叫生成-验证循环，本系列第 8 篇会把它讲透，并配上完整的实战案例。今天你只需要记住一个数：改三遍以内能满意，就算非常顺利。超过三遍也别慌，大概率是需求说得还不够具体——回到第三节，把功能一条条补清楚。

⚠️新手避坑表：

症状	误判	实际原因	怎么办
第一版又丑又缺	“AI 不行”	正常迭代节奏	按三要素模板逐条提意见
改着改着越改越乱	“搞砸了”	需求漂移，AI 追不上了	翻对话记录回溯，或重新开对话
生成到一半卡住	“工具坏了”	网络/排队，偶发	等一会儿重试，或重发一次
功能做出来了但点不了	“假页面？”	部分交互确实没实现	明确说"XX 要能点击"
免费额度用完了	“被割韭菜了？”	免费额度有限是常态	换一家有额度的，或就此收工（原型已完成）

六、把它变成"你的作品"

做到这里，最后一个动作：分享。

这类工具基本都自带"发布"或"分享"功能：点一下，生成一个链接，发给朋友，对方在手机上打开就能用（具体分享方式以你所用工具的官方功能为准）。

把链接发到你的家庭群、同学群，你会体验到这个时代最奇妙的一件事：一个不会写代码的人，做出了一个别人真的在用的东西。

还记得第 1 篇那句话吗——能点的方案，比十页 PPT 有说服力。从今天起，你可以亲自验证了。

自测：10 个问题

不看上文，你能答对几个？（点开可看答案）

点此查看答案

1. 开工前的三个"不需要"是哪三个？不装软件（浏览器里用）、不先学编程（写的是中文）、不花钱（免费额度够第一个作品）。
2. 五步流程按顺序背出来。开官网 → 注册 → 说需求 → 看预览 → 继续改。
3. 第一天需要配置 API 吗？不需要。API 是进阶路线，本系列前期完全不经过。
4. 第一句话的三要素是什么？给谁用、能干什么（三个功能）、长什么样（风格）。
5. 需求模板里为什么限定"三个功能"？逼你排优先级，也保证每条需求明确、可验收。
6. 界面上真正需要认识的三个区是哪三个？聊天框、预览窗、对话记录。
7. 判断做得好不好，看哪里？预览窗——不是代码。
8. 改乱了想退回去，怎么办？翻对话记录，找到之前满意的版本重新执行，或重开对话。
9. "改三遍以内满意"是什么口径？顺利的判断标准——不是承诺，超过三遍通常是需求不够具体。
10. "生成-验证循环"在第几篇讲透？第 8 篇，实战篇。

本文总结

三句话收束本篇：

1. 五步流程——开官网、注册、说需求、看预览、继续改——全程没有一个字在"写代码"，但你确实做出了一个软件。
2. 第一句话别说"帮我做个网站"，用三要素模板：给谁用 + 三个功能 + 风格。
3. 一次不成功是流程不是失败：改三遍以内满意算顺利，乱了大不了翻对话记录回溯。

写在最后

现在，轮到你了。你想做的第一个小工具是什么？报销登记？班级值日表？小店记账本？评论区说说，点赞最高的，我后面的篇章直接拿它当实战案例。

下一篇，我们稍微往里看一眼：你做出来的这个网页，为什么能点、能跳转？我带你拆开它的骨架——HTML。放心，只是看一眼，认识 30 个标签，不用背。第 2 篇说过"你的战场在聊天框"，但懂一点骨架，能让你提需求时说得更准——毛坯房住着不顺手，至少知道哪面墙是承重墙。

如果这篇对你有用，点个赞、收个藏，转发给那个总说"我不会编程"的朋友。关注不迷路，我们第 3 篇见。

附：术语速查表

术语	一句话解释
对话生成型工具	聊天式说需求、直接生成可用网页的 AI 工具（v0、Bolt、Lovable）
预览窗	工具界面里那个"活"的网页，验收全看它
API / API Key	直接调用 AI 模型的进阶接口/凭证，本系列前几篇用不上
生成-验证循环	说需求 → 看效果 → 再提意见的迭代节奏，第 8 篇讲透
需求三要素	给谁用、能干什么（三个功能）、长什么样（风格）
免费额度	工具商给的免费用量，随时可能调整，以官方页面为准
HTML	网页的骨架语言，下一篇主角

常见问题

• Q：五分钟真的够吗？
  A：注册顺畅的话够。本篇流程我实测走通过才写（军规第二条）；你第一次操作可能慢一点，慢在打字不在门槛。
• Q：生成的网页数据会保存吗？刷新就没了怎么办？
  A：各家机制不同，有的自带云端保存，有的需要你导出。做第一个作品先专注"做出来"，数据持久化属于后面篇章的话题，以工具官方说明为准。
• Q：两家工具生成的页面差别大吗？我选错了会怎样？
  A：第一个作品层面，差别可以忽略；选错了也没损失，换个账号重来就是五分钟的事。原型阶段，切换成本极低，这正是这个时代试错便宜的原因。