课前准备:搭一条详情页说服链
1. 软件与账号
沿用前面课程的 Windows 电脑和 WorkBuddy 账号,本课不需要安装任何新软件。WorkBuddy 还没安装或没登录过的同学:打开官网 https://www.workbuddy.cn/ 下载 Windows 版安装,再注册登录;详细图文步骤见第 07 课讲义《WorkBuddy 安装、设置与第一个任务》的 M1 环节。
| 准备项 | 操作入口与必要动作 | 成功标志 |
|---|---|---|
| WorkBuddy 桌面端 | 打开并登录;新建任务时能找到「工作空间/工作目录」选择入口 | 能发起任务,并选中 D:\AIGC\lesson-15 |
| 浏览器 | 用电脑已有浏览器(Edge、Chrome 等),课前打开任意网页试一次 | 双击 .html 文件时,系统能自动用浏览器打开 |
| 记事本或 Word/WPS | 用来打开本课要求 AI 生成的 .md 文档;只检查能否阅读 | 双击 .md 文件后能选中「记事本」或 Word 打开,中文正常显示 |
不同版本的入口位置由教师课前核对:[课前演练补充]。机房若没有可用的浏览器或文本编辑器,先找老师处理,不在课内临时安装。
2. 下载与放置素材
双击桌面「此电脑」,双击 D 盘,在窗口空白处右键 → 新建 → 文件夹,命名为
AIGC。进入
AIGC,同样右键 → 新建 → 文件夹,命名为lesson-15(不补零,不写成lesson-014),得到D:\AIGC\lesson-15。如果已有这个目录,直接打开。在
lesson-15里再建两个文件夹:A_带练素材、B_独立素材。从课程资料逐个下载 6 份素材,按下表放进对应目录。浏览器若保存到了「下载」文件夹,选中文件按
Ctrl+C,进入目标目录按Ctrl+V。每份都是纯文本文件,小于 10 MB,不用解压。存放目录 下载文件 打开时应看到 A_带练素材 A_产品资料_山雾.txt 轻补水电解质水的产品信息与 7 条卖点 A_带练素材 A_现行详情页_堆砌版.txt 现在挂在店铺上的详情页文字 A_带练素材 A_买家评论摘录.txt 5 条买家评价原话 B_独立素材 B_产品资料_星野台灯.txt 学生护眼台灯的产品信息与 7 条卖点 B_独立素材 B_现行详情页_堆砌版.txt 台灯现在的详情页文字 B_独立素材 B_买家评论摘录.txt 5 条买家评价原话 在资源管理器「查看 → 文件扩展名」开启后核对后缀(Windows 11 在「显示」子菜单中)。两组共 6 份,后缀都是
.txt;逐个双击,确认能用记事本打开、中文不乱码。
3. 课前自查
| 查什么 | 成功标志 |
|---|---|
| 本课目录 | D:\AIGC\lesson-15 下能看到 A_带练素材、B_独立素材 两个文件夹 |
| 下载完整 | A 组 3 份、B 组 3 份,共 6 份 .txt,没有重复下载带来的「(1)」副本 |
| 文件可读 | 6 份都能双击打开,中文正常显示,不出现乱码 |
| WorkBuddy | 新建任务时能选中 D:\AIGC\lesson-15 作为工作目录 |
| 浏览器 | 双击任意一个网页文件能自动打开,不用手动选程序 |
课前不必逐个读完 6 份素材,但建议至少打开 A 组的《现行详情页_堆砌版》看一眼——上课时你会拿它和改好之后的版本做对比。
4. 常见故障
- 下载后打不开:先核对文件后缀和大小;若下载到的是网页文件,回课程资料页重新点「下载素材」。仍失败让老师发同一份原始文件。
- 中文显示乱码:本课文本素材是 UTF-8 编码,用 Windows 记事本打开即可。不要另存为 ANSI 编码,那会破坏中文。
- WorkBuddy 看不到文件:重新选中
D:\AIGC\lesson-15这个根目录(不是子文件夹),再让它列一次文件。 - 双击 .html 没反应:右键 → 打开方式 → 浏览器,选一个已安装的浏览器;勾选「始终使用此应用打开 .html 文件」。
- 账号或权限问题:课前请老师确认机房可用账号与本地磁盘访问权限,不把重新安装软件当作排错第一步。
5. 教师课前实测
以下操作需要在真实机房电脑上执行;备课机的文件检查通过,不代表这些步骤已经验证。
| 实测项目 | 通过标志 |
|---|---|
| 目录与素材 | 按准备页建好目录、放好 6 份素材,WorkBuddy 能读到 A 组三份文件 |
| 对齐信息提示词 | 发送后 AI 只回「收到」,没有抢跑出方案 |
| 四层逐层推进 | 每一层都能拿到 10 个备选或齐整的买点表格,中文不乱码 |
| 汇总成 .md | AI 能把四层内容写成 小雾水_详情页内容架构.md 并落到 D:\AIGC\lesson-15 |
| 生成并打开 HTML | 原型图提示词能产出可双击打开的 .html,四层模块正常显示 |
| 独立任务与预算 | 用 B 组完整走一遍,记录四层与原型图各自耗时;M2 保留 28 分钟 |
| 兜底路径 | 若 AI 反复生成不出文件,改用「让它把内容贴在对话里 → 学生复制进记事本另存为 .md」,成果不变 |
实测记录写入教师侧「备课设计与审查.md」,注明电脑环境、结果和耗时。