第8课《网页的数据呈现》教学设计 【课标内容要求】 了解常用互联网应用中数据的构成，能够使用适当的数字化工具对网页进行编辑和发布。初步了解互联网协议，知道网络中数据的编码、传输和呈现的原理。 【教学内容分析】 本课属于“互联网应用与创新”模块，是2023浙江省版八上第二单元第八课的教学内容。本课通过学习使用CSS（层叠样式表）来设置网页样式和布局，包涵认识CSS及其作用、掌握CSS的语法结构、理解CSS的优点等内容。本课是在学习了前一课《网页的数据组织》基础上，进一步学习样式美化设置，了解网页数据呈现样式的原理，为下一课更好地呈现网页交互做好准备，起到承上启下的作用。 【教学目标】 1.通过体验CSS设置的效果，认识CSS，了解CSS的作用。 2.通过在网页中添加样式的探究，掌握CSS的语法结构。 3.通过链接CSS文件设置样式的体验，理解分离式CSS的便捷性。 重点：通过CSS修改和添加样式，认识CSS，掌握CSS的语法结构。 （理由：CSS是一种常用的网页样式设计方式，学生初识CSS，若仅从样式表这个抽象的概念去解说，是不能对CSS有较清晰的认知，可以通过学习探究样式的修改、添加等任务，切身体验感知，结合教师解说，认识CSS及其作用：是一种用于描述网页样式和布局的语言，并掌握CSS的使用即语法规则。） 难点：理解分离式CSS的优点。 （理由：为什么要使用CSS设置样式，它能带来哪些效益，需要在一系列的学习活动中，去体验了解分离式CSS的形式，感知它的便捷性，从而理解分离式CSS的优点。） 【核心素养指向】 1.能够借助学习资源，自主动手解决问题，掌握核心技术。（信息意识） 2.用计算机科学领域的思想方法，在形成问题解决方案的过程中产生一系列思维活动。（计算思维）使用数字化学习工具，开展探究性学习，创造性地解决问题。（数字化学习与创新） 【学情分析】 学生在学习了上一课《网页的数据组织》，认识了HTML（超文本标记语言）,掌握了HTML文档的基本结构，会使用HTML的常用标签初步编辑网页的内容和简单样式，但页面效果较简陋，且HTML主要是用于描述网页的结构和内容。为此引入新知：CSS样式设置，让学生学习便捷的样式设计方法，通过任务活动，施展设计技能，提高制作网页的兴趣，为今后创作有价值的网页作品创造条件。 【设计构想】 1.整体设想 以无样式页面效果呈现的问题，引出样式设置需求。先以学生已知的HTML标签中属性设样式的方式来呈现代码范例，察觉这种方式的缺点，再引出优化的方式：CSS设置样式，从而展开新知学习：使用CSS设置样式。通过两个活动任务，实现给半成品网页修改和添加样式，从中认识CSS，掌握CSS的语法结构，以此落实本课的教学重点。通过体验应用外部.css文件设置样式，从中感受分离式CSS的便捷性，从而理解分离式CSS的优点，以此实现本课的教学难点。 2.教法学法 采用对比分析、任务探究、实践体验、演示讲解、归纳总结等教学方法。 3.情境与任务 展示无样式页面效果，呈现问题：内容样式不协调统一、缺乏整体性。引出解决问题需求，从而提出课题：《网页的数据呈现》。以学生已有的学习认知：通过HTML标签中属性设样式来展开，引导思考其中的问题缺点，提出优化的方式———使用CSS设置样式。 任务一：协调内容———修改大标题颜色、修改图片大小、设置三个小标题样式。任务二：美化页面———给三个小标题单元格及网页添加合适的背景。 任务三：体验方式连接外部.css文件，进行样式效果的应用。4.学生活动 活动1：对比两种样式设置方式的区别，理解CSS设置样式方式相较于HTML标签属性设置样式方式的优势。 活动2：借助导学稿中“CSS属性说明”表，自主学习探究样式的修改和添加，实践体验，示范解说。 活动3：探讨：多页面应用同一种样式，该如何 ... ...
~~ 您好，已阅读到文档的结尾了 ~~
