任务5-4：掌握CSS3背景和边框新特性-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

教学过程设计 任务5-4：掌握CSS3背景和边框新特性。 （4学时） 主要步骤 教学内容 教学方法 教学手段 师生活动 任务 引入 回顾CSS2背景和边框属性的设置 教师讲授 启发引入 多媒体 教师：问题提问 学生：问题讨论 知识讲解 (1) CSS3新增背景相关属性 (2) CSS3设置渐变背景色 (3) CSS3新增边框相关属性 启发讲解 讨论归纳 多媒体 课件演示 教师：知识讲解 学生：记录笔记 师生互动交流 示范 操作 操作1：设置背景位置、背景大小以及背景裁切。 操作2：设置线性、径向渐变背景色。 操作3：设置圆角边框、图片边框以及边框阴影。 问题引导 操作演示 分析归纳 多媒体 系统演示 老师：操作演示 学生：观摩思考 老师：归纳总结 实战 训练 实战1：设置不同图片背景效果。 实战2：为盒子设置不同渐变背景色。 实战3：为盒子设置不同边框阴影。 动手实践 做中学 多媒体 系统操作 学生：实践操作 老师：巡视检查 评估 讨论 (1) 展示学生实战任务完成的效果。 (2) 评估讨论实战任务完成的正确性。 (3) 评估讨论实战任务完成的规范性； (4) 记载学生实战认为完成的考核结果。 教师启发 讨论归纳 分数激励 实训项目单 学生：演示交流 老师：点评激励 课堂 总结 (1) 归纳总结CSS3新增背景属性的使用。 (2) 归纳总结渐变背景色的设置方法。 (3) 归纳总结圆角边框、图片边框以及边框阴影的设置方法。 教师讲解 多媒体 课件演示 学生：整理笔记 老师：引导创新 课后作业 5.4在线练习 作业练习 在线练习平台 老师：布置作业 提出要求 学生：完成作业 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $