第18课 美化网页方法多 教学设计 -人教版信息科技七年级全一册.pdfVIP

教案

备课教师：备课日期：年月日

课题第18课美化网页方法多课型：新课

授课

年月日共1课时第1课时

时间

1.信息意识：

培养学生识别美化需求、获取有效信息的能力，以及对美学价值的判断力和敏感度。

2.计算思维：

通过HTML代码和CSS样式表的编写，培养学生的逻辑思维、算法思维和系统思维能

学科

力。

核

3.数字化学习与创新：

素养

引导学生利用数字化工具和资源，开展自主学习、协作学习和创新实践，提高网页

目标

美化技能。

4.信息社会责任感：

在网页美化过程中，注重版权意识、网络安全和信息伦理的培养，引导学生负责任

地使用信息技术。

教学

用HTML代码和CSS样式表美化网页的操作方法。

重点

教学

CSS样式表的书写规则和常用指令的理解与应用；根据需求合理选择美化方法。

难点

教法教法：情境教学法、任务驱动法、分组合作法、示范讲解法、案例分析法。

学法学法：自主探究法、合作学习法、实践操作法。

教具教师准备：制作多媒体课件、准备HTML代码和CSS样式表示例、搜集相关素材和人

学具工智能模型资源、布置小组任务分配表。

准备学生准备：复习HTML基础知识、了解网页美化的基本概念。

教学

教师活动学生活动设计意图

环节

活动1：

新通过对比观察，

1.展示两个网页：一个是未美化的简活动1：

课激发学生对网页美

单网页，另一个是经过精心美化的网页。观看网页展示，积

导化的兴趣，引入新

2.引导学生对比观察，并提问：“你极思考并回答问题。

入课。

更喜欢哪个网页？为什么？

教学

教师活动学生活动设计意图

环节

一、新知探究活动2：

（一）用HTML代码美化网页跟随教师的示范，通过实践操作，

活动2：打开上一课完成的介让学生掌握用HTML

讲解用HTML代码美化网页的基本方绍科技节某个项目的代码美化网页的基

法，如设置网页背景、字号、字体等，并网页，尝试用HTML代本技能。

新演示具体操作步骤。码对网页进行美化。

知

探

究（二）用CSS美化网页活动3：