资源简介 (共29张PPT)第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>可以设置网页名称，打开网页会看到网页名称显示在窗口标题栏，便于浏览器收藏网页，可以选择网页名称调用查看。<br/>03<br/>编写网页<br/>通常一个网站包含多张网页，存放在同一个文件夹中，网站的主页命名为index.html。如图10-1所示，用“记事本”编写网页，将HTML代码输入到记事本中，保存扩展名为.html的文件，同步选择保存类型为“所有文件”,保存完成后就可以在浏览器打开此文件查看效果。<br/>03<br/>编写网页<br/>网页字符编码 浏览器与服务器之间需要传递、处理的数据信息十分复杂，为了便于使用与协同、实现正确识别，通常对网页进行统一字符编码，以免出现网页乱码。比较常见的网页字符编码有GB2312、GBK和UTF-8。HTML文件中<meta>标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的<head></head>之间，代码为<meta charset='UTF-8'><br/>知识连接<br/>03<br/>编写网页<br/>亲身体验<br/>整理本单元的“人工智能”网站，调试各页面之间的链接，整体完善网站，为下一步的网站发布做好准备。<br/>网站结构审查：<br/>页面层级梳理：我们将对网站的页面层级进行细致的梳理，确保主导航栏、子页面以及深层链接的逻辑清晰，便于用户快速找到所需信息。<br/>链接完整性检查：逐一检查所有页面的内外链，包括文本链接、图片链接和按钮链接等，确保没有死链或错误链接，提升用户体验。<br/>03<br/>编写网页<br/>新知拓展<br/>如何把制作的网页分享到互联网 <br/>1、选择发布平台<br/>确定目标受众：明确你的目标受众是谁，他们通常使用哪些平台。例如，年轻人可能更倾向于社交媒体，而专业人士可能更频繁地访问行业相关的网站或论坛。<br/>了解平台特性：每个社交平台都有其独特的用户群体和内容格式要求。例如，Instagram适合视觉内容，LinkedIn则更适合职业发展相关的内容。<br/>04<br/>网站发布<br/>网站发布后，可以让更多人通过访问发布地址浏览该网站。<br/>发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览一般有以下三个途径:一是使用免费个人主页空间发布网站，需要进行申请:二是使用专用服务器发布网站;三是使用虚拟主机服务器发布网站。<br/>正式发布到互联网上需要域名和IP地址，如图10-2所示。<br/>图10-2<br/>03<br/>网站发布<br/>亲身体验<br/>尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布，并访问发布的网站地址，浏览网站效果。<br/>1、准备网站文件：<br/>整理文件结构：确保所有HTML、CSS、JavaScript文件以及媒体资源都按照正确的目录结构排列，便于上传和服务器解析。<br/>2、上传网站文件<br/>批量上传：利用FTP客户端的拖放功能，高效地将整个网站目录上传到服务器的指定位置。<br/>权限设置：调整上传后的文件权限，确保它们具有适当的读写执行权限，以支持网站的正常运行。<br/>03<br/>网站发布<br/>随堂练习<br/>1.用记事本编写网页代码，保存的文件类型是：<br/>保存的文件类型应该是HTML文件，扩展名为.html。<br/>03<br/>网站发布<br/>随堂练习<br/>2.探索思考，如何在互联网中请一个网页空间来发布自己的网站,<br/>1、确定网站需求<br/>评估目的和规模：明确你的网站是为了个人博客、商业展示还是电子商务等目的，这将影响你对服务器资源的需求。<br/>预算规划：根据你的财务状况设定一个合理的预算，包括初始设置费用和长期维护成本。<br/>2、上传网站文件：<br/>使用FTP客户端：通过FileZilla等FTP客户端上传网站文件到服务器。<br/>03<br/>网站发布<br/>新知拓展<br/>05<br/>拓展延伸<br/>1、网络发布违法行为<br/>05<br/>拓展延伸<br/>2、网络信息发布有哪些好处和坏处？<br/>好处:<br/>即时性：信息可以瞬间传达到全球各地。<br/>互动性：读者可以直接评论和分享，增加参与度。<br/>坏处：<br/>虚假信息：网络上充斥着未经核实的信息。<br/>法律风险：发布不当内容可能触犯法律。。<br/>05<br/>拓展延伸<br/>3、网络信息发布有哪些运用场景？<br/>（1）新闻发布：新闻媒体通过网站和社交媒体发布最新资讯。<br/>（2）市场营销：企业利用网络广告推广产品和服务。<br/>（3）教育培训：在线课程和教程的广泛传播。<br/>（4）社会活动：公益组织通过网络动员志愿者和筹集资金。<br/>（5）政治宣传：候选人和政党通过网络平台进行竞选活动。<br/>05<br/>拓展延伸<br/>4、如何在网络信息发布中保证自身安全？<br/>（1）匿名发布：使用化名或昵称，避免透露真实身份。<br/>（2）数据加密：确保传输的数据经过加密处理。<br/>（3）版权意识：尊重他人的知识产权，避免侵权。<br/>（4）遵守法规：发布内容前了解相关法律法规。<br/>（5）网络安全：定期更新密码，使用防病毒软件保护设备。<br/>06<br/>课堂练习<br/>请回答中国现目前网络信息发布对于社会的影响有哪些。<br/>1、信息自由流通：促进了思想的多元化和知识的普及。<br/>2、经济转型：电子商务和网络营销推动了新的经济增长点。<br/>3、社会治理：政府利用网络平台提高公共服务效率。<br/>4、舆论监督：公众通过网络对公共事务进行监督和评论。<br/>5、信息安全挑战：网络攻击和信息泄露事件频发。<br/>6、谣言传播：不实信息迅速扩散，影响社会稳定。<br/>07<br/>单元小结与反思<br/>本单元主要介绍了互联网应用中数据的构成、数据传输的原理、网页的数据组织(HTML语言)、网页的数据呈现(CSS样式)、网页的数据编码(表单数据的提交与获取)、以及网页的编辑与发布流程。通过小组合作完成网页制作并发布的实践活动，同学们可以更好地理解互联网应用中数据发挥的作用。<br/>07<br/>单元小结与反思<br/>通过本单元的学习，希望同学们能理解并掌握以下要点:(1)互联网应用中数据的构成与组织。(2)网络蕴含丰富的数字资源，可以支持人们开展数字化学习、贡献有价值的数据、创作和分享各种数字作品(3)网络中的数据传输和呈现需要遵循特定的规则。<br/>学习完本单元内容，请同学们以小组为单位，选择一个有代表性的网站，探讨其优缺点以及网站背后数据组织和呈现的特点，通过线上或线下方式交流想法。<br/>08<br/>课堂小结<br/>通过网页的编辑与发布课程，我们了解了网页编辑与发布已成为一项不可或缺的技能，不仅拓宽了我们的视野，更让我们掌握了从零到一构建和发布网页的全过程。不仅教会了我们如何编辑和发布网页，更重要的是，它让我们理解了在数字世界中保持警惕的重要性，以及如何负责任地使用这项强大的技术。我们感到自己已经准备好迎接未来在网页设计和开发领域的任何挑战。<br/>09<br/>板书设计<br/>网页的编辑与发布<br/>一、网页开发工具<br/>二、编写网页<br/>三、网站发布<br/>课后作业<br/>1、在父母的陪同下使用一款在线应用软件编写一个简单的网页并在网上发布。<br/>https://www.21cnjy.com/recruitment/home/fine中小学教育资源及组卷应用平台<br/>信息技术 第10课 网页的编辑与发布<br/>课题 网页的编辑与发布 单元 第二单元 学科 信息技术 年级 八年级<br/>教材分析 《网页的编辑与发布》该课时教材编排了“网页开发工具-编写网页—网站发布”的系列学习活动，旨在让学生体验通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程，分享有价值的数据和资源。教材编排合理，教学环节注重实践与理论相结合，教材内容贴近学生生活实际，符合七年级学生认知特点。<br/>教学目标 1、信息意识：通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程。 2、计算思维：能够使用相关软件编写HTML代码，利用互联网分享有价值的数据和资源。 3、数字化学习与创新：尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布并访问发布的网站地址，浏览网站效果。 4、信息社会责任：能够识别网络风险，包括网络诈骗、恶意软件和个人数据保护。<br/>重点 一、网页开发工具二、编写网页三、网站发布<br/>难点 1、网站发布<br/>教学过程<br/>教学环节 教师活动 学生活动 设计意图<br/>导入新课 通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程，分享有价值的数据和资源。 探究：1、你知道哪些软件能编辑网页 2、如何把制作的网页分享到互联网 制作网站的一般流程是确定网站主题，围绕主题设计网站栏目内容，规划主页和分页，编辑网页，调试并发布网站。 思考交流 帮助学生理解在线应用的概念，打开课堂。<br/>讲授新课 一 、网页开发工具网页开发工具有很多种，专门设计和开发网页的软件，能以可视化的方式进行网页的编辑制作;还有专业的HTML编辑器，能自动生成成对的编辑;HTML文件是一个文本文件，因此可以使用纯文本编辑器进行编写，通过浏览器来解释执行。新知拓展你知道哪些软件能编辑网页 二 、编写网页在文本编辑器编写时，HTML代码中的标签是不区分大小写，标签<title>可以设置网页名称，打开网页会看到网页名称显示在窗口标题栏，便于浏览器收藏网页，可以选择网页名称调用查看。通常一个网站包含多张网页，存放在同一个文件夹中，网站的主页命名为index.html。如图10-1所示，用“记事本”编写网页，将HTML代码输入到记事本中，保存扩展名.html的文件，同步选择保存类型为“所有文件”保存完成后就可以在浏览器打开此文件查看效果。知识连接网页字符编码 浏览器与服务器之间需要传递、处理的数据信息十分复杂，为了便于使用与协同、实现正确识别，通常对网页进行统一字符编码，以免出现网页乱码。比较常见的网页字符编码有GB2312、GBK和UTF-8。HTML文件中标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的之间，代码为。亲身体验整理本单元的“人工智能”网站，调试各页面之间的链接，整体完善网站，为下一步的网站发布做好准备新知拓展如何把制作的网页分享到互联网 三、网站发布网站发布后，可以让更多人通过访问发布地址浏览该网站。 发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览一般有以下三个途径:一是使用免费个人主页空间发布网站，需要进行申请:二是使用专用服务器发布网站;三是使用虚拟主机服务器发布网站。正式发布到互联网上需要域名和IP地址，如图10-2所示。亲身体验尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布，并访问发布的网站地址，浏览网站效果。随堂练习用记事本编写网页代码，保存的文件类型是：探索思考，如何在互联网中请一个网页空间来发布自己的网站。 新知拓展四 、知识拓展 1、网络发布违法行为？2、网络信息发布有哪些好处和坏处？3、网络信息发布有哪些运用场景 4、如何在网络信息发布中保证自身安全？五、课堂练习请回答中国现目前网络信息发布对于社会的影响有哪些。六、单元小结与反思本单元主要介绍了互联网应用中数据的构成、数据传输的原理、网页的数据组织(HTML语言)、网页的数据呈现(CSS样式)、网页的数据编码(表单数据的提交与获取)，以及网页的编辑与发布流程。通过小组合作完成网页制作并发布的实践活动，同学们可以更好地理解互联网应用中数据发挥的作用。通过本单元的学习，希望同学们能理解并掌握以下要点:(1)互联网应用中数据的构成与组织。(2)网络蕴含丰富的数字资源，可以支持人们开展数字化学习、贡献有价值的数据、创作和分享各种数字作品(3)网络中的数据传输和呈现需要遵循特定的规则。学习完本单元内容，请同学们以小组为单位，选择一个有代表性的网站，探讨其优缺点以及网站背后数据组织和呈现的特点，通过线上或线下方式交流想法。 学生之间互相讨论在我们日常生活中的网页开发工具的运用。动手实践编写网页学生以小组形式讨论网站发布的一些步骤和注意事项学生通过观看视频和自我思考我们生活中网络信息发布的运用。学生查找资料，相互讨论对于本堂课中老师提出的问题进行解答。学生回顾本单元学习的内容，学生相互讨论回忆之前学习的内容。 帮助学生积极融入课堂，提高学生学习积极性。提高学生动手实践能力和信息素养。 帮助学生进一步理解网站发布的重要性和注意事项。让学生通过视频思考，进一步加深对课堂所学内容的理解。 让学生巩固本堂课的内容，加深学生对所学知识的印象。 帮助学生巩固理解之前所学的知识，帮助学生回顾之前所学的知识。布置作业 在父母的陪同下使用一款在线应用软件编写一个简单的网页并在网上发布。 完成作业 培养学生查阅资料的能力，分析解决问题的能力课堂小结 通过网页的编辑与发布课程，我们了解了网页编辑与发布已成为一项不可或缺的技能，不仅拓宽了我们的视野，更让我们掌握了从零到一构建和发布网页的全过程。不仅教会了我们如何编辑和发布网页，更重要的是，它让我们理解了在数字世界中保持警惕的重要性，以及如何负责任地使用这项强大的技术。我们感到自己已经准备好迎接未来在网页设计和开发领域的任何挑战。 分组总结归纳 锻炼学生的总结能力，逻辑思维、语言表达能力。板书 一、网页开发工具二、编写网页三、网站发布 学习、记忆及勾画知识点 明确教学内容及重点和难点21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com) 展开更多...... 收起↑ 资源列表 拓展视频1.mp4 拓展视频2.mp4 拓展视频3.mp4 第10课 网页的编辑与发布.doc 第10课 网页的编辑与发布.pptx
资源列表
