HTML PPT Studio · 可视化编辑器

PHYSICS EDU

📄 新建课件

📂 导入 HTML

📥 导出 HTML

背景色调

Aa默认文本

H标题大字

▌导航栏

▢定义栏

#重点标注

"引用样式

—极简笔记

🖼 插入图片

▶ 插入视频

📦 插入课件

📝 添加页脚

🔮 悬浮球

菜单

HTML 源码

1 / 1

100%

✦ 页面设置 ▾

入场动画动画顺序（0=同时，1/2/3 依次入场）

背景色

文字样式

PHYSICS EDU · HTML-PPT 开发者：边城微信联系

选择资源路径

导出的 HTML 需要引用的 JS/CSS 资源，请选择路径方式：

远程 CDN 链接
https://www.ccnuphysics.site/uploads/assets 本地相对路径
assets/

1 / 1

插入图片

图片 URL

选择图片文件

上传后图片 src 将使用文件名（如 1.png），导出时自动添加 folder/ 前缀，请将图片放在 HTML 同级的 folder/ 目录下

插入视频

视频 URL

选择视频文件

上传后视频 src 将使用文件名，导出时自动添加 folder/ 前缀，请将视频放在 HTML 同级的 folder/ 目录下

插入交互课件

课件 URL

选择课件文件

上传后课件 src 将使用文件名，导出时自动添加 folder/ 前缀，请将课件文件放在 HTML 同级的 folder/ 目录下

页脚设置

启用全局页脚页脚文字内容

文字位置（填写文字内容后可选）

← 左侧居中右侧 →

显示页码（始终在右下角）页码格式（{n}=当前页 {total}=总页数）

全局样式（同时应用于文字及页码）

字号

字体

颜色

悬浮球设置

启用悬浮球（仅在全屏预览/导出时生效）

🔮 悬浮球固定在屏幕右下角，点击弹出圆盘式菜单：
• O — 全局预览（等同于键盘 O 键）
• ● — 红点追踪，鼠标移动时红点跟随，点击产生聚焦扩散效果
• ✎ — 画笔绘制，激活后菜单中画笔按钮左侧出现两列竖向滑动条（颜色/粗细）
• ◇ — 橡皮擦，拖动鼠标局部擦除画笔线条，激活后可调节半径
各模式互斥切换；画笔/橡皮擦模式下再次点击对应按钮关闭，右键画布清空所有标记

🖥

请使用电脑端打开

编辑器暂不支持手机端操作，
请使用平板或电脑浏览器访问以获得最佳体验

🔄

请横屏使用