LEARN BY BUILDING

把一段代码,变成可用的页面。

从同一个“每日计划”项目开始,每篇都有操作、检查标准和排错方法。

45 秒操作演示

真实操作画面剪辑,中文字幕,无配音。展示站内示例导入、修改标题、手机预览和 ZIP 导出。

下载演示视频
01 · 6 分钟

AI 生成的 HTML 代码怎么运行?从三个文件到可点击的页面

用每日计划示例练习导入 HTML、CSS、JavaScript,修改标题并检查交互;解释单文件、框架项目和预览限制。

02 · 5 分钟

怎样预览手机尺寸的网页?用 390px 找出布局问题

用每日计划示例检查窄屏布局、按钮换行、长文字与实际设备差异,附可修改的响应式 CSS。

03 · 6 分钟

如何把 HTML、CSS、JS 打包成可运行项目?导出与验收清单

从工作台导出 ZIP,了解每个文件的作用、解压与运行步骤,区分项目源码、上线网站和正式 App 安装包。

本篇示例文件

三个教程共用同一个每日计划项目。可自由修改;没有外部依赖,也不会自动保存任务。

index.html · styles.css · app.js