高中信息技术选修3教学设计：用JavaScript制作动态HTML.docxVIP

高中信息技术选修3教学设计：用JavaScript制作动态HTML

本课面向高中二年级或高三年级选修教科版高中信息技术选修3的学生，对应教材第五章第三节第一小节“用JavaScript制作动态HTML”。学生此前已经经历HTML页面结构搭建、CSS样式修饰以及简单信息发布流程，知道网页由标签、属性与样式共同组织，也能在浏览器中保存、刷新并观察页面变化。进入本节后，学习的重心从“把内容排出来”转向“让页面随行为发生变化”，即从静态文档走向动态文档。这里的动态不是泛泛的动画热闹，而是指页面在加载后仍能依据用户操作、时间状态、数据内容或脚本逻辑改变自身呈现，例如按钮点击后替换文字，鼠标移入后改变图示，表单输入后即时给出提示，倒计时到达后切换区域可见性。教学中必须把“动态”落成可观察、可解释、可复现的技术对象：文档对象模型把标签看成节点，脚本通过获取节点、读写属性、修改样式、绑定事件来驱动页面；学生要会说清“哪一刻触发、触发后找到谁、改变什么、结果是否可逆”。

本课的思想前提是让学生理解浏览器不是一个只负责显示图片的玻璃窗，而是一台会持续解释文档、样式与脚本的运行时装置。HTML负责回答“页面上有什么”，CSS负责回答“它以何种面貌出现”，JavaScript负责回答“它在什么条件下变成什么样”。三者之间不能混作一团，也不可在课堂上被描述成互相替代的工具。选修3强调信息系统与网络应用基础，