AI辅助建站入门
用 AI 工具从零搭建并上线一个简单静态网站的入门路径
tech · AI · 编程 · 建站 · 前端 · 零基础 · 作者：这门课的作者 · 6 人学过
学什么：编程基本概念、HTML/CSS 基础、用 AI 工具生成和调试网页代码、本地预览、部署上线
不学什么：后端开发、数据库、JavaScript 进阶、AI 模型原理、复杂框架
知识地图
编程与网页基础概念
建立网页从「代码到画面」的完整心智模型，知道 HTML、CSS、JavaScript 三大件各自在干什么
本章回答「网页是怎么从代码变成屏幕上的画面的」这个根问题，给后面所有章节铺共同语言，重点讲清楚 HTML、CSS、JavaScript 三者的分工与「静态站」为什么是 AI 建站最短路。
HTML 基础：网页的骨架
能读懂一份简单 HTML 文件的结构，能说出常用标签的作用与边界
本章回答「HTML 是怎么描述一个网页的结构和内容的」这个根问题，为后续看懂 AI 生成的代码、能定位要改的位置打底。
CSS 基础：让网页变好看
能读懂简单 CSS，能用选择器和盒模型解释页面布局，能向 AI 准确描述要改的样式
本章回答「CSS 是怎么让网页变好看的」这个根问题，与 HTML 并列成为后面 AI 改样式时能跟得上的两根拐杖。
JavaScript 极简入门
能读懂 AI 生成网页里最简单的 JS 代码片段，知道 console.log 是干什么的
本章回答「JavaScript 在一个静态网页里到底在做什么」这个根问题，让你能跟得上 AI 一键生成的项目里那些「非 HTML/CSS 的小段代码」，也为后续调试章打底。
用 AI 生成与迭代网页
会用主流 AI 工具生成一个简单网页，并能在它基础上做几次受控迭代
本章回答「怎么让 AI 帮我从零写出一个能用的网页、并能继续往上改」这个根问题，把前三章的 HTML/CSS/JS 知识真正接到 AI 工作流上。
本地预览与跨设备检查
能把手上的静态项目在本地跑起来，并在电脑和手机上都能看到效果
本章回答「代码写完怎么在本地看到效果、文件该怎么组织、在不同设备上表现如何」这个根问题，是从「能改」过渡到「能上线」的桥梁。
调试与排错
网页出问题时能自己定位、能向 AI 准确描述并完成修复
本章回答「网页出问题了怎么自己排查、并让 AI 帮你修」这个根问题，是「讲得清原理」中最关键的一关。
部署上线：把网站放到公网
能把自己的项目在公网拿到一个可访问的链接，知道三种主流平台的基本取舍
本章回答「怎么让自己的网站被公网上的人看到」这个根问题，把整个工作流收口到「上线」这一段。聚焦「拖拽部署」这种不要求 Git 基础的最简路径，让零基础学习者五分钟拿到一个公网 URL。自定义域名与 DNS 解析留作后续主题。
串联与复盘
能把前面七关串成一条端到端的工作流，并用它完成一个真实任务
本章不引入任何新知识点，用一节把整张图串成一条线，一节拿一个真实任务把各关知识点走一遍，最后一节点出留作后续主题的进阶内容与长期维护习惯。