第19次课 任务案例：青山文学社网页（二）（教案）《电子商务网页设计与制作》（电子工业出版社）

授课章节及主题 任务案例：青山文学社网页（二） 课次 19 教学 目标 知识目标 1. 掌握CSS设置网页背景的方法； 2. 掌握CSS设置图像与文本的方法。 能力目标 能够掌握CSS美化网页元素的方法。 素养目标 1. 培养学生清晰有序的逻辑思维； 2. 培养学生数据分析与总结的意识； 3. 培养学生系统分析与解决问题的能力。 学情 分析 知识基础 学生已经CSS的结构与图像和文本的设置规则有了一定的了解。 学生特点 1.学生爱学习爱思考爱表达，喜欢动手实践，但学生自律性不强，遇到困难时畏难。 2．前续内容的知识绝大部分同学掌握较好，少部分同学操作不太熟练。 3．解决较复杂问题能力比较弱，知识迁移能力有待加强。 教学 重点 1. 全面了解CSS文本与图像的设置； 2. 利用CSS对网页元素进行排版与美化。 教学 难点 青山文学社网页效果案例讲解。 教学 方法 讲授法 案例演示法 讨论法 实践法 线上线下混合式 教学资源与平台 教学平台 超星学习通https://www.xueyinonline.com/detail/221724252 参考书 1.《电子商务网页设计与制作》，电子工业出版社 2.《HTML5+CSS3网页设计与制作》，人民邮电出版社 参考网络资源 1.菜鸟教程：https://www.runoob.com/ 2.虎课网：https://huke88.com/ 教学过程设计 环节 教学内容 教师活动 学生活动 知识回顾（10min） 解决学生上节课在案例制作过程中header和menu部分实现过程中的常见问题的解决方法和技巧。 1.【课堂活动】教师通过开展各种课堂活动回顾上次课知识点。 1.学生积极参与课堂活动。 任务导入（2min） 小明所在的青山文学社是学院第一社团，文学社想要对网站进行改版。小明主动承担了网站的设计与制作任务，他搜集到了大量社团相关的图片与文字素材，接下来，要怎么样才能实现整个页面的规划与布局呢？ 1.【任务导入】教师通过案例导入本次课的学习目标。 1.学生了解本次课学习的目标。 任务描述（3min） 本任务是利用社团素材与图片，制作一个以“青山文学社”为主题的页面，网页效果如图3-1-1所示。 图3-1-1 “青山文学社”网页效果 1.【任务描述】讲师引入与描述任务内容与效果。 1.学生了解本次课要完成的任务。 任务实施 （60min） 组织学生一起实施项目任务： （1）网页布局规划 （2）青山文学社网页效果案例讲解之content与footer两部分实现 1.【实操演示】教师技能训练任务，并进行实操演示。 2.【发布任务】教师在学习通发布技能任务。 3.【实践指导】来回巡视，及时帮助学生解决问题。 1.听取教师讲解知识点； 2.学生查看技能训练任务。 3.完成技能训练题 知识检测（10min） 1、 我们刚刚做了实例的content与footer部分，请同学们想一想，.heading是用来设置每个区域标题的样式，其中红色框框中的代码是什么意思呢？它们的作用是什么呢？ 2、 第1题中的heading类选择符，在实例中你是怎么使用的呢？请找出至少两处代码。 3、 在#news盒子中，我们设置了如下代码，请解释以下代码的意思以及呈现效果是什么？ 4、在#intro盒子的段落设置中，我们设置了以下代码，请描述一下以下代码的意思与呈现效果是什么？ 1.组织发布【知识检测】。 2.【归纳总结】来回巡视，及时帮助学生解决问题。 1.听取教师讲解试题； 2. 完成知识检测 课堂小结（5min） 本次课主要学习了青山文学社网页效果案例制作，在实际制作过程中深刻了解CSS对网页中文本与图像元素的美化与修饰方法，着重掌握如何利用CSS对网页元素进行排版与美化，做到融会贯通。 作业布置 1.继续完成技能训练作业：青山文学社网页，提交至学习通作业处 。 2.预学下一次课的内容 3. 课后讨论：在刚才的学习与实践中，你学会了什么？你的难点在哪里？ 教学反思 学科网（北京）股份有限公司 $$