ID: 21289944

【核心素养目标】第10课《网页的编辑与发布》课件+教案+素材-【浙教版2023】《信息科技》八上

日期：2024-11-24 科目：信息技术类型：初中课件查看：30次大小：20628999B 来源：二一课件通

预览图 0 张

信息科技,2023,教版,素材,课件,教案

(课件网) 第10课网页的编辑与发布（浙教版）八年级上 01 教学目标 02 新知导入 03 网页开发工具 04 编写网页 06 拓展延伸 07 课堂练习 09 课堂小结 10 板书设计 08 单元小结与反思 05 网站发布 01 教学目标 1、信息意识：通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程。 2、计算思维：能够使用相关软件编写HTML代码，利用互联网分享有价值的数据和资源。 3、数字化学习与创新：尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布并访问发布的网站地址，浏览网站效果。 4、信息社会责任：能够识别网络风险，包括网络诈骗、恶意软件和个人数据保护。 02 新知导入通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程，分享有价值的数据和资源。探究： 1、你知道哪些软件能编辑网页 2、如何把制作的网页分享到互联网 02 新知导入制作网站的一般流程是确定网站主题，围绕主题设计网站栏目内容，规划主页和分页，编辑网页，调试并发布网站。 03 网页开发工具网页开发工具有很多种，专门设计和开发网页的软件，能以可视化的方式进行网页的编辑制作;还有专业的HTML编辑器，能自动生成成对的编辑;HTML文件是一个文本文件，因此可以使用纯文本编辑器进行编写，通过浏览器来解释执行。 03 网页开发工具新知拓展你知道哪些软件能编辑网页 1、Notepad++：轻量级编辑器：Notepad++是一个免费的文本编辑器，适合进行基本的代码编写和编辑工作，尤其受到Windows用户的欢迎。 2、Visual Studio Code：扩展性强：Visual Studio Code是一个轻量级但功能强大的源代码编辑器，支持多种编程语言和框架。通过安装各种插件，它可以变成一个全面的网页开发环境。 03 网页开发工具新知拓展 03 编写网页在文本编辑器编写时，HTML代码中的标签是不区分大小写，标签<title>可以设置网页名称，打开网页会看到网页名称显示在窗口标题栏，便于浏览器收藏网页，可以选择网页名称调用查看。 03 编写网页通常一个网站包含多张网页，存放在同一个文件夹中，网站的主页命名为index.html。如图10-1所示，用“记事本”编写网页，将HTML代码输入到记事本中，保存扩展名为.html的文件，同步选择保存类型为“所有文件”,保存完成后就可以在浏览器打开此文件查看效果。 03 编写网页网页字符编码浏览器与服务器之间需要传递、处理的数据信息十分复杂，为了便于使用与协同、实现正确识别，通常对网页进行统一字符编码，以免出现网页乱码。比较常见的网页字符编码有GB2312、GBK和UTF-8。HTML文件中<meta>标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的<head></head>之间，代码为<meta charset='UTF-8'> 知识连接 03 编写网页亲身体验整理本单元的“人工智能”网站，调试各页面之间的链接，整体完善网站，为下一步的网站发布做好准备。网站结构审查：页面层级梳理：我们将对网站的页面层级进行细致的梳理，确保主导航栏、子页面以及深层链接的逻辑清晰，便于用户快速找到所需信息。链接完整性检查：逐一检查所有页面的内外链，包括文本链接、图片链接和按钮链接等，确保没有死链或错误链接，提升用户体验。 03 编写网页新知拓展如何把制作的网页分享到互联网 1、选择发布平台确定目标受众：明确你的目标受众是谁，他们通常使用哪些平台。例如，年轻人可能更倾向于社交媒体，而专业人士可能更频繁地访问行业相关的网站或论坛。了解平台特性：每个社交平台都有其独特的用户群体和内容格式要求。例如，Instagram适合视觉内容，LinkedIn则更适合职业发展相关的内容。 04 网站发布网站发布后，可以让更 ... ... </a></b></n></i></span></p></div><div class="item-bz"> ~~ 您好，已阅读到文档的结尾了 ~~</div></div></div></div></div><div class="pre_over view-mn" style="background-color: #fff; margin-top: 0"> <div class="zy-btns clearfix"> <a href="https://www.21cnjy.com/H/14/240966/21289944.shtml?from=doc" class="btn-download btn fl"> <span>立即下载</span> </a> <div class="xwt-down-btn fr" style="cursor: pointer"> <a href="#" onclick="alert('您没有登录')" class="btn-download-a btn fr" style="line-height: 34px" > 免费下载 <span class="btn-tag">（校网通专属）</span> </a></div></div></div></div><div class="view-sd"> <div class="author-view"> <div class="author-head"> <a href="https://www.21cnjy.com/H/14/240966/21289944.shtml?from=doc" class="join"> 登录下载Word版课件 </a></div></div><div class="sd-assets-box sd-assets-box--fixed"> <div class="sd-assets"> <h3> 同类资源</h3> <ul id="ul-2" style="display: block;"><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-21664828.html" class="t-name">【核心素养目标】第3单元第3课《网上冲浪、搜索引擎与个性化定制》教案-【清华大学版2024】《信息科技》七上（2024-11-18）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-21654479.html" class="t-name">【核心素养目标】第3单元第2课《我查询你回答--浏览器与C/S架构》教案-【清华大学版2024】《信息科技》七上（2024-11-05）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-21664844.html" class="t-name">【核心素养目标】第3单元第3课《建设安全的物联网》教案-【清华大学版2024】《信息科技》八上（2024-11-18）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-21664789.html" class="t-name">【核心素养目标】第3单元第3课《建设安全的物联网》课件+素材-【清华大学版2024】《信息科技》八上（2024-11-18）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-21664801.html" class="t-name">【核心素养目标】第3单元第3课《网上冲浪、搜索引擎与个性化定制》课件+素材-【清华大学版2024】《信息科技》七上（2024-11-18）</a></li></ul></div></div><div class="author-view"> <div class="author-head"> <a href="https://www.21cnjy.com/recruitment/home/ordinary" class="join" rel="nofollow"> 上传课件兼职赚钱 </a></div></div></div></div></div><div class="site-footer"> <div class="footer-address g-cw"> <ul class="links clearfix"><li><a href="https://book.21cnjy.com/" title="电子教辅">电子教辅</a></li><li><a href="https://paike.21cnjy.com/" title="排课软件">二一排课</a></li><li><a href="https://gongkaike.21cnjy.com/" title="公开课课件">公开课</a></li><li><a href="https://www.zujuan.com/" title="组卷网">组卷网</a></li><li><a href="https://www.chujuan.cn/" title="出卷网">出卷网</a></li><li><a href="https://tp.kt5u.com/" title="拼写宝">拼写宝</a></li><li><a href="https://www.stirling-pdf.com/?lang=zh_CN" title="Stirling-pdf官网">PDF工具</a></li></ul><p> 二一教育-课件中心二一课件通数据来源：21世纪教育网 <a href="https://beian.miit.gov.cn" rel="nofollow noreferrer"> 粤ICP备11039084号 </a> </p></div></div></body> </html>