





前五节课你分别学了需求分析、原型生成、前端开发、后端与数据。这节课把它们串起来,完成一个完整的网站项目。
第一步:需求确认
打开AI工具,描述你的项目:“做一个精品咖啡店的品牌官网,包含首页、产品页、品牌故事、门店位置和在线预约五个页面。风格简约日系,主色用米白和深棕。”AI生成需求清单,你确认无误。
第二步:原型生成
让AI依次生成五个页面的原型。每个页面检查结构是否合理、内容是否完整。确认后导出原型HTML文件。

第三步:前端开发
让AI根据原型生成完整的HTML、CSS和JavaScript代码。在浏览器中预览每个页面,确认布局、样式和交互正常。如果有问题,用对话调整。
第四步:后端与数据
让AI生成预约表单的数据表和后端接口。在本地测试表单提交,确认数据能写入数据库。
第五步:部署上线
告诉AI:“生成部署配置,使用Vercel部署。”AI输出配置文件。你按照说明操作,绑定域名,网站上线。
第六步:上线后检查
在电脑、手机、平板上各打开一次网站,检查多端显示是否正常。用测速工具检测加载速度。在Google Search Console中提交sitemap。如果一周后搜索引擎仍未收录,检查robots.txt和页面是否有抓取错误。
从需求描述到上线部署,全程不需要手写代码。你负责的是描述、判断和验收,AI负责执行。当你能独立跑完这个流程,你就已经掌握了AI建站的核心方法——不是学会写代码,是学会分配任务。