第18课 美化网页方法多 教学设计.docx

教案

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

课题

第18课美化网页方法多

课型：新课

授课时间

年月日

共1课时

第1课时

学科核心素养目标

1.信息意识：

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

2.计算思维：

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

3.数字化学习与创新：

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

4.信息社会责任感：

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

教学重点

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

教学难点

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

教法学法

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

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

教具学具准备

教师准备：制作多媒体课件、准备HTML代码和CSS样式表示例、搜集相关素材和人工智能模型资源、布置小组任务分配表。

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

教学环节

教师活动

学生活动

设计意图

新课导入

活动1：

1.展示两个网页：一个是未美化的简单网页，另一个是经过精心美化的网页。

2.引导学生对比观察，并提问：“你更喜欢哪个网页？为什么？

活动1：

观看网页展示，积极思考并回答问题。

通过对比观察，激发学生对网页美化的兴趣，引入新课。

教学环节

教师活动

学生活动

设计意图

新

知

探

究

应

用

提

升

一、新知探究

（一）用HTML代码美化网页

活动2：

讲解用HTML代码美化网页的基本方法，如设置网页背景、字号、字体等，并演示具体操作步骤。

（二）用CSS美化网页

活动3：

介绍CSS的概念和作用，讲解CSS的书写规则和常用指令，并演示如何用CSS美化网页文本、标题、背景等。

二、拓展巩固

（一）小组讨论与分享

活动4：

组织学生分组讨论使用HTML代码和CSS美化网页的心得，并分享各自的美化成果。

（二）分层练习

活动5：

教师活动设计不同难度的练习任务，包括基础练习（如设置网页背景颜色、字体大小等）和拓展练习（如使用CSS实现网页布局、动画效果等），供学生选择完成。

活动2：

跟随教师的示范，打开上一课完成的介绍科技节某个项目的网页，尝试用HTML代码对网页进行美化。

活动3：

观看教师的演示，用编辑器打开制作的网页，尝试用CSS对网页进行美化，并保存文件查看修改后的显示效果。

活动4：

分组讨论，积极发言，分享自己的美化经验和成果。

活动5：

根据自己的实际情况选择练习任务，并努力完成。

通过实践操作，让学生掌握用HTML代码美化网页的基本技能。

通过实践操作，让学生掌握用CSS美化网页的技能，并比较与HTML代码美化的区别。

通过小组讨论和分享，促进学生之间的交流与合作，拓宽思路。

通过分层练习，满足不同学生的学习需求，促进个性化发展。

课堂小结

活动6：

1.总结本节课所学内容，包括用HTML代码和CSS美化网页的方法、技巧以及注意事项等。

2.引导学生思考未来学习中可能遇到的挑战和机遇。

结束语：

同学们，通过今天的学习，我们不仅掌握了用HTML代码和CSS美化网页的技能，还体验了网页美化的乐趣和成就感。希望大家能够继续保持对信息科技的兴趣和热爱，在未来的学习中不断探索和创新，设计出更多美观实用的网页作品！

活动6：

回顾本节课的学习内容，记录重点知识，并思考未来学习的方向和目标。

通过课堂小结，帮助学生巩固所学知识，激发对未来学习的期待和信心。

课后作业

布置

基础作业：

1.用HTML代码设置网页的背景颜色、字体大小和颜色。

2.用CSS样式表设置网页标题的字体样式、颜色和对齐方式。

拓展作业：

1.使用CSS样式表实现网页布局，如两栏布局、三栏布局等。

2.探索CSS动画效果，并尝试在网页中添加简单的动画效果。

实践作业：

小组合作，选择一个科技项目作为网页主题，使用HTML代码和CSS样式表对网页进行美化，并上传到学校的服务器上供其他同学浏览。

板书设计

第四单元校园活动线上展第18课美化网页方法多

一、用HTML代码美化网页

1.设置网页背景2.设置字号、字体

二、用CSS美化网页

1.CSS概念与作用

2.CSS书写规则和常用指令

3.美化网页文本、标题、背景等

三、小组讨论与分享

1.心得分享2.美化成果展示

四、分层练习

1.基础练习2.拓展练习

五、课堂小结

1.回顾所学知识2.展望