义务教育版（2024）七年级全一册（2024）信息科技 第16课 探秘网页与代码 教学设计（表格式）

课题 第16课探秘网页与代码 第 1 课时 课型 新授 教学目标 1.增强学生对网页与代码关系的认识，理解网页背后的工作原理，提高信息获取和处理的能力。 2.初步掌握HTML语言的基本概念和常用标签的作用，学会用计算思维分析和解决网页制作中的问题。 3.通过实践操作，培养学生数字化学习的能力，激发他们的创新思维和创造力。 4.引导学生遵守网络道德规范，树立信息社会责任感，学会安全、合法地使用网络资源。 教学重点 了解网页与代码之间的对应关系，初步认识HTML语言及其常用标签的作用。 教学难点 了解网页与代码之间的对应关系，初步认识HTML语言及其常用标签的作用。 教法 情境教学法、任务驱动法、演示讲解法、分组合作法 学法 自主探究法、合作学习法、实践操作法 教学资源 多媒体教室、投影仪、计算机；网页示例文件、HTML标签参考表、记事本软件、Web服务器软件；学生分组名单、学习任务单、作业练习纸。 教学过程 二次修改 过程性评价 课堂导入： 活动1： 展示一段精美的网页动画，吸引学生注意力。 提问：同学们，你们知道这些漂亮的网页是怎么做出来的吗？它们背后隐藏着什么秘密呢？ 引导学生思考并引出本课主题：“探秘网页与代码”。 一、新知探究： （一）网页与HTML代码 活动2： 1.演示如何打开浏览器，访问一个网页。 2.引导学生调出浏览器的“开发人员”工具，观察页面代码。 3.讲解HTML语言的基本概念和标签的作用。 （二）显示网页的过程 活动3： 1.演示如何用记事本软件打开网页文件，并修改其中的代码。 2.布置任务：修改网页标题、更换图像、增加图像说明等。 3.巡视指导，解答学生疑问。 （三）HTML代码与网页文件 活动4： 1.演示如何运行Web服务器软件，并修改编码、内容等参数。 2.引导学生根据提示访问网站，并观察显示的变化。 二、疑难解答 活动5： 1.总结学生在实践过程中遇到的常见问题，并进行集中解答。 2.演示如何解决这些问题，并强调注意事项。 三、拓展巩固 活动6： 1.布置分层任务：基础任务为修改网页中的文字内容；拓展任务为添加新的HTML标签，实现更复杂的网页效果。 2.引导学生自主选择任务并完成任务。 3.巡视指导，鼓励学生发挥创意，制作个性化的网页。 活动7： 1.总结本课所学内容，强调网页与代码的关系和HTML语言的重要性。 2.提问：通过本课的学习，你有什么收获和感想？ 3.引导学生思考网页制作中的伦理和道德问题，培养他们的信息社会责任感。 作业设计 基础性作业 1.简述制作网站的基本流程。 2.编写一个简单的HTML代码，包含一个标题、一段文字和一张图片。 拓展性作业 1.使用CSS美化你编写的HTML网页，包括设置字体、颜色、边距等。 2.探索在线人工智能模型的其他功能，并尝试使用它生成一个包含多个页面的网站。 板书设计 第16课 探秘网页与代码 一、网页与HTML代码的关系 1.网页的组成：文字、图像、音频、视频等 2.HTML语言：超文本标记语言 3.网页背后的代码：HTML标签 二、HTML语言基础 1.基本概念 2.常用标签：标题标签、图像标签、超链接标签等 3.语法规则 三、网页制作流程 1.编写HTML代码 2.保存网页文件 3.发布网页（Web服务器） 四、实践操作 1.修改网页代码 2.运行Web服务器软件 3.分层任务：基础任务与拓展任务 五、网页制作伦理与道德 1.遵守网络道德规范 2.树立信息社会责任感 ... ...