培训课件HTML PPT生成器

为什么需要自包含的 HTML 课件

在内部培训场景中，讲师常遇到两个工程问题：一是 PPTX 文件在跨设备演示时容易出现字体丢失或排版错乱；二是通过 CDN 引入资源的幻灯片在内网或弱网环境下无法正常加载。

这个技能旨在生成一种零依赖的 HTML 演示文稿。它不依赖外部脚本或在线服务，产出的文件本质上是一个结构化的单页应用（SPA），双击即可在任意现代浏览器中全屏演示。

核心工作流与产出规范

该技能将课件生成过程标准化为以下步骤：

• 结构解析：首先确认课程主题，并按照 目标、知识点、随堂练、小结 的预设逻辑拆解章节。
• 单文件封装：所有的 CSS 样式内联在 <style> 标签中，JS 逻辑封装在 <script> 中。不引用任何外部字体或库，确保 HTML 文件在 Windows、macOS、iOS 或 Android 上均能离线运行。
• 状态持久化：对于需要记录进度的场景，使用 localStorage（键名带有 skill_z-training-html-ppt 前缀）保存数据，刷新页面不丢失，且无需后端支持。
• 打印适配：内置 @media print 样式，自动隐藏导航按钮，保留正文内容，方便讲师直接导出为 PDF 或纸质讲义。

边界与技术红线

使用该技能时需注意以下限制：

• 仅做展示：生成的课件是静态展示型，不包含题库系统或自动判分逻辑。
• 无多媒体依赖：不提供视频嵌入功能，若需嵌入外链视频可能导致文件不再自包含。
• 公网发布策略：默认产出仅为本地文件。如果需要生成公网链接，必须在用户明确要求时，联动 本地HTML公网发布器 进行部署，严禁擅自将本地文件公开。