资源简介 中小学教育资源及组卷应用平台第2课时教学设计课题 第三单元第2节 编辑网页分享学习成果（第2课时） 单元 第三单元 学科 信息科技 年级 七年级 上册教材分析 本节是第三单元“利用互联网探究与分享”的第2节第2课时，主要内容包括HTML的基本概念、网页文件的结构、常用HTML标签的使用以及表单的初步认识。学生在第1课时已经学习了网页元素和H5网页制作的可视化方法，具备了一定的感性认识。本节课从代码层面深入理解网页的工作原理，培养学生的计算思维和数字化学习与创新能力，为学生进一步学习网页开发和信息科技知识打下基础。学习目标 1.信息意识：认识到网页是分享学习成果的重要载体，了解HTML是网页的基础语言，形成通过代码编辑网页展示信息的意识。2.计算思维：能够理解HTML标签的基本结构和功能，掌握编辑网页的基本方法（文字、图片、超链接），理解网页解析和呈现的过程，形成结构化思维。3.数字化学习与创新：能利用在线网页编辑工具，编辑展示黄金分割学习成果的HTML网页，通过添加图片和超链接丰富网页内容，提升数字化创作与表达能力。4.信息社会责任：在网页编辑与发布过程中，遵守网络道德规范，尊重他人知识产权，提高信息安全意识，负责任地发布和分享有价值的学习资源。重点 重点： HTML的基本结构，常用标签（h1、p、img、a）的使用方法，编辑网页的基本操作。难点 难点： 理解HTML标签的语法规则，正确使用img标签和a标签的属性，理解表单提交的安全问题。教学过程教学环节 教师活动 学生活动 设计意图导入新课 1.复习导入(PPT第4页)：回顾上节课H5网页制作的内容，提问学生H5网页有什么特点，可视化工具有什么优点和局限性。2.引出新课(PPT第5页)：提出问题——网页背后的代码是什么样的？网页是如何被浏览器解析并呈现的？激发学生的好奇心和探究欲。展示本节课学习目标，明确学习任务。 1.回顾上节课知识，回答教师问题。2.思考网页背后的原理问题。3.明确本节课的学习目标和任务。 通过复习旧知引出新知，激发学生的好奇心和探究欲，帮助学生明确学习目标。讲授新课 1.讲解网页中的编码(PPT第6页)：介绍网页的工作原理——浏览器从服务器获取HTML文件→解析→呈现。介绍HTML的概念——超文本标记语言，是编写网页的标准语言。介绍网页发布的三个途径：免费个人主页空间、专用服务器、虚拟主机服务器。结合小贴士说明HTML已经发展到第5代，简称H5。2.讲解HTML网页文件结构(PPT第7页)：在科学园地栏目中介绍HTML网页文件是纯文本文件，由浏览器读取解析后显示网页效果。讲解HTML文件的基本结构：包裹整个文件；表头用于文件标题、CSS样式定义等；主体包含网页中显示的内容。结合图3-2-12进行讲解。 1.理解网页的工作原理和HTML的基本概念。2.掌握HTML文件的基本结构组成。3.认识常用的HTML标签及其作用。 从原理到结构，系统讲解HTML基础知识，为后续实践操作打下理论基础。3.讲解活动3.2.3编辑网页(PPT第8-9页)：分步骤讲解HTML网页编辑的操作方法：步骤1打开在线网页编辑工具，输入基础HTML代码，预览效果；步骤2修改和标签中的文字内容；步骤3使用标签添加图片，介绍src、width、height属性；步骤4使用标签添加超链接，介绍href属性。结合图3-2-13至图3-2-16进行演示说明。 1.学习编辑网页的基本步骤和方法。2.理解常用标签的功能和属性。3.观看教师演示，记录操作要点。 通过分步演示和讲解，让学生掌握编辑网页的基本操作方法，理解常用标签的使用。4.组织活动记录(PPT第10页)：指导学生按步骤记录活动过程，包括操作内容、使用的标签和效果记录。强调记录的重要性，培养良好的学习习惯。5.讲解万维网(PPT第11页)：在'你知道吗'栏目中介绍万维网（WWW）的概念，说明万维网是互联网重要的应用之一。讲解万维网的意义——简化了用户与互联网的互动方式，降低了互联网的使用门槛，推动了互联网的普及。 1.明确活动记录的要求和方法。2.了解万维网的相关知识，拓宽知识面。 补充拓展知识，拓宽学生视野，激发学习兴趣，培养信息意识。拓展延伸 挑战时刻(PPT第12-13页)：介绍表单的概念和作用——实现用户与网页之间的信息交互，可用于问卷调查、用户登录、提交资料等。介绍标签的基本结构。布置任务：1.制作简单的用户登录页面；2.思考用get方法提交的表单信息是否安全，以及如何解决。公布参考答案，结合参考答案进行讲评，强调信息安全的重要性，介绍post方法和HTTPS协议的作用。 1.了解表单的概念和作用。2.尝试理解表单代码的结构。3.思考信息安全问题，了解解决方法。 通过挑战时刻提升学生的探究能力，培养信息安全意识，拓展学生的知识面。课堂练习 1.案例分析(PPT第14页)：展示案例——如何编辑网页展示黄金分割学习成果。引导学生分析案例中使用的HTML标签。组织学生讨论案例的设计思路。公布参考答案，结合参考答案进行讲评——1.用标签设置网页标题“黄金分割学习与探索”；2.用标签添加正文内容，介绍植物中的黄金分割；3.用标签添加向日葵花盘的图片；4.用标签添加超链接，链接到其他同学的网页；5.整体结构包括、、标签，在中设置charset为UTF-8以正确显示中文。2.做一做(PPT第15页)：布置课堂练习任务——设计一个简单的个人主页HTML代码框架。要求学生独立完成练习。巡视指导，对有困难的学生进行个别辅导。提供参考方案供学生对照学习——参考：1.基础结构包括...；2.写标题，写段落，注意标签成对出现；3.设置图片；4.链接文字设置超链接。3.说一说(PPT第16页)：组织学生讨论编辑HTML网页和使用可视化工具制作网页各有什么优缺点。鼓励学生积极发言，分享自己的观点——如“HTML代码更灵活，想怎么改就怎么改！”“可视化工具更简单，不用记标签。”“学会HTML后能更深入地理解网页的工作原理！” 1.阅读案例，分析案例中使用的HTML标签。2.完成课堂练习，编写HTML代码框架。3.参与讨论，积极发言，分享自己的观点。 通过案例分析、动手练习和讨论交流，巩固HTML知识，培养学生的实践能力和表达能力。拓展延伸 布置拓展活动(PPT第17页)：让学生课后上网查阅资料，了解更多HTML标签的作用，如粗体、斜体、下划线、音频、视频、表格等。选择2-3个标签尝试在自己的网页中使用，记录发现和体会。提示学生学习HTML要勤动手练习，在实践中掌握。 明确拓展任务，课后自主学习更多HTML标签，尝试实践应用。 拓展学生的知识面，培养自主学习能力和探究精神。课堂小结 总结本节课主要内容(PPT第18页)：归纳本课5点要点——1.HTML——超文本标记语言，编写网页的标准语言；2.网页结构——包裹，表头，主体；3.常用标签——标题 段落 图片 超链接；4.活动3.2.3——编辑网页：输入代码→改文字→加图片→加超链接；5.挑战时刻——表单实现交互，get/post方法，信息安全。结合“了解HTML→编辑网页→添加元素→表单挑战”的知识脉络进行整体回顾。强调重点知识，帮助学生梳理知识体系。 跟随教师回顾本节课内容，梳理知识脉络，整理笔记，提出疑问。 系统总结本节课知识，帮助学生形成完整的知识结构，巩固学习成果。板书设计 主题：编辑网页分享学习成果核心：HTML基础 → 编辑网页 → 添加元素 → 表单与安全概念：HTML是超文本标记语言，网页由浏览器解析呈现核心：HTML结构 ｜ 常用标签 ｜ 图片链接 ｜ 表单交互 ｜ 网页发布示例：标题 段落 图片 超链接 表单流程：了解HTML → 编写基础代码 → 修改文字 → 添加图片 → 添加链接 → 表单挑战（见PPT第19页板书设计） 通过板书呈现本节课知识框架，帮助学生整体把握知识结构，加深理解和记忆。课后作业 布置课后作业(PPT第20页)：思考：HTML网页文件的基本结构是什么？标签和标签分别有什么作用？实践：使用在线网页编辑工具，制作一个完整的个人主页，包含标题、文字介绍、图片和超链接。观察与发现：在浏览器中查看任意网页的源代码（右键→查看源代码），观察有哪些HTML标签。调查与记录：调查3种常用的网页制作工具（包括可视化工具和代码编辑工具），比较它们的优缺点。 分层布置作业，巩固所学知识，提升学生的实践能力和信息素养。21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）21世纪教育网(www.21cnjy.com)中小学教育资源及组卷应用平台第2节 编辑网页分享学习成果（第2课时）· 课堂练习单姓名：______________ 班级：______________ 日期：______________一、填一填（HTML基础与常用标签）HTML 标签 表单术语 含义（填一填）HTML标签表单万维网二、连一连（将下列标签与其功能连线）标签 功能 段落文本 插入图片 添加超链接 设置标题三、填一填（HTML文件结构）HTML结构 作用（填一填）四、判一判（判断对错，正确打√，错误打×）HTML网页文件是一种纯文本文件。（ ）标签中包含网页中显示的主要内容。（ ）标签用于在网页中插入图片。（ ）标签的href属性用于设置超链接的目标地址。（ ）使用不同的浏览器打开同一个网页，呈现的页面布局和内容是不同的。（ ）五、说一说（可视化工具和代码编辑各有什么优缺点）网页制作方式 优点（说一说）可视化工具代码编辑第2节 编辑网页分享学习成果（第2课时）· 探索活动单姓名：______________ 班级：______________ 日期：______________活动一：编辑网页（活动3.2.3）打开在线网页编辑工具，按照步骤完成HTML网页编辑，记录每一步的操作和效果。步骤 操作内容 使用的标签1234 用标签添加一个超链接 活动二：挑战时刻——制作登录页面尝试制作一个简单的用户登录页面，思考表单提交的安全问题，记录在下表中。问题 思考与记录 解决方法get方法提交的表单信息安全吗？为什么不安全？活动三：HTML标签大探索上网查阅资料，了解更多HTML标签的作用，选择3个标签尝试使用，记录结果。标签名 功能 尝试结果第2节 编辑网页分享学习成果（第2课时）· 课后调查单调查人：______________ 调查对象：______________ 日期：______________亲爱的同学，请调查3种常用的网页制作工具（包括可视化工具和代码编辑工具），比较它们的功能特点，记录在下表中。序号 工具名称 类型 优点 缺点123提示：关注操作难度、功能丰富度、灵活性、适用人群等方面。我的发现与感想家长评价家长签名：______________ 日期：______________评价（√）： ☆ 优秀 ☆ 良好 ☆ 继续努力21世纪教育网(www.21cnjy.com) 展开更多...... 收起↑ 资源列表 第三单元第2节编辑网页分享学习成果第2课时 教案_贵州版七年级上册.docx 第三单元第2节编辑网页分享学习成果第2课时 配套素材_课堂练习单与调查表.docx