1、第10课网页的编辑与发布教学设计 【课标内容要求】了解常用互联网应用中数据的构成，能够使用适当的数字化工具对网页进行编辑与发布。【教学内容分析】在前面所学内容建立的“知道如何做”的基础上，本教学内容进一步提出了“怎样做到的、自己动手做”的要求，即“了解常用互联网应用中数据的构成，能够使用适当的数字化工具对网页进行编辑与发布”。本节课内容是基于实践的，而对“互联网应用中”的数据更系统、更宏观的认识包含在“网络中数据的编码、传输和呈现的原理”。两个内容要求是互补的。【教学目标】1.通过使用记事本编写HTML代码，学会网页的编辑。2.能理解网站发布的一般流程，分享有价值的数据和资源。重点：通过使用记
2、事本编写HTML代码，学会网页的编辑。难点：能理解网站发布的一般流程。【核心素养指向】学生需要以严肃负责的态度，通过不断学习、实践、思考和分析，养成良好的上网习惯，掌握必要的知识和技能，逐渐树立正确的信息价值观、提高信息敏感度。在有效、安全地使用互联网的基础上，逐步加深对互联网本质和技术原理的理解，自觉遵守相关法律法规，掌握必要的安全防护常识，强化网络安全、自主可控对国家安全的重要性的认识，是学生发展信息社会责任的核心。【学情分析】本课教学对象是八年级学生，已经学习了前面的互联网相关知识，对互联网应用中的数据、网页的数据组织、网页的数据呈现、网页的数据编码都已经有了进一步的认识，为本节课的学习
3、做了准备。【设计构想】1.整体设想本课从学生本单元学习编写的网页入手，使用记事本打开所制作的网页，尝试修改记事本中HTML代码，并查看网页效果。在网站发布前，整理本单元的网站，调试各页面之间的链接，整体完善网站。完善后，尝试将网站文件传到网页服务器上发布，访问发布的网站地址，浏览最终效果。教学过程以情境导入、任务驱动、探究修改HTML代码后的网页效果、发布网站、总结知识点这几个环节展开教学。2.教法学法以学生的学习和发展为中心采用的主要教学方法有：讲授法、演示法、任务驱动、情境教学等，主要学习方法有：自主学习。3.评价设计过程性评价：通过课堂中活动的完成情况，反映出学生对本节课的掌握程度，教师
4、多给予提示指导，鼓励学生不断精进。终结性评价：学生最终能够通过使用记事本编写HTML代码，学会网页的编辑与发布。【教学环境及资源准备】网络教室、在线应用相关软件或平台。【教学活动设计】学习任务学习过程设计意图用时教师活动学生活动一、引入话题引入：你知道哪些软件能编辑网页？如何把制作的网页分享到互联网？学生参与讨论通过话题引导，激发学生学习兴趣，引出本课课题。2二、新授一、网页开发工具常用的网页开发工具网页开发涉及到编写HTML、CSS和JavaScript代码，并进行调试、测试和部署。为了提高效率和质量，有许多工具可供开发人员使用。你知道有哪些网页开发工具吗？生答。预设：1、文本编辑器2、浏览
5、器和开发者工具3、CSS预处理器4、包管理工具5、版本控制系统6、图形编辑工具7、任务构建工具8、响应式设计工具了解网页开发工具2二、编写网页（一）网页编写小技巧1、结构清晰2、保持简洁3、重用代码4、命名规范5、注释文档6、管理版本7、使用开发者工具8、响应式设计网页编写小技巧学习了解网页编写小技巧2（二）网页字符编辑比较常见的网页字符编码有GB2312、GBK和UTF-8。HTML文件中标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的之间，代码为。活动一：使用记事本打开本单元制作的网页，尝试修改记事本中的HTML代码，并查看网页效果。三、网站发布（一）什么是发布网站
6、（二）为什么要发布网站？（二）发布网站的三条路径：活动二：尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布，并访问发布的网站地址，浏览网站效果。学习网页字符编辑完成活动一生答。预设：发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览。生答。预设：1、共享内容和信息2、拓展影响力和可见度3、提供易于访问的信息和功能4、与用户互动和建立联系生答。预设：一是使用免费个人主页空间发布网站，需要进行申请二是使用专用服务器发布网站三使用虚拟主机服务器发布网站完成活动二了解网页字符编辑通过本活动内容的完成，学生更进一步了解常用互联网应用中数据的构成，能够使用适当的数字化工具对网页进行编辑。了解网站发布通过本活动内容的完成，学生进一步理解网站发布的一般流程。21022210三、课堂练习随堂练习1.用记事本编写网页代码，保存的文件类型是*2.探索思考，如何在互联网申请一个网页空间来发布自己的网站。完成随堂练习以练习巩固本节课的内容。3四、课堂小结一、网页开发工具二、编写网页三、网站发布学生回顾、总结所学通过回顾、总结本节课所学，强化所学3
