教学设计

一、基本信息

课程名称

Web前端开发技术

课题名称

网页贷款计算器制作

授课班级

授课时间

授课类型

理实一体化、新授课

授课地点

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

授课学时

40分钟*2学时

教材分析

本节选自《Web前端开发技术（AIGC版）》第八单元8.2节，是JS数值运算与表单交互的核心实训内容。融合HTML表单、CSS样式与JS复杂运算逻辑，通过贷款计算器制作落实表单元素操作、数值计算、结果渲染等技能，贴合金融场景应用需求，同时深化AIGC辅助复杂代码生成与优化思维，为后续场景化开发铺垫。

学情分析

1.前置基础：已掌握HTML表单元素、DIV+