这个单元，我没用一页PPT

今天聊点啥：初中道德与法治统编版九年级上册的新教材到手之后，很多老师不知道第一单元该怎么讲。这学期上课，我没再使用PPT，而是全部改成了手搓的HTML互动网页。这篇文章复盘如何用扣子工具手搓交互教学网页的设计思路与操作方法。

缘起

统编版九年级上册第一单元《坚持党的全面领导》，从《百年大党风华正茂》到《坚持以人民为中心》，再到《党是领导一切的》，三课内容学生在小学和初中前两年已有接触，甚至算是某种程度的熟悉：一看见标题，就知道结论在哪里。

这恰恰是本单元教学的难处。学生对结论的熟悉，是一种未经检验的熟悉。他们能复述"坚持真理、坚守理想"，却未必想过这八个字在1927年意味着什么代价；他们能背诵"以人民为中心"，却未必说得清一条河、一群人与这一论断的关系。这种熟悉，反而遮蔽了理解。

我一直在思考：如何让教师从讲授者变成组织者或者引导者，把知识的理解过程交给学生自己走一遍。

一、三种处理

（一）《复兴史诗》：用策展任务完成知识阐释

这一课对应第一课第一框"书写恢宏史诗"。

网页设计了一个策展情境：假设党史馆要办一场名为《复兴史诗》的专题展览。馆长来信说——历史怎样才能不只是展柜里的文物和墙上的文字，怎样才能让今天十几岁的学生真的觉得它和自己有关。并告诉大家：这次不请专业的策展公司，把展览交给初三年级的同学，请学生做一回"策展人"。

图 1｜学生打开网页看到的第一屏：一封来自党史馆的请柬

馆长在信里有一句话孩子们印象很深：成年人做展览，总想着怎么把答案讲清楚、讲完整；而学生来做，会想着怎么让同龄人愿意停下来看、看得懂、还学得会。

一句话点燃了学生的设计热情。

图 2｜馆长来信。展览不交给专业策展公司，交给初三年级的同学。

我把展览分五个展厅，任务也设计的各不相同：

• 第一展厅"梦从何起"，从"齐下泪"到"齐呐喊"：为三件展品写解说词，并定出摆放方案；
• 第二展厅"苦难求索"：翻开三张问题卡，回答"依靠谁、代表谁、敢不敢彻底"，再追问"走怎样的一条路"；
• 第三展厅"百年征程"：为四个空展台布展，梳理四个历史时期的伟大成就；
• 第四展厅"南泥湾文创店"：阅读南泥湾的材料，为不同时期设计文创周边；
• 第五展厅"接续圆梦"：在续写长卷上留下自己的名字与诗句。

图 3｜五个展厅与一间研学工坊，任务各不相同：解说词、问题卡、布展、文创、续写长卷。

五个任务其实指向同一件事——认同。策展人无法用"重要"二字交差，必须说清重要在哪里、想讲给谁听、为什么这样摆。知识从"能复述"变成了"能认同"，学科观点就在实践中自然生成了。

（二）《暗夜星火》：用抉择前置处理价值认同

这一课对应"弘扬伟大建党精神"。"坚持真理、坚守理想，践行初心、担当使命，不怕牺牲、英勇斗争，对党忠诚、不负人民"，三十二个字学生背得流利，但价值认同无法靠背诵完成。

网页的做法是抉择前置。我设计的是让学生先领档案：四份档案，姓名都被墨迹抹去，只留下职业与年代——二十九岁的大学教员、二十岁的街头学生、三十八岁的留洋学者、二十七岁的山乡姑娘。学生选一位，替他走完四幕人生岔路口。

图 5｜四份无名档案。「档案上的姓名被墨迹抹去，只留下他的职业与年代。」

每一幕给出两个选项，网页上写着"每一个抉择都合乎情理"：一九一八年冬的北大红楼，是秘密办刊、把脑袋系在裤腰带上，还是接下一纸聘书、进体制内做稳妥的改良？两条路都说得通，真正艰难的是当事人当年的那一步。学生在每一步的选择都代入感很强，每次艰难的抉择过程，都是理解人物因何而伟大的过程。四幕走完，盖章揭晓：那位大学教员，是李大钊；另外三份，分别是夏明翰、钱学森、黄文秀。

