WorkBuddy 做网页课件：把一节课的板书做成能翻页的网页

课堂板书的尴尬谁都遇到过：写满了黑板，擦掉之后学生记不全；用 PPT 又太"重"，翻页打断讲解节奏。这一年我换成网页版"板书页"，一个文件、键盘翻页、投影即用。这篇讲怎么用 WorkBuddy 做出来。

一、先想清楚"板书页"要什么

板书不是 PPT。区别在于：

• 一页一个知识块，不是一页一张图；
• 文字为主，字要大到最后一排看得见；
• 线性推进，按方向键就往下走，不需要动画；
• 可回看，课后发给学生就是完整笔记。

所以需求不是"做得好看"，而是"能当黑板用"。

二、提需求的写法

我用的原文：

关键在于把"不要什么"也写上——不要动画、不要图片，反而让结果更接近黑板。

三、结构怎么排

一节课 12 页左右比较合适，我常用的骨架：

1. 课题 + 一句话导语

2. 学习目标（三条，别多）

3. 背景知识（2 页）

4. 核心概念拆解（4 页，一页一个点）

5. 例子/例题（2 页）

6. 易错点（1 页）

7. 本节小结（1 页）

写需求时直接把这个骨架列给它，比让它"自己安排"稳定得多。结构是老师的专业判断，不该外包。

四、投影实测的几个参数

• 正文 28px 起步：教室最后一排 8 米外能看清；
• 行距 1.6：密排的字看起来累；
• 深色字配浅底：投影仪对比度普遍偏低，白底黑字最稳；
• 一页不超过 8 行：超了就拆页。

这些参数我第一次没写，结果字太小，课上现场放大很狼狈。第二次写进需求就一次到位。

五、课后的复用

网页板书有个隐藏好处：课后直接当讲义发。

按打印时让页面自动展开所有内容、隐藏翻页控件，导出的 PDF 就是一份完整的课堂笔记。学生拿到的不是"PPT 截图拼贴"，而是结构化的知识清单。

指令很简单：

六、踩坑

坑 1：翻页键和浏览器冲突。方向键在部分浏览器会滚动页面，加了 preventDefault 才正常。需求里要写"翻页时阻止页面滚动"。

坑 2：字号用了相对单位。rem 在不同缩放下表现不一致，改成就固定 px。

坑 3：忘了适配 4:3 投影。老教室的投影是 4:3，宽屏比例会被裁。需求里加一句"兼容 16:9 与 4:3"。

七、小结

网页板书的价值是"轻"：比 PPT 轻、比黑板可留存。做起来也不复杂——把一页一个知识块的结构讲清楚，把字号和翻页规则写死，剩下的交给工具。

真正花时间的从来不是制作，是想清楚这节课该讲什么。这部分，工具替不了你。