1.2网页中的信息编码 教学设计+作业设计-2022电子工业版 七年级下册
2024-05-11
|
2份
|
5页
|
274人阅读
|
2人下载
精品
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技电子工业版（2022）第二册（七年级下） |
| 年级 | 七年级 |
| 章节 | 1.1 编辑网页信息 |
| 类型 | 教案-教学设计 |
| 知识点 | - |
| 使用场景 | 同步教学-新授课 |
| 学年 | 2024-2025 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | ZIP |
| 文件大小 | 4.78 MB |
| 发布时间 | 2024-05-11 |
| 更新时间 | 2024-05-11 |
| 作者 | xkw_069034126 |
| 品牌系列 | - |
| 审核时间 | 2024-05-11 |
| 下载链接 | https://m.zxxk.com/soft/45082065.html |
| 价格 | 2.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
《1.2网页中的信息编码》教学设计
教学内容分析
本节课是2022年电子工业出版社出版的七年级下册第一单元第2课。本节课分为三个活动：“查看网页源代码”“认识网页源代码”两部分内容组成。学生通两部内容组成。学生通过小组合作探究学习逐步掌握本节课的知识点，具备一定的小组合作能力、探究能力、创新能力等，提升信息社会责任，综合提升信息素养。
教学目标及核心素养指向
1、会查看网页的源代码（信息意识）
2、了解网页源代码的概念，能看懂网页的源代码（信息意识）
3、了解网页信息的编码和解码（信息意识）
4、了解HTML文件结构与标签的功能（信息意识、计算思维、数字化学习与创新）
5、能用HTML在线编辑器制作网页（信息意识、计算思维、数字化学习与创新）
教学重难点
教学重点：
1、会查看网页的源代码
2、了解网页源代码的概念，能看懂网页的源代码
3、了解网页信息的编码和解码
4、了解HTML文件结构与标签的功能
设计原因：知道网页源代码的原理是本节课的主要内容，知识点的渗透需要作为重点内容。
教学难点：
能用HTML在线编辑器制作网页
设计原因：制作网页等操作对学生来说比较困难，所以此部分对学生来说难度较高，应作为难点内容。
教学过程
1、情境导入（3分钟）
教师活动
学生活动
情境引入：在学校科技节活动中，同学们上节课制作了“科技创新 自主可控”主题网页。网页是使用统一的 HTML 语言来表达信息的，那么怎样才能看HTML语言表达信息的过程呢?我们能不能通过修改 HTML 语言来编辑页呢?
学生听教师引导生活中的案例,学生讨论，回答提问
设计意图：
激发学生对制作网页的学习兴趣并快速进入学习状态。
2、新知讲授（35分钟）
教师活动
学生活动
活动1：查看网页源代码
无论使用什么软件制作网页，都可以通过浏览器查看网页的源代码。我们在浏览器中看到的网页，都是经过浏览器翻译后呈现的
在网页的空白处右击，然后在弹出的快捷菜单中单机“查看网页源代码”命令，就可以打开一个显示网页源代码的页面，如图所示
网页源代码
网页源代码是用HTML语言编写的文件，也称为HTML文件，它实际上是纯文本文件。
在HTML文件中，我们可以看到很多用“<>”括起来的标签，如<title><image> <audio>等，这就是HTML语言的标签。
标签用来对网页上的标题图片、声音等元素进行标识。
活动2：认识网页源代码
HTML在线编辑器是可以即时编译 HTML 代码的软件，如图 所示,是HTMI在线编辑器给出的初始源代码。
请在HTML在线编辑器中，改变源代码的内容并运行，感受网页信息的编码和解码过程，如图所示。
什么是HTML
网页的全部内容需在<html>…</html> 标签中呈现，
浏览器标题栏中的网页标题等信息需要放在 <head>…</head> 标签中，
而网页展示的内容需要嵌套在<body>…</body> 标签中。
HTML文件分为“头部(Head)”和“身体(Body)”两部分。
HTML标签是HTML语言中最基本的单位，我们可以通过HTML标签来编辑网页。
从图 中我们可以看到，HTML标签是成对出现的，
标签对的第一个是开始标签，第二个是结束标签，如头部标签 <head>和 </head>。
一般成对出现的标签，其内容在两个标签中间。
知识拓展
utf-8 是一种网页字符编码格式，又称万国码，是网页应用中优先采用的编码格式。
国内常用的编码格式有 utf-8 和gb2312 两种，能满足绝大部分网页的基本编码需求。
学生通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务
活动1：查看网页源代码
小组合作交流
请你用这种方法打开一个网页，查看其源代码。找一找网页的标题是什么，并尝试说一说源代码中标签“<>”的作用。
活动2：认识网页源代码
小组合作探究
用HTML编辑器，制作一个网页
掌握了HTML标签的使用方法，我们可以直接使HTML标签制作网页。
打开“记事本”程序，输入右侧的代码，以“静夜思.html”为文件名保存，双击该文件，在浏览器中浏览网页效果。
要求：
1.诗文可以更改
2.有能力的同学可以设置字体字号等。
小组合作 项目实施
设计意图:
培养学生独立思考的能力，提高核心素养。
3、课堂小结（7分钟）
教师活动
学生活动
总结本课内容：
活动1：查看网页源代码
活动2：认识网页源代码
学生一同回答并梳理知识
设计意图：
帮助学生梳理本节课知识，加深学生对知识的理解。
原创精品资源学科网独家享有版权，侵权必究！6
学科网（北京）股份有限公司
$$
《1.2网页中的信息编码》作业设计
作业分析
作业类型
R基础型作业 R探究型作业 £实践型作业 £跨学科综合作业
资源预览图
1
2
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。