图 6｜第壹幕·一九一八年冬·北京·北大红楼。两个选项都合乎情理，历史的真实选择在档案末尾揭晓。

这里必须交代清楚一条边界：四幕岔路口的情节，依据公开党史史料编写，动工之前逐条核对。这是在史实之上做情境化编排，不是文学创作。

顺序调换之后，课堂的结构就变了。对熟知的结论，先亮明观点、再追问其根据，能把"习焉不察"的常识逼成"知其所以然"的真知；对未知的结论，则以材料和问题层层铺垫，让结论在论证的终点自然浮现。建构党的精神谱系这类内容，显然属于后者。学生先自己做完选择，再遇上史实，那句"砍头不要紧，只要主义真"才不再是书上让背的一行字。

（三）《平陆运河》：用立场分配处理抽象论断

第三课的论断最为抽象："坚持以人民为中心""党是领导一切的"。学生的困难不在于不信，而在于无从下手。

网页选了一条真实的河：平陆运河，新中国首条连通江海的运河，2026年9月16日通航。全长134.2公里，总投资概算727.19亿元，土石方开挖量约3.39亿立方米，接近三峡工程的三倍；马道枢纽最大水位差29.6米，是世界规模最大的内河省水船闸。

图 7｜一条运河的百年与八方人生。四个数字是这节网页课的地基。

核心环节是抽签。八张反扣的签，八种身份：云贵磷矿石商人、武鸣沃柑种植户、钦江水产养殖户、灵山待业青年、孙中山、花鳗鲡、赤眼鳟、猕猴与林麝。

图 8｜八张反扣的签。抽到哪一种身份，由不得学生自己挑。

抽到果农的同学，面对的是多耗3天以上、损耗15%到20%的旧处境，通航后损耗率降到5%以内；抽到养殖户的同学，面对的是九成产品只能本地内销、增产不增收；抽到待业青年的同学，面对的是灵山县青壮年外出务工占比超65%的现实，而建设期已累计吸纳本地就业超7万人次、发放劳务报酬超26亿元，通航后沿线落地重点产业项目80个、总投资近百亿元；抽到孙中山的同学，思考的是《建国方略》里这张蓝图为何在百年之后才能落地；抽到商人的同学，算的是省下的560公里航程和18%到30%的物流成本。

图 9｜百年之问：孙中山写在《建国方略》里的蓝图，为何百年后才能动工？答案要靠学生自己从数据里推出来。

需要专门说明一处设计。抽到"花鳗鲡"的学生，不是要替这条鱼论证运河该修——恰恰相反，他要站在一条鱼的立场上，对这项工程提出质疑和反对。花鳗鲡是国家二级保护洄游鱼类，一座老旧水闸阻断它的洄游，河道被人工割裂，溯河产卵、育幼、觅食的路断了，种群锐减。面对一条新运河，它最担心的是这条路被彻底堵死。赤眼鳟的产卵场、索饵场缩减了40%以上，猕猴与林麝的迁徙廊道被切断数十公里——抽到它们的同学，立场同样如此。

图 10｜花鳗鲡的通航前处境。网页在此写明：「没有标准答案——你每一个选择都会回到你真实处境中的一笔账、一条路、一段等待。」

学生的立场是反对者，这是这个网页最要紧的地方。让学生为一项国家工程说好话并不难，难的是让他们先站到可能受损的一方，把问题提出来。这时再翻到"通航后"的环节：工程配套建设了专用生态鱼道和洄游通道，修建了野生动物迁徙天桥与山林生态廊道，全线水域生态修复、水位科学调控，被割裂的水域重新连成整体。

图 11｜一堂课如何走完这条河：领取角色签、三问代入、写下诉求、对照升华。

八种身份走完，学生们自然理解了几件事情，生产力的跃升、以人民为中心、生态文明的守护、党的领导是根本保证。这些都不是网页给出的结论，而是学生从八笔账里算出来的——这正是我要的效果。

二、为什么不用课件

PPT本身没有问题，但是手搓可以互动的PPT对于一个普通老师而言，简直难如登天。AI现在是一把手搓HTML的好手～coze这里推荐一波～

那从哪里改起呢？

图 12｜ 从哪里改起：先"撞见"，再"听说"。

第一，结论后置。网页第一屏不是知识标题，而是一封党史馆馆长的来信、一份隐去姓名的档案、八张反扣的身份签。学生先进入处境，再遇见结论。

第二，立场分配。网页不提供答案，只提供立场和相应的事实数据。学生的判断必须建立在自己的思考上。

第三，过程公开。网页在班级大屏上打开，学生上台触屏操作，全班一同看结果、一同争论。分歧无需隐藏，也躲不开。

三条里我以为最要紧的是第一条。教材我改不了，但学生抵达教材语言的那条路可以改。先"撞见"，再"听说"，比反过来更接近理解。

还有一层：讲好中国故事，难处从来不在故事本身，而在让学生愿意走进故事。网页不过是那扇门。教师在课堂上做的事，仍然是讲故事的活儿，只是这次先让学生走进去，教师再接住他们的问题。

三、思辨在哪里发生

互动网页比课件"好玩"，不构成教学理由。好玩不等于思辨。真正让思辨发生的，是三个机制。

图 13｜思辨从哪里来：三个机制，加一条课堂条件。

一是立场由分配产生，而非由教师指定。抽签把学生放进某个位置，他没有办法与一张签讨价还价，只能带着这个身份去看、去算、去说话。立场是教师给的，学生可以敷衍；立场是签给的，学生只能进入。

二是判断落在数据上。每一种身份都挂着真实的量化事实：66年、40%、65%、15%到20%、560公里、727.19亿元。讨论的起点因此从"我觉得"变成"数据显示"，从意见之争变成事实之辩。这是文科课堂最稀缺的一步。

三是诉求与回应的闭环。学生在通航前写下自己身份的核心诉求并封存，通航后的数据逐条回应它。结论不是打在屏幕上的，是学生全程体验之后生成出来的。

再加一条课堂层面的条件：交互在班级大屏上公开进行。学生上台触屏。分组讨论时，可以把不同立场的学生编在同一组，让思考充分碰撞之后，再一起去找方案。

四、一个文科教师怎么做

方法本身并不复杂：教师出设计的框架，工具出活儿实现。会打字，能把一节课想清楚，条件就基本具备。我用的工具是扣子（Coze），输入自然语言，生成网页，发布成一个在线链接，教室大屏直接打开。

图 14｜文科教师如何手搓HTML互动网页

第一步，教学设计三问。动工之前在纸上写清三件事：这节课的知识点是什么；学生在什么处境里会必然撞见它；用什么任务把他引过去。三个问题有一个答不上来，网页就先不做。

第二步，用自然语言生成。把教学设计讲给工具听：情境是什么，页面分几屏，每屏的任务是什么，放哪些数据。给它的不应是"帮我做个网页"这样一句话，至少是一份相对有思考的设计初稿。初稿越糙，AI给的东西更灵活，但返工也多。设计稿越细，返工越少。

第三步，核对数据。这是最花时间、也最不能省的一步。人工智能会一本正经地编造。因此一定要进行多轮核验。

第四步，嵌入课堂。网页不替代课堂，它嵌在课堂结构里。我的课时安排是：

第五步，迭代。第一版总有毛病，也有可能部分环节设计了，但是讲课的时候未必用得上，所以最后课堂呈现上是灵活的。老师根据学生的反应随时调整节奏，张弛之间，课堂充满的对话与思考，一个活跃的课堂就实现了。

五、几句实话

不用PPT不是目的，手搓HTML也不是必须。判断的标准始终是一条：别让学生站在远处看理论。走进去，撞见它，再回到教材。

刚想尝试的老师不建议一上来就做整个单元。可以先从一个小创意开始，一个框题，一个网页，先试一节课，看看自己的学生是什么反应，再决定做不做第二个。

下周开始讲第二单元，怎么上还没想好。大家也可以一起聊一聊。

好奇的李老师：接下来的几天我计划逐一细说说我的设计，并且公开这几节课的网页链接供大家参考。下面的预告中你最想先看哪期？欢迎在评论区留言。

系列预告：

• 《复兴史诗》——把"书写恢宏史诗"上成一节策展课
• 《暗夜星火》——四份无名档案与伟大建党精神
• 《平陆运河》——一条刚通航的河，与八种身份的立场课