Web前端开发技术（AIGC版） 教案-教学设计 第8单元 DOM对象模型简介与操作（教案10：2 学时）.doc

教学设计

一、基本信息

课程名称

Web前端开发技术（AIGC版）

课题名称

DOM对象模型简介与操作

授课班级

授课时间

授课类型

理实一体化、新授课

授课地点

机房（有网络），依托超星教学平台（已建设对应网络课程）

授课学时

40分钟*2学时

教材分析

本节选自教材第九单元核心内容，DOM是JS操作网页元素的核心技术，承接HTML/CSS与JS的衔接作用。内容涵盖DOM模型概念、节点树结构及获取、修改、创建、删除元素等操作，教材案例贴合实操需求，是实现网页动态效果的基础，同时可结合AIGC辅助生成代码，降低抽象知识学习难度，契合职校理实一体化教学需求。

学情分析

1.前置基础：已掌握H