资源简介 中小学教育资源及组卷应用平台第3.3课《学会数据发布》教学设计课题 学会数据发布 单元 第三单元 学科 信息科技 年级 七年级核心素养目标 信息意识：能够主动关注数据发布在信息传播、知识共享中的重要作用，理解数据发布过程对信息完整性、准确性和时效性的影响。计算思维：通过分解思维，将数据发布的一般过程拆解为数据准备、工具选择、格式调整、发布操作等步骤，形成系统化的数据发布流程认知。数字化学习与创新：自主探索数据发布工具的使用方法和高级功能，通过实践操作不断提升工具应用能力，掌握网页编辑与发布工具的个性化设置技巧。信息社会责任：严格遵守数据发布的相关法律法规，在引用、处理和发布数据时，确保数据来源合法合规，尊重原创者权益。教学重点 学习和探究数据的发布过程。教学难点 认识数据发布，学会制作网页的步骤。教学过程教学环节 教师活动 学生活动 设计意图导入新课 第3.3课 学会网页发布观看视频。单元引入3、学习目标1.了解数据发布的一般过程。2.掌握常见的数据发布工具的使用。3.学会使用适当的数字化工具对网页进行编辑并发布。 课程新知导入。 帮助学生初步理解本课研究内容。讲授新课 新知导入网络数据发布作为综合表达信息的一种重要手段，是根据表达的需要将文字、图像、音频、视频等不同类型的数据，按计划和目的合理、清晰、有效地组织在一起的复杂过程。数据发布的过程不仅仅是信息技术的应用，还涉及语言、艺术、心理等多方面的知识，同时需要具备较强的组织沟通、团队协作等能力。制作“广西少数民族优秀传统文化”主题网页围绕“广西少数民族优秀传统文化”这一主题，结合搜集整理的各种类型数据，小智与团队成员协商后确定了如图3-3-1所示的作品框架，并决定选择网页制作工具制作主题网页，让更多的人了解并传承广西少数民族优秀传统文化。新知讲解：思考1.在制作主题网页的过程中，团队协作发挥着重要作用。你认为在协作过程中需要注意什么问题？应当注意：1、明确分工与职责边界2、建立高效沟通机制3、统一技术与设计规范4、进度管理与风险控制5、版本管理与资源共享2.结合实践经历，尝试总结数据发布的一般过程。过程：数据准备阶段数据审核与合规性检查数据处理与结构化发布与平台部署维护与反馈管理案例分析：数据发布的过程通常会经历选题立意阶段、设计规划阶段、开发制作阶段和评估调试阶段，如图3-3-2所示。选题立意阶段重在确定数据发布的主题和目标；设计规划阶段是根据已确定的主题目标来规划具体的内容和结构，并搜集、整理和加工数据；开发制作阶段侧重于选择和使用适当的数字化工具开发制作作品；评估调试阶段主要是对作品的制作和运行过程不断进行评估调试和维护管理。人们可以通过网页来发布自己想要公开的资讯，或者利用网页获取相关的网络服务。网页的本质是一种纯文本文件，是在万维网上按照超文本标记语言格式组织起来的文件。超文本标记语言（hypertext markup language，HTML）是一种制作万维网页面的标准语言。使用HTML编辑保存的文件，通常以“.hm”或“.html”为扩展名。网页网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。一、马上行动1.任意访问一个网页，右键点击空白处，选择“查看页面源代码”功能，查看网页源代码，尝试总结 HTMI 文档的代码特点。2.对比源代码和对应的网页效果，你有什么发现 1、源代码是网页效果的 “蓝图”，决定页面基础结构。2、CSS 样式赋予网页视觉表现力，源代码与效果存在 “抽象 - 具象” 转化。3、动态交互效果源于源代码逻辑与浏览器的 “协作”。4、源代码与网页效果的 “隐形差异”。一般来说，HTML文档的基本结构包括文档类型声明、HTML标签、文档头部和主体。其中文档头部提供关于网页的信息，主体提供网页的具体内容，其基本结构如图3-3-3 所示。HTML通过一系列特定的标签定义网页内容的结构和样式，然后通过浏览器把这些标签所代表的意义显示出来。这些标签通常是由成对的尖括号“<>”括起来的字符串，如…、…、…等。表3-3-1列举了常见的HTML标签及其含义。HTML标签还包含很多内容的属性设置，如标签有两个必需的属性sre和 alt，sre指定显示图像的URL，a规定图像的替代文本。代码表示在页面中显示同路径下的图片smiley.jpg，当图片不能正常显示时，会出现文本提示“Smiley face”。网页制作是互联网时代的一项重要技能。目前，常见的网页制作方式有代码式设计和可视化设计两种。代码式设计对操作者的专业知识水平有一定要求，可视化设计更方便普通人群快速上手，当然也可以两者结合起来制作网页。例如，用可视化方式排版布局，用代码式设计增加网页特效或交互组件等。对于网页制作工具，可以采用本地安装或网络在线使用的方式。二、做中学1.打开网页编辑工具，新建一个HTML文档，如图 3-3-4所示。2.按照图 3-3-5 所示的代码，创建文档的初始源代码。3.在头部的 …</citle>标签中编辑网页标题，如图3-3-6所示。4.在<bady>…</body>标签内部新建<h1>…</h1>标签，添加正文标题。同理，新建<h2>…</h2>标签和<h3>…</h3>标签，添加二级标题和三级标题。此外，还可以给<h1>标签设置相关属性，如<h1 style=“text-align:center;”>，设置标题居中显示、如图3-3-7 所示。5.在<body>…</body>标签内部新建<p>…</p>标签，在中间添加正文。给<p>标签设置相关属性，如<pstyle=“text-indent:2em;font-size:20px;”>，将段落设为首行缩进2字符，字号设为20磅，如图3-3-8所示。6.在<body>…</body>标签内部新建<img>…</img>标签，插入搜集到的图片素材。此外，还可以设置图片的属性，如<imgsrc=“picljpg”width=“360height=“240”style=“image-align:center;”>，设置图片的来源、宽度、高度及其对齐方式，如图 3-3-9 所示。7.在<body>…</body>标签内部新建<audio>…</audio>标签，添加音频素材并设置音频的相关属性，如图3-3-10所示。8.在<body>…</body>标签内部新建<video>…</video>标签，添加视频素材并设置视频的相关属性，如图3-3-11所示。9.保存后浏览网页效果，如图3-3-12所示。10.请参考以上制作方法，完成其他模块内容的制作。当然，我们也可以使用一些在线网页制作工具来进行网页的设计与制作。如图3-3-13所示，这款在线工具可在线编辑代码，并实时查看网页效果。此外，互联网上也提供了诸多在线的可视化网页制作模板。利用在线可视化网页制作工具进行网页模板的选择和修改，用户只需在特定模板下进行个性化调整即可制作出精美的网页。应用越来越趋向于大众化，也是互联网产品发展的一大方向。三、马上行动请选择一款在线可视化网页制作工具，制作符合下列要求的网页(1)主题为“介绍我的家乡”。(2)使用文字简单介绍自己家乡的特色。(3)插入关于家乡景色、美食、人文的图片。(4)插入合适的背景音乐。(5)应用超链接，实现网页内不同位置或者不同网页间的跳转。(6)为你的作品取一个有特色的名字，完成后保存并发布。同学间相互分享网页作品，并评选出“最受欢迎奖”“最具创意奖”。制作出精美的网页仅仅只是第一步，网页的细节测试和排错、成功发布及后期的维护和管理，才是一个网站成功的关键。将网络数据通过恰当的方式和渠道发布出去，与他人分享，最终目的是实现人与人之间的交流。随着数据的爆炸式增长，数字化已经成为构建现代社会的重要力量，并推动我们走向一个深度变革的时代。网页分类静态页静态网页，其内容是预先确定的，并存储在Web服务器或者本地计算机/服务器之上。动态页动态网页，是取决于由用户提供的参数，并根据存储在数据库中的网站上的数据中创建的页面。静态网页的特点：制作速度快，成本低。模板一旦确定，不容易修改，更新比较费时费事。常用于制作一些固定版式的页面。通常用于文本和图像组成，常用于子页面的内容介绍。对服务器性能要求较低，但对存储压力相对较大。四、单元巩固【想一想】结合本单元的学习，你觉得网络数据存储在服务器有哪些优势？是否存在安全隐患？1、优势：存储容量灵活扩展、跨设备访问与共享便捷、成本效益显著、集中管理与维护效率高。2、安全隐患：有数据泄露的风险，网络传输存在安全漏洞，硬件与服务提供商风险。【试一试】请尝试将你制作好的“广西少数民族优秀传统文化”网页发布到因特网上，并邀请其他学校的老师、学生进行评价。评价：内容层面：相关传统文化介绍准确、全面；十分有地域特色。设计层面：页面布局、色彩搭配美观功能层面：交互体验流畅，支持搜索、分享等功能。五、学习评价五、课堂练习完成课件38—39页的课堂练习题。六、拓展延伸1、可视化2、提升网页可用性的方法精简的文本描述你所写的文章必须围绕一个主题，这可以方便访问者快速获取主旨信息和中心思想。便于快速浏览的文本网络用户一般不会在线精读文本内容，他们通常是快速浏览。因此，应该尽量使用简短、醒目的文本。必须要客观公正这里要提到的“客观公正”指的是：在你的网页上放上与你网页内容相关的链接，让访问者做出自由的选择：是继续留在你的网页上，还是去别的网页上寻找信息。 认识数据的发布。完成思考。进行案例分析。进行马上行动。完成做中学。进行马上行动。了解网页分类。进行单元巩固。完成课堂练习。进行知识拓展。 初步引导学生认识数据的发布，了解互联网世界的多彩，引入本课所学。引导学生完成思考问题，培养学生的思维能力。引导学生分析案例，了解数据发布的过程，加深学生的印象。引导学生动手制作，培养学生的动手能力，加深课堂印象。培养学生的学习能力，让学生了解到如何制作一个网页。引导学生动手行动，灵活应用课堂所学。学习拓展小知识，增加相关课堂知识内容。巩固所学知识，加深课堂印象，提高对知识的掌握。考察学生对本课知识内容的理解和掌握。拓宽学生所学知识。<br/>课堂小结 学会数据发布1、进行新知引入2、认识数据发布3、讨论研究数据的发布4、完成课堂练习5、进行知识拓展 总结回顾 对本节课内容进行总结概括。<br/>课后作业 为自己喜欢的民族制作一个宣传网页（要求包括图像、视频、音频），制作好之后发出链接相互欣赏。 布置作业 拓展学生的学习能力<br/>课堂板书 观看板书 强调教学重点内容。<br/>21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）<br/>HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)</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> <div class="asset-preview"> <img src="https://preview.21cnjy.com/f2/2025/10/d3/d31cf9aa17975bfd60c47df9d2af46de.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/10/09/095ea84f2b6c6a008b38a92b9c30d497.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/10/36/36db38f25f051581c51a66653d30e7b9.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/10/dd/dd3a778c89bf45991d7aa5b4e431cbcc.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/10/be/beded34af7f5eb4b0adaaf2a340ed594.png" style="max-width:800px;"> </div> </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-23248024.html" title="第3单元第3课《学会数据发布》教案【桂科版】《信息科技》七年级上册">第3单元第3课《学会数据发布》教案【桂科版】《信息科技》七年级上册</a></li> <li><a href="https://doc.21cnjy.com/p-23248020.html" title="第3单元第3课《学会数据发布》课件＋素材【桂科版】《信息科技》七年级上册">第3单元第3课《学会数据发布》课件＋素材【桂科版】《信息科技》七年级上册</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>