义务教育版（2024）七年级上册信息技术第十六课《探秘网页与代码》教案

中小学教育资源及组卷应用平台 七年级上册信息科技教学设计 课题 第十六课探秘网页与代码 单元 四单元 学科 信息科技 七年级 第一册 学习目标 1.了解网页与代码之间的对应关系。2. 初步认识HTML语言，知道常用标签的作用。3. 验证网页内容的保存形式。 重点 网页与代码之间的对应关系 难点 HTML语言 教学过程 教学环节 教师活动 学生活动 设计意图 一、教学目标 通过本章节的学习，你应该掌握以下内容：1.了解网页与代码之间的对应关系。2. 初步认识HTML语言，知道常用标签的作用。3. 验证网页内容的保存形式。 倾听老师开篇介绍 本课程的教学目标了解网页与代码之间的对应关系，初步认识HTML语言，知道常用标签的作用 二、新课导入 很多同学对网页为何能够展现图文声像，为何能够实现跳转，如何制作网页等问题心存好奇。本课将带领大家学习网页与网页代码的相关知识。 本课将通过一系列实验，回顾、提升相关的认识。 激发学生兴趣并快速进入学习状态 三、新课讲解 16.1 网页与HTML代码上网浏览时会接触风格各异的网页，里面有文字、图像、音频、视频等多种资源。通过网页中的超链接，可以方便地在网页和资源之间跳转。这一切到底是怎样完成的呢？通过前面的活动不难发现，图文并茂的网页，背后对应着一堆代码。这堆代码对应着描述网页的语�———HTML（hypertext markup language，超文本标记语言）。HTML语言中用于标记内容、格式或超链接的代码符号叫标签。16.2 显示网页的过程浏览器获得网页代码后，就会按照这些代码的要求，显示相应的文字、图像等，进而呈现出完整的网页效果（图16.2）。16.3 HTML代码与网页文件一般情况下，HTML代码保存在以“.htm”“.html”等为扩展名的网页文件中。但实际浏览过程中，浏览器只要能得到相应的HTML代码就可以了，并不要求这些代码必须以网页文件形式保存。 学生通过倾听老师授课及自由讨论。 通过小组合作，加强学生组内团结、共同完成任务 四、课堂练习 课程练习书本上的内容1. 浏览网页，调出浏览器的“开发人员”工具，观察页面代码 用《记事本》软件打开网页文件，尝试通过改代码的方式完成修改网页标题、更换图像、增加图像说明等任务参照以下方法进行操作，在网页中显示一张笑脸图运行《Web服务器》软件，修改编码、内容等参数 通过课堂的上的随机提问，抽取学生回答，引导学生练习开展习题。 通过课堂的讲解，引导学生本人通过思考，独立完成书本上的习题 五、课堂总结 请同学们对照本章的学习目标进行总结，看看自己掌握了那些知识。 以小组为单位，对本单元的学习情况和项目情况，进行总结归纳。 通过学生操作运行《Web服务器》软件，修改编码、内容等参数，引导学生独立对所学的课程进行归纳总结。 六、作业布置 作业布置 1. 网页与 HTML代码有什么关系？2. 浏览器是如何显示网页的？3. HTML 代码是不是必须保存在网页文件中？ 以小组为单位，讨论网页与 HTML代码有什么关系？浏览器是如何显示网页的？ 通过实践的方式，加深对所学知识的理解和应用。 21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页） HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com) ... ...