首页第二学时 · 2-5题目讲解(中):讲解动画
第二学时2-5

题目讲解(中):讲解动画

把讲解做成一步步点开的网页,到关键处停下来提问。

本学时重点三个例子

一看它怎么做出来

从思考到写代码,再到运行出可以点、可以拖的成品。

二请求模板

写这类请求,要说清三件事:分几步,每一步屏幕上出现什么,在哪一步停下来提问。

分步讲解动画 · 方括号处替换
做一个单文件网页,分步讲解下面这道题,用于课堂投影。 【题目】[……] 分[几]步,每点一下“下一步”出现一步。每一步屏幕上出现[哪一行板书,图上哪里变化]。 在第[几]步之前停下来,向学生提问:[问题]。 所有代码写在一个 HTML 文件里,不引用任何外部资源,断网可以打开,字号适合投影。

三上课前试一遍

每一步点一遍从头点到尾,看顺序对不对。
后排看得清投到屏幕上,字号和线条够大。
停顿在不在该停下来提问的地方,确实停住了。
断网试一次存成文件,断网双击打开,确认能用。
本页带走
动画的价值不在“一口气播完”,而在“关键处能停住”。老师负责设计思考卡点与问题,AI 负责画面渲染与动效。
上一页 第二学时 · 2-4
题目讲解(上):三种文字讲解
下一页 第二学时 · 2-6
题目讲解(下):视频与微课