初学的人最容易被两句话带偏：一句是"现在 AI 都能生成网页了，不用学任何东西"，另一句是"不学 HTML 和 CSS 根本做不出来"。照着前一句做，会在改按钮、调间距这类小事上耗掉一整周；照着后一句做，会先去啃两个月教程，结果一个字都没生成过。
初学者用 AI 做网页，卡点通常在这四处
| 1 | 需求说得太笼统，生成出来的东西每一条都得重改，改到末尾还不如重做 |
| 2 | 不知道在哪改。生成的一大段内容里，哪句能直接改、哪段动不得，心里没数 |
| 3 | 页面一出问题就整页重新生成，越生成越乱，上一版能用的东西也丢了 |
| 4 | 把 AI 当成懂业务的人，资质、价格、案例这些内容它写得挺像，实际全是推测 |
这四处卡点，没一个需要先把代码学通才能解决。真正要补的是另外三样：把需求说清楚、知道在哪儿改、出问题按顺序查。零基础的人把这三样理顺，一页能打开的网页当天就能做出来；理不顺，工具再顺手也一直在原地打转。
一、初学者先分清三件事：说需求、改内容、动代码
很多人把"用 AI 做网页"当成一个动作，其实它是三层不同的活。混在一起做，就会出现"想换个电话号，结果顺手把整段结构问了一遍"这种低效操作。三层各自要会的东西，差别不小：
| 做的事 | 要不要懂代码 | 什么时候会碰到 | 大概要花多久摸熟 |
|---|---|---|---|
| 说需求 | 不用，会打字就行 | 每次生成之前都要做，决定了产出能不能用 | 两三次练习就能找到手感 |
| 改内容 | 几乎不用，认得出文字和链接即可 | 替换公司名、电话、地址、产品描述时天天用到 | 半小时就能上手 |
| 动结构 | 要认得几个标签，知道区块怎么排 | 想加一个栏目、调整模块顺序、让手机端不挤在一起 | 边做边学，一个月能顺手 |
| 写样式 | 要懂点 CSS 的选择器和优先级 | 改颜色、间距、字号，或者样式怎么改都没反应时 | 按需学，遇到问题再补 |
初学阶段最划算的顺序是：先把说需求和改内容练熟，这两层能解决八成的日常操作；动结构和写样式遇到一次学一点，不用提前啃教程。术语也不必背全，认得四个就够用：HTML 管的是"页面上有什么"，CSS 管的是"长什么样"，手机适配靠的是响应式那套规则，域名和服务器管的是"别人怎么打开它"。
零基础的人一开始不必搞懂整段代码，只要能分清"哪一块是结构、哪一块是样式"就够了。分不清这两样，改起来就会像在别人家厨房里翻柜子。
二、第一天就能走完的一条线，别停在生成那一步
初学者最常见的情况是：生成了一堆页面，存在对话框里，没在浏览器里打开过一次。判断自己有没有真入门，看的不是生成了多少，而是有没有走完一整条线：从需求变成文件，从文件变成能打开、能给别人看的页面。整条线走下来，一天足够。
一句话说明行业、看的人是谁、希望他看完做什么，比如"给同城的客户看，看完打电话咨询"。
不要一开口就要整站。先做一页，把模块说清：顶部、介绍、服务、案例、联系方式。
把生成的内容存成 .html 文件，双击用浏览器打开，先看真实效果，别只看预览图。
把示例文字换成本公司的信息，把占位图换自己的照片，这一步最能看出页面留的空间够不够。
在手机上打开自己电脑里的文件不方便，就把文件传到服务器或静态托管上，用手机扫一眼排版。
这条线上有两个地方新手最容易断掉。一个是文件存下来之后发现打开是空白，多数是保存时选错了编码或者把 HTML 存成了 .txt；另一个是手机上打开字挤成一团，通常是页面缺了让宽度自适应的那行设置。这两处一补，页面立刻正常。
"能在本地打开"和"别人能访问"是两件事。本地打开只要文件没问题；别人能访问还需要一个放文件的地方，以及一个指向它的域名。第一次上线建议先放在测试地址上看效果，确认没问题再正式放上去，省得来回折腾。
第一天只要走完一遍这条线，后面所有的进步都只是重复它：说需求、看效果、换内容、再调一点。
三、提示词里最要紧的三样：给谁说、分几块、不许做什么
同一句话，换个说法，出来的东西能差出好几轮返工。"帮我做个好看的网页"和"给同城业主看的维修服务页，六个模块，手机上要能看清"，后者不是更长，而是多了三样东西：看的人、页面分成哪几块、哪些做法不要用。
说了等于没说的提示词
"帮我生成一个高端大气的公司网页，风格现代一点。"这句话没说清给谁看、要几块内容、手机上怎么显示。出来的页面通常很漂亮，但和你手上的业务没关系，文字全得重写。
能直接拿去改的提示词
"给同城业主看的家电维修服务页，模块依次是服务项目、收费方式、师傅情况、联系方式，每个模块放三到五条要点，页面在手机上要能看清，图片先用占位框。"这句话里，看的人、结构、约束都在。
照这个样子写，初学者的第一版提示词就有了骨架。往后每改一次页面，把发现的问题补进"不许做什么"那一栏，提示词会越来越好用：
用途：给同城客户看的服务介绍页看的人：附近小区业主，多数用手机打开模块顺序：顶部：公司名 + 一句话说明做什么 + 电话按钮服务项目：4 条，每条一句话说清做什么、常见价格区间怎么算为什么要选我们：3 条，写具体做法，不写形容词联系方式：地址、营业时间、电话风格：干净、字大、按钮明显，配色不超过三种约束：手机上不能出现横向滚动条不要引用外部图片，图片位置留占位框不要写行业第一、保证效果这类话拿不准的信息写 [待确认]初学阶段有两个信息要习惯性地写进提示词。一个是"看的人用什么设备打开"，写着手机，生成出来的按钮和字号会明显不一样；另一个是"图片先留占位框"，先解决排版，找图放在内容替换那一步做，不然一路都在找图的路上。凡是你要重复交代三遍的话，都该写进提示词里固定下来，这样每次生成都省一段解释。
四、改页面从哪下手：文字先动，样式放在末尾动
新手改页面常犯一个顺序错误：拿到手先调颜色和字号，看着不顺眼就改字体，改了两小时，内容还是假的。合理的顺序其实和做菜差不多，先备料再摆盘：
- 先换文字：公司名、电话、地址、服务项目、案例说明。这一步只在已有文字上替换，不动结构，效率最高；
- 再调模块顺序：把最想让访客先看到的那一块往上提。顺序一动，页面的说服逻辑就变了，这一步的收益比换配色大得多；
- 再增减模块：少了服务流程就加一块，多了用不上的栏目就删掉。删比加难，留着没内容的模块只会显得空洞；
- 颜色、字号、间距这类样式放到末尾统一调。前面动太多，后面每删一块都要重新对一遍，纯属给自己找活。
"新手阶段的返工，九成来自顺序颠倒：内容还没定，先去抠样式。"
改的时候还有件事值得养成习惯：每改完一轮，另存一个版本，文件名带上日期。文件看着都一样，改坏了想退回去时，有没有备份就是两个世界。
换文字要不要碰代码？
不一定。有的生成工具带可视化编辑，点一下就能改字，适合只会打字的人；存成 HTML 文件的话，用记事本打开，找到那行文字直接替换也行。要注意只改标签中间的文字，别把两边的尖括号和标签名删掉，那是结构。
改了颜色没反应是怎么回事？
两种情况最多：改的地方不对，颜色写在另一处，被后面的规则盖住了；或者浏览器还在显示旧版本，刷新一下再看。把改动前后两版对照着看，找出到底哪一处生效，比反复刷新有用。
动手之前还有个心态要摆正：初稿本来就是给你改的，不用指望一次到位。把"生成得不够好"当成正常现象，注意力放在每一轮改动有没有变好，比追求第一版的完美现实得多。
五、页面出毛病先按顺序查，别急着重新生成
一个页面出问题就整页重新生成，是新手最贵的习惯：花掉一轮额度，上一版已经调好的段落也一起没了。多数毛病出在很小的位置，按现象对号入座，一分钟就能定位：
| 看到的现象 | 常见原因 | 先查哪一步 |
|---|---|---|
| 打开一片空白 | 文件没存成网页格式，或者存的时候编码选错，中文变乱码 | 看文件后缀是不是网页格式，重新用带编码选项的方式存一次 |
| 样式全丢，只剩黑字 | 样式部分被单独存成了另一个文件，但两个文件没放在一起 | 确认样式文件和网页文件在同一目录，名字对得上 |
| 手机上横向能拖，字挤成一团 | 页面缺了适配手机的那行设置，或者宽度被写成了固定像素 | 补上视口设置，把固定宽度换成百分比或自动 |
| 按钮点了没反应 | 按钮只是个装饰方块，没挂链接；或者电话链接写成了普通文字 | 给按钮补上目标地址，电话用可点击的拨号写法 |
| 图片是一个破图标 | 图片文件不在指定位置，或者引用了别处的图片被限制显示 | 把自己拍的图片放到同目录，路径改对，少用外部链接 |
| 改了但看着没变 | 浏览器缓存的旧版本，或者你改的是另一份文件 | 强制刷新，确认打开的正是刚改的那个文件 |
排查时记住一个原则：一次只改一处，改完立刻刷新看结果。一次改五个地方，出了问题根本不知道是哪一处引起的，只能整段回退。
生成出来的内容里如果带脚本代码，改动它之前先复制一份备份。脚本报错会让整个页面失去反应，而这类问题初学者很难自己判断，保留原版至少能退回去。
整页重生成留给一种情况：页面的结构本身就不对，模块缺、顺序乱。只是文字、颜色、间距的问题，改比生成快得多。
六、这几个坑，初学者几乎都会踩一遍
做网页这件事，技术门槛被 AI 拉低之后，剩下的大多是习惯问题。这几个坑不需要多高的水平就能避开，但踩上去一次就要多花好几天：
- 一上来就想做整站：首页还没定型就规划十个栏目，结果每一页都半成品。先把一页做到能给人看，比什么都重要；
- 把 AI 写的内容直接发布：公司规模、年数、成功案例这些它写得顺，但都是照着同类公司推的，发布之前逐条核对；
- 图片随手找：从别人网站上保存、从搜索结果里下载，都可能踩到版权。用自己的实拍图，或者从标注可商用的图库拿；
- 只在自己电脑上看过：没上手机、没换浏览器试，等别人打开发现错位才回头改；
- 不留版本：改坏之后没有可退的版本，只能从头再来一遍。
关于图片，三条经验值得记：
自己拍的最稳妥，顺带还显得真实；用图库的先看清授权范围，标注可商用的也要留意是否要求署名；同行网站和社交平台上的图别用，被认出来的概率比想象中高，撤下来还要解释。
什么时候可以开始做第二页？
第一页的文字、图片、联系方式都换成真内容，手机上打开没问题，就可以做第二页了。多页之后，页头页脚这类每个页面都要有的部分会重复出现，手工复制容易漏改。用 UC 建站系统这类工具时，公共部分抽出来维护一份，改一次全站生效，页面按模板复用，站点还能独立部署，各自的域名和备案互不影响。
要不要先学一遍 HTML 再动手？
不用。按需要用一点学一点，效果更好：替换文字时认识一下标签，调手机适配时了解一下宽度设置，遇到样式不生效再去看选择器。带着具体问题去补，比从头刷教程记得牢，也不会把热情耗在还没开始做的时候。
做网页的坑大多不在技术上，而在"先做哪一步"上。顺序对了，工具差一点也能做出来；顺序错了，工具再好也一直在返工。
七、学到什么程度算入门，下一个台阶学什么
入门没有考试，看的是能不能独立交付一页能用的页面。按时间轴给自己定三个小目标，比漫无目的地刷教程踏实：
能独立走完一遍完整流程：说需求、生成、存成文件、本地打开、替换文字和图片、传到服务器上用手机看一遍。这一周不用记任何代码，只记流程。
能做三到五个页面并互相跳转，会调模块顺序、会按需要删减模块，遇到样式不生效能自己定位到大致位置。这个阶段可以开始接触简单的表单和地图。
能自己完成一整套上线检查：手机端显示、按钮和电话、表单能不能收到、图片大小、备案信息展示。到这一步，已经不算初学者了。
页面开始变多，重点从头做转向好维护：结构统一、公共部分复用、改一处全站生效，以及知道每个页面上线后有没有人看。
到页面成批出现的时候，手工维护的短板会很明显：改一个电话要开十几个页面，哪个页面打不开、哪张图挂了，全靠自己一个个点开看。用 UC 建站系统管理这类站点时，页面以 HTML 直出的方式输出，访客和抓取程序拿到的都是可见文字；多站看板把各站的访问情况和异常集中显示，新页面通过双通道推送把地址交出去，不用手工逐个提交。
回头看开头那句"三天能上线"，快的不是三天学会了多少技术，而是三天里把流程跑顺了：需求说清楚、内容换成真的、手机上检验一遍、出问题知道往哪查。这三件事初学的人都能做到，差别只在于有没有按顺序做。
真要给一条最短的路，就是今天动手做出第一页：随便一个熟人开的小店，或者自己在做的一件事，用一段话说清它，让 AI 生成一页，再把它改成真的。改完这一页，你就已经跨过初学者那道坎了。
（口径说明：文中关于上线检查、备案展示、图片授权等要点参考公开的建站实践与接入服务商说明，具体要求以主管部门和接入服务商的最新规定为准；文中不对收录、排名及展示效果作任何承诺。）
