教材改写试点 · 数学 · 交互式章节讲义

把一本教材,
改写成可以动手的网页。

这是一组完整的改写示范:纸面教材《三角函数》《勾股定理》两章,被重排为自包含的交互式 HTML——概念可拖拽、参数可调、练习即时反馈。零外部依赖,双击即开,离线可用。

2/2
完整章节改写完成
11
组交互可视化组件
13
道即时反馈练习题
0
外部依赖(库 / 字体 / 图)

目 录

章节

进入 · 三角函数 → 进入 · 勾股定理 →

方 法

改写管线:从纸面到浏览器

每一次章节改写都走同一条流水线。前三步是"理解教材",后两步是"重建体验"——重点在于:不是把 PDF 贴上网页,而是把每个教学动作翻译成对应的交互动作。

① 结构解析 章 / 节 / 知识点 / 例题 / 习题 → ② 内容建模 标记:定义 / 公式 / 图象 / 应用 → ③ 组件映射 概念 → 可视化实验台 → ④ 版式重建 阅读流 · 留白 · 单强调色 → ⑤ 集成交付 单文件 · 离线 · 可打印
  1. 结构解析 —— 把整章拆成可编号的语义单元:定义、定理、公式、例题、习题、小结,建立知识点之间的依赖顺序。
  2. 内容建模 —— 给每个单元标注类型与教学意图:"这个定义适合动手拖""这组参数适合滑杆对照""这类习题适合即时反馈"。
  3. 组件映射 —— 按标注把纸面元素翻译成交互组件(见下表),一处概念一个主任务,不堆装饰。
  4. 版式重建 —— 按印刷品的排印标准重建阅读流:宋体标题、暖纸底、hairline 分隔、单一朱砂强调色,留白优先。
  5. 集成交付 —— 全部内联进单个 HTML:无构建、无 CDN、双击即开,可整章打印,可直接嵌入教学平台。

映 射

教材元素 → 网页组件

试点章里,六类典型教材元素各自找到了对应的交互形态。这张表就是改写的"词表"——教材里出现什么,网页上就长出什么。

教材元素网页组件交互动作位置
弧度制定义角度 / 弧度终边探索器拖动终边,角度、弧度、弧长同步换算§ 5.1
单位圆定义三线段定义器拖动点 P,sin / cos / tan 以线段实时呈现§ 5.2
图象作法单位圆展开动画播放 / 逐角拖动,看圆上纵坐标"长成"曲线§ 5.3
参数与变换A / ω / φ 参数实验台滑杆独立调节,虚线基准对比 + 五点法标注§ 5.4
应用例题潮汐作业窗口模型拖动安全阈值 k,窗口开合即时重算§ 5.5
章末习题即答测验点选即判,错项排除,答对展开解析§ 5.6
面积法猜想拼图验证台拖动直角边,看四个三角形重排成大正方形§ 17.1
弦图证明赵爽弦图拼装拖出中间小正方形,边长 = |b−a| 实时显示§ 17.2
逆定理判定形状判定器输入三边长,即时判定直角 / 锐角 / 钝角三角形§ 17.3

规 格

技术特性与使用方式

文件与打开

  • 单文件自包含,CSS / JS / SVG 全部内联
  • 双击即可在任意现代浏览器打开
  • 无网络也能完整使用(离线可用)
  • 支持打印:打印样式自动隐藏控件

兼容与可访问性

  • 移动端与桌面端响应式布局
  • 拖拽组件支持键盘方向键微调
  • 滑杆、复选框均为原生控件
  • 所有图表为矢量 SVG,缩放不糊

改写其他章节时,只需复制章节模板、替换内容与组件参数;本页目录与管线图保持不变,即成完整讲义站点。