资源简介

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

展开更多......

收起↑