第二学时2-5
题目讲解(中):讲解动画
把讲解做成一步步点开的网页,到关键处停下来提问。
本学时重点三个例子
一看它怎么做出来
从思考到写代码,再到运行出可以点、可以拖的成品。
二请求模板
写这类请求,要说清三件事:分几步,每一步屏幕上出现什么,在哪一步停下来提问。
分步讲解动画 · 方括号处替换
做一个单文件网页,分步讲解下面这道题,用于课堂投影。
【题目】[……]
分[几]步,每点一下“下一步”出现一步。每一步屏幕上出现[哪一行板书,图上哪里变化]。
在第[几]步之前停下来,向学生提问:[问题]。
所有代码写在一个 HTML 文件里,不引用任何外部资源,断网可以打开,字号适合投影。
三上课前试一遍
每一步点一遍从头点到尾,看顺序对不对。
后排看得清投到屏幕上,字号和线条够大。
停顿在不在该停下来提问的地方,确实停住了。
断网试一次存成文件,断网双击打开,确认能用。
本页带走
动画的价值不在“一口气播完”,而在“关键处能停住”。老师负责设计思考卡点与问题,AI 负责画面渲染与动效。