网
网页设计与制作课堂演示系统
支持代码演示与本地课件展示
代码演示
课件演示
支持提示、补全、注释、保存即运行
加载示例
保存并运行
导出为 HTML
清空代码
试运行
编码区
带当前行高亮、提示、补全、注释
拖动中间分隔条可调整左右宽度
HTML
CSS
JavaScript
HTML 结构代码
CSS 样式代码
JavaScript 交互代码
Enter 补全
Ctrl+S 保存并运行
Shift+/ 注释
课堂建议：先写结构，再写样式，最后写交互
效果预览区
点击“试运行”刷新预览
等待运行
错误提示控制台 / Console
清空控制台
控制台已准备就绪，点击“试运行”后会显示日志和报错信息。
实时展示
课堂投屏友好
支持导出
已支持保存代码、导出 HTML、运行日志显示
课件演示
支持加载本地 PDF、图片、视频进行课堂展示。
若是 PPT / PPTX，建议先导出为 PDF 后再播放，这样浏览器展示更稳定。
选择本地文件
当前未加载文件
清空展示
请选择本地 PDF、图片或视频文件进行展示
课堂笔记
展开
课堂笔记 / 板书区
导出
清空
最小化
重点
难点
板书
作业
提醒