第16课 探秘网页与代码 教学设计.docx

教案

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

课题

第16课探秘网页与代码

课型：新课

授课时间

年月日

共1课时

第1课时

学科核心素养目标

1.信息意识：

增强学生对网页与代码关系的认识，理解网页背后的工作原理，提高信息获取和处理的能力。

2.计算思维：

初步掌握HTML语言的基本概念和常用标签的作用，学会用计算思维分析和解决网页制作中的问题。

3.数字化学习与创新：

通过实践操作，培养学生数字化学习的能力，激发他们的创新思维和创造力。

4.信息社会责任感：

引导学生遵守网络道德规范，树立信息社会责任感，学会安全、合法地使用网络资源。

教学重点

了解网页与代码之间的对应关系，初步认识HTML语言及其常用标签的作用。

教学难点

了解网页与代码之间的对应关系，初步认识HTML语言及其常用标签的作用。

教法学法

教法：情境教学法、任务驱动法、演示讲解法、分组合作法。

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

教具学具准备

多媒体教室、投影仪、计算机；网页示例文件、HTML标签参考表、记事本软件、Web服务器软件；学生分组名单、学习任务单、作业练习纸。

教学环节

教师活动

学生活动

设计意图

新课导入

活动1：

展示一段精美的网页动画，吸引学生注意力。

提问：同学们，你们知道这些漂亮的网页是怎么做出来的吗？它们背后隐藏着什么秘密呢？

引导学生思考并引出本课主题：“探秘网页与代码”。

活动1：

1.观看网页动画，产生好奇心和求知欲。

2.积极思考教师的问题，准备进入新课学习。

1.通过精美的网页动画吸引学生的注意力，激发他们的学习兴趣和好奇心。

2.引导学生思考网页背后的秘密，为新课学习做好铺垫。

教学环节

教师活动

学生活动

设计意图

新

知

探

究

应

用

提

升

一、新知探究

（一）网页与HTML代码

活动2：

1.演示如何打开浏览器，访问一个网页。

2.引导学生调出浏览器的“开发人员”工具，观察页面代码。

3.讲解HTML语言的基本概念和标签的作用。

（二）显示网页的过程

活动3：

1.演示如何用记事本软件打开网页文件，并修改其中的代码。

2.布置任务：修改网页标题、更换图像、增加图像说明等。

3.巡视指导，解答学生疑问。

（三）HTML代码与网页文件

活动4：

1.演示如何运行Web服务器软件，并修改编码、内容等参数。

2.引导学生根据提示访问网站，并观察显示的变化。

二、疑难解答

活动5：

1.总结学生在实践过程中遇到的常见问题，并进行集中解答。

2.演示如何解决这些问题，并强调注意事项。

三、拓展巩固

活动6：

1.布置分层任务：基础任务为修改网页中的文字内容；拓展任务为添加新的HTML标签，实现更复杂的网页效果。

2.引导学生自主选择任务并完成任务。

3.巡视指导，鼓励学生发挥创意，制作个性化的网页。

活动2：

1.跟随教师的演示，打开浏览器并访问指定网页。

2.调出“开发人员”工具，观察网页代码的结构和内容。

3.小组讨论，尝试理解代码的含义和作用。

活动3：

1.打开网页文件，尝试修改其中的代码。

2.完成任务后，保存文件并在浏览器中查看修改效果。

3.小组讨论，分享修改经验和遇到的问题。

活动4：

1.跟随教师的演示，运行Web服务器软件。

2.修改编码、内容等参数，并访问网站查看显示变化。

3.小组讨论，理解Web服务器的工作原理。

活动5：

1.认真听讲，理解教师的解答。

2.尝试自己解决类似问题，并互相交流经验。

活动6：

1.自主选择任务，并完成任务。

2.尝试添加新的HTML标签，实现更复杂的网页效果。

3.小组讨论，分享制作经验和创意。

通过观察网页代码，让学生初步了解网页与代码的关系。

引导学生理解HTML语言的基本概念和标签的作用，为后续学习打下基础。

通过实践操作，让学生亲身体验修改网页代码的过程和乐趣。

培养学生的实践能力和解决问题的能力。

通过运行Web服务器软件，让学生了解网页发布的流程和原理。

培养学生的实践能力和对网页制作流程的理解。

帮助学生解决实践过程中遇到的问题，巩固所学知识。

培养学生的自主学习能力和解决问题的能力。

通过分层任务，满足不同学生的学习需求和能力水平。鼓励学生发挥创意，培养他们的创新思维和创造力。

课堂小结

活动7：

1.总结本课所学内容，强调网页与代码的关系和HTML语言的重要性。

2.提问：通过本课的学习，你有什么收获和感想？

3.引导学生思考网页制作中的伦理和道德问题，培养他们的信息社会责任感。

活动7：

1.回顾学习过程，整理所学知识。

2.积极回答教师的问题，分享自己的学习心得和收获。

3.思考网页制作中的伦理和道德问题，并发表自己的看