课程说明 · COURSE OVERVIEW
文件与运行：看懂一个多文件小工具
下面是课程介绍和章节目录。开通课程后，点击“开始学习”进入课节。
适合：入门已会建立练习目录、发出单次任务、看改动和保存副本。学习成果：能指认HTML、CSS、JS的分工和真实路径，定位两种加载故障，重开、恢复并换材料复做。学习安排：按章节跟做；有效学时待实测
第 1 章先看成品和真实目录
按顺序完成本章，留下可检查成果。
01
本节学习
打开公告卡，区分画面与文件
说清成品能做什么，并把画面与磁盘文件区分开。
未学习查看对应开通方式 →02
03
本节学习
用文件分工图认清HTML、CSS和JS
指出三个运行文件分别管什么，以及哪些是说明材料。
未学习查看对应开通方式 →04
第 2 章路径与入口
按顺序完成本章，留下可检查成果。
01
本节学习
显示扩展名，识别index.html.txt
看清真实扩展名，避免把文本文件误当网页。
未学习查看对应开通方式 →02
本节学习
相对路径：从HTML找到CSS和JS
从引用所在的HTML位置解释相对路径。
未学习查看对应开通方式 →03
04
本节学习
从点击按钮追到脚本与页面状态
沿按钮动作找到页面节点、脚本引用和状态变化。
未学习查看对应开通方式 →第 3 章建立自己的基线
按顺序完成本章，留下可检查成果。
01
本节学习
用完整虚构材料创建三个文件
用一套完整输入建立五文件基线，限制写入目录。
未学习查看对应开通方式 →02
03
04
本节学习
请Codex只读解释文件关系，核对它的回答
把Codex的解释当作可核说法，逐项对真实文件。
未学习查看对应开通方式 →第 4 章故障定位与最小修改
按顺序完成本章，留下可检查成果。
01
本节学习
样式丢失：核路径，再修一个引用
复现样式丢失，仅修与实际目录不符的引用。
未学习查看对应开通方式 →02
本节学习
按钮没反应：区分脚本没加载和选择器错误
区分脚本没加载与脚本已加载但找错对象。
未学习查看对应开通方式 →03
本节学习
本地文件与本地服务：识别各自限制
解释这套作品为何可直接打开，并识别换任务后的运行限制。
未学习查看对应开通方式 →04
本节学习
只改公告标题，核三文件的变化
只改一个明确内容，核允许变化和应保留部分。
未学习查看对应开通方式 →第 5 章保存、恢复与独立复做
按顺序完成本章，留下可检查成果。
01
本节学习
关掉窗口，再从准确路径重开
分清文件保存、页面刷新和关闭重开的证据。
未学习查看对应开通方式 →02
本节学习
保留坏副本，恢复整套已验证文件
保留故障证据，恢复一套完整且已经核过的文件。
未学习查看对应开通方式 →03
本节学习
换主题和输入，独立解释并验收
换输入独立完成，说明路径、结果与恢复的关系。
未学习查看对应开通方式 →