《JavaScript前端开发程序设计项目式教程》教学设计18.项目6 项目实战——商品放大镜效果实现.docxVIP

课程教学设计

课程名称

本课名称

所授章节

项目6商品放大镜——DOM对象

授课对象

选用教材

《JavaScript前端开发程序设计项目式教程》

课时数

2

【学情分析】

知识基础

学生已系统学习了DOM的所有核心操作：获取、修改样式/内容、读取位置/尺寸、导航节点关系、动态创建/删除节点。具备了实现“商品放大镜”所需的全部知识储备。

能力基础

能够独立完成各个分散的DOM操作任务，但缺乏将这些知识点融会贯通、解决一个综合性问题的经验。

素养基础

对完成一个完整、酷炫的交互项目充满期待，希望通过实战检验和巩固所学知识，获得成就感。

【教学目标】

知识目标

1.综合运用DOM元素获取