修改页面内容和样式

05-03 修改页面内容和样式

这一课训练反馈和修改。

第一版网页已经能打开，接下来要让学员学会告诉 AI：哪里要改、改成什么、哪些地方保持不动。这里开始培养项目主人的审美和边界感。

这一课的重点放在反馈表达。学员要学会把“我觉得不好看”变成可执行的修改描述。

可以这样开场：

“第一版网页能打开以后，真正的项目协作才开始。你会发现：它能用，但可能不够像你想要的样子。这时候，你要学会给 AI 反馈。”

先展示页面。

选择一个具体问题：

把模糊反馈改成具体反馈。

模糊说法：

帮我弄好看点。

更清楚的说法：

请只修改页面标题区域。
我希望标题更醒目，字号更大，和下面正文拉开距离。
其他内容先保持不动。
改完后请告诉我修改了哪些文件。

这里要强调三件事：

然后让 AI 先说计划：

请先说明你准备改哪些文件、每个文件改什么。
确认后再修改。

如果学员不知道怎么描述视觉效果，可以让 AI 给选择题：

我说不清楚想要什么风格。
请给我 3 个标题区域风格选项，每个选项用大白话描述视觉效果。

修改后刷新页面，截图对比。

验收时可以说：

这次修改后，标题确实更醒目了。
但正文距离标题还是有点近。
请只调整标题和正文之间的间距，其他地方不动。

这里要讲“逐步修改”的节奏：

“修改网页很像捏陶。拉一下，停下来看看；再拉一下，再看。每次只改一个点，作品会越来越稳。”

最后把修改记录写进日志：

修改目标：让标题更醒目。
修改文件：style.css。
验收结果：标题变大，间距更清楚。
下一步：调整按钮颜色。

让学员完成一次小修改：

要求写清：

练习完成后，让学员写一句人工验收结论。

提交一组修改前后截图，并写下：