资源简介 (共13张PPT)GENERAL TEACHING1.2网页中的信息编码汇报人：xxx课前思考你能从河南省科技馆官网中读取到哪些信息？网页有什么作用？网页的作用网页也是人们进行交流的重要平台之一。通过社交媒体、论坛、博客等网站，用户可以与其他人交流看法、分享经验、展示作品等。进行交流网页可以用于在线教育和培训。许多学校和机构都开设了在线课程，学生可以通过网页进行学习和交流。教育和培训网页也可以用于医疗和健康服务。例如，在线医疗咨询、健康管理平台等，用户可以通过网页进行健康管理和咨询。医疗和健康网页也可以用于娱乐和休闲。例如，在线游戏、音乐、电影等，用户可通过网页进行访问和享受。娱乐和休闲网页也是商业活动的重要平台之一。通过电子商务网站、在线支付平台等，用户可以进行线上购物、支付等操作。实现商业目标网页是人们获取各种信息的主要途径之一。通过搜索引擎或直接输入网址，用户可以访问各种网站，获取新闻、文章、图片、视频、音频等各种信息。提供信息01020304050603活动说明请你查找中国科学院科技创新发展中心官网并查看网页源代码，寻找网页中文字、图片元素与源代码的对应关系。01方法一在网页的空白处右击，然后在弹出的快捷菜单中单机"查看网页源代码"命令，就可以打开一个显示网页源代码的页面。02方法二按下键盘上的F12快捷键（开发人员工具）。活动：查看网页源代码网页标题：查看网页源代码插入图片查看网页源代码插入文字查看网页源代码网页源代码是用HTML语言编写的文件，也称为HTML文件，它实际上是纯文本文件。网页源代码在HTML文件中，我们可以看到很多用“<>”括起来的标签，如<image><audio>等，这就是HTML语言的标签。标签用来对网页上的标题图片、声音等元素进行标识。<br/>标签<br/>查看网页源代码<br/>HTML在线编辑器是可以即时编译 HTML 代码的软件，请在HTML在线编辑器中，改变源代码的部分内容并运行，感受网页信息的编码和解码过程。<br/>活动2：认识网页源代码<br/>HTML在线编辑器是可以即时编译 HTML 代码的软件，请在HTML在线编辑器中，改变源代码的部分内容并运行，感受网页信息的编码和解码过程。<br/>活动2：认识网页源代码<br/>HTML基本框架<br/>网页的全部内容需在<html>…</html> 标签中呈现<br/>浏览器标题栏中的网页标题等信息需要放在 <head>…</head> 标签中<br/>定义网页标题<br/>网页展示的内容需要嵌套在<body>…</body> 标签中<br/>HTML基本框架<br/>1、网页全部内容需在<html>…</html> 标签中呈现。<br/>2、HTML文件分为“头部(Head)”和“身体(Body)”两部分，浏览器标题栏中的网页标题等信息需要放在 <head>…</head> 标签中，而网页展示的内容需要嵌套在<body>…</body> 标签中。<br/>3、HTML标签是HTML语言中最基本的单位，我们可以通过HTML标签来编辑网页。<br/>4、HTML标签通常是成对出现的。<br/>习题检测<br/>1、以下标记符中，用于设置页面标题的是（ ）<br/>A、<title> B、<caption> C、<head> D、<html><br/>2、在 HTML中，下面（ ）不属于 HTML 文档的基本组成部分。（ ）<br/>A.<html></html><br/>B.<body></body><br/>C.<style></style><br/>D.<head></head><br/>A<br/>C1.2网页中的信息编码<br/>课题 编辑网页信息 单元 第一单元 学科 信息科技 年级 七年级下<br/>教材分析 本课选自《信息科技》(电子工业版)的第一章第二节，教材由“查看网页源代码”、“认识网页源代码”两部分内容组成。学生通过对本教材的学习逐步掌握网页的相关知识，知道网页的组成元素与编写原理，加深对国家科技创新发展的了解，发挥信息科技课程的独特育人价值，为数字强国培养优秀接班人和建设者。<br/>教学目标 信息意识：根据学习与生活需要,有意识地分析使用的网页资源。计算思维：在实践应用中，熟悉网页源代码的组成。数字化学习与创新：根据任务要求，借助在线平台，创作符合时代精神的作品。4、信息社会责任：遵循信息科技领域的伦理道德规范，明确科技活动中应遵循的价值观念、道德责任和行为准则。<br/>重点 了解浏览器的作用和网页的组成；2、了解网页源代码的概念；3、了解网页信息的编码和解码；4、了解 HTML 文件结构与标签的功能。<br/>难点 1、掌握如何在浏览器中查看网页源代码；2、掌握HTML在线编辑器制作网页。<br/>教学过程<br/>教学环节 教师活动 学生活动 设计意图<br/>导入新课 展示河南省科技馆网站并提问：你能从河南省科技馆官网中读取到哪些信息？网页有什么作用？网页作为互联网时代的重要组成部分，具有多种作用和应用场景。除了提供信息、进行交流和实现商业目标等主要作用之外，网页还可以用于教育和培训、娱乐和休闲、政府和公共服务、科研和学术、医疗和健康等多个方面。 回答：开闭馆时间。回答：参观需要提前预约。回答：馆内功能齐全。 构建生活情境，激发学习兴趣。<br/>讲授新课 提问：网页是怎么制作出来的呢？回答：我们使用HTML语言编写网页，再通过浏览器解释执行。活动一：查看网页源代码方法一：在网页的空白处右击，然后在弹出的快捷菜单中单机"查看网页源代码"命令，就可以打开一个显示网页源代码的页面。方法二：按下键盘上的F12快捷键（开发人员工具）。请你查找中国科学院科技创新发展中心官网并查看网页源代码，寻找网页中文字、图片元素与源代码的对应关系。网页源代码是用HTML语言编写的文件，也称为HTML文件，它实际上是纯文本文件。在HTML文件中，我们可以看到很多用“<>”括起来的标签，如<title><image><audio>等，这就是HTML语言的标签。标签用来对网页上的标题图片、声音等元素进行标识。活动二：认识网页源代码HTML在线编辑器是可以即时编译 HTML 代码的软件，请在HTML在线编辑器中，改变源代码的内容并运行，感受网页信息的编码和解码过程。活动小结：网页全部内容需在<html>…</html> 标签中呈现2、HTML文件分为“头部(Head)”和“身体(Body)”两部分，浏览器标题栏中的网页标题等信息需要放在 <head>…</head> 标签中，而网页展示的内容需要嵌套在<body>…</body> 标签中。3、HTML标签是HTML语言中最基本的单位，我们可以通过HTML标签来编辑网页。4、HTML标签通常是成对出现的。 查看中国科学院科技创新发展中心官网的源代码。学生完成活动二，修改部分代码生成如图所示的效果。 通过浏览优秀的网页，使学生初步了解网页的基本要素及框架。以问题的方式，帮助学生梳理观察结果。培养学生独立思考的能力，通过边实践边观察，深化对HTML标签的理解。<br/>习题检测 以下标记符中，用于设置页面标题的是（A）<title> B、<caption> C、<head> D、<html>2、在 HTML中，下面()不属于 HTML 文档的基本组成部分。（C）A.<html></html>B.<body></body>C.<style></style>D.<head></head></p> <p class="introAll">展开更多......</p> <p class="introAllHide">收起↑ </p> </div> </form> <div class="entry-content clearfix"> <p class="asset-tit"><img src="/images/asset.png" style="width: 20px;height: 20px;vertical-align: text-bottom;margin-right: 5px;">资源列表</p><ul class="des-list"><li><a href="https://www.21cnjy.com/H/14/234411/19679170.shtml?from=zy"><img src="/images/word.png" alt="word"></a> <a href="https://www.21cnjy.com/H/14/234411/19679170.shtml?from=zy"> <p>1.2网页中的信息编码.doc</p></a> </li> <li><a href="https://www.21cnjy.com/H/14/234411/19679170.shtml?from=zy"><img src="/images/ppt.png" alt="ppt"></a> <a href="https://www.21cnjy.com/H/14/234411/19679170.shtml?from=zy"> <p>1.2网页中的信息编码.pptx</p></a> </li> </ul> </div> <div class="entry-footer"> <div class="entry-bar"> <div class="entry-bar-inner clearfix text-center"> </div> </div> <div class="entry-copyright"> <p>缩略图、资源来源于二一教育资源库</p> </div> </div> </div> </article> </div> <aside class="sidebar"> <div class="widget widget_views"> <h3 class="widget-title">相关资源</h3> <ul> <li><a href="https://doc.21cnjy.com/p-19679170.html" title="第1单元1.2网页中的信息编码 课件+教案 电子工业社版（2022）初中信息科技">第1单元1.2网页中的信息编码 课件+教案 电子工业社版（2022）初中信息科技</a></li> <li><a href="https://doc.21cnjy.com/p-19210089.html" title="电子工业社版（2022）七下信息科技 1.2 网页中的信息编码 课件(共23张PPT)+教案(表格式)+学习单+练习">电子工业社版（2022）七下信息科技 1.2 网页中的信息编码 课件(共23张PPT)+教案(表格式)+学习单+练习</a></li> <li><a href="https://doc.21cnjy.com/p-15379908.html" title="【新课标】电子工业版信息技术七下 1.2 网页中的信息编码 课件+教案+素材">【新课标】电子工业版信息技术七下 1.2 网页中的信息编码 课件+教案+素材</a></li> </ul> </div> </aside> </div> </div> </main> <script src="//static.21cnjy.com/js/underscore-1.8.3.min.js"></script> <script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swanInvoke.js"></script> <script> function jumpbaiduboxapp(el){ if (navigator.userAgent.toLowerCase().indexOf('baiduboxapp/') >-1){ window.swanInvoke({ appKey: 'LYaggHHMnhIO7GgfWsVcMKQKoRjCXLqq', path: 'pages/zydown/zydown', query: { id: el.attributes['ownattr'].nodeValue } }); return false; }else{ return true; } }; ;(function(){ var ua = navigator.userAgent.toLowerCase() var isWXWork = ua.match(/wxwork/i) == 'wxwork'; var isWeixin = !isWXWork && ua.match(/MicroMessenger/i) == 'micromessenger'; var isMobile = isDesktop = false; if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i)) { isMobile = true; } else { isDesktop = true; } var isAndroid = ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1; var isOS = ua.indexOf('iPhone') > -1 || ua.indexOf('iPad') > -1 || ua.indexOf('Mac') > -1; if (isWeixin) { } if (isAndroid) { } // 标题固定fixed var $fixedTit = $('#J_FixedShowDetailTit'); var fixed_tit = function () { var titIsShow = $(window).scrollTop() > 179; if (titIsShow) { $fixedTit.animate({ top: 0 }, 300); } else { $fixedTit.animate({ top: '-200px' }, 300); } }; $(window).on('scroll', _.debounce(fixed_tit, 50)); fixed_tit(); // 简介固定高度 var $height= $('.assets-intro').height(); if($height == 480) $('.introAll').show(); // 收缩 function toMore(el){ var flag = el == '.introAll' ? 1 : 0; var overflow = flag ? "auto" : "hidden"; var maxHeight = flag ? "inherit" : "480px" ; var className = flag ? ".introAllHide" : ".introAll"; $(el).on('click',function(){ $('.assets-intro').css({ "overflow":overflow, "maxHeight": maxHeight }); $(el).hide(); $(className).show(); }); } toMore('.introAll'); toMore('.introAllHide'); })(); </script> <!--footer开始--> <!-- 底部 --> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!-- <mip-img src="/just/images/logo-footer.png" width="60" height="60"></mip-img> --> </div> <div class="footer-col footer-col-copy "> <ul class="footer-nav hidden-xs "> <li><a href="https://www.21cnjy.com/help/">帮助中心</a> </li> <li><a href="https://www.21cnjy.com/about/about_contact-us.php">联系我们</a> </li> <li><a href="https://www.21cnjy.com/about/about_opinion.php">意见反馈</a> </li> </ul> <div class="copyright "> 2023 版权所有© 二一教育 <a href="https://beian.miit.gov.cn" target="_blank " rel="nofollow noopener noreferrer">粤ICP备11039084</a> </div> </div> <div class="footer-col footer-col-sns "> <div class="footer-sns "> <ul class="footer-nav hidden-xs "> <li>友情链接：</li> <li> <a href="https://yj.21cnjy.com/" title="阅卷软件系统">阅卷系统</a> <a href="https://edu.21cnjy.com/" title="美文范文">优秀范文</a> <a href="https://paike.21cnjy.com/" title="新高考走班">走班排课</a> <a href="https://tiku.zujuan.com/" title="组卷网题库">组卷题库</a> <a href="https://www.chujuan.cn/" title="组题出卷网">出卷网</a> </li> </ul> </div> </div> </div> </div> </footer> <mip-fixed type="gototop"><mip-gototop></mip-gototop></mip-fixed> <mip-stats-baidu token="0280ecaa2722243b1de4829d59602c72"></mip-stats-baidu> <script src="https://c.mipcdn.com/static/v2/mip.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-gototop/mip-gototop.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-history/mip-history.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-fixed/mip-fixed.js"></script> <script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-share/mip-share.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-form/mip-form.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-sidebar/mip-sidebar.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-vd-tabs/mip-vd-tabs.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-lightbox/mip-lightbox.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-ad/mip-ad.js"></script> <script src="/assets/26c9d710/jquery.js"></script> <script src="/assets/a0893c15/yii.js"></script> <script src="/assets/a0893c15/yii.activeForm.js"></script> <script type="text/javascript">jQuery(document).ready(function () { jQuery('#w0').yiiActiveForm([], []); jQuery('#w1').yiiActiveForm([], []); });</script> </body> </html>