第8课 网页的数据呈现 教案 浙教版信息科技八年级上册.pdfVIP

信息技术第8课网页的数据呈现

课题网页的数据呈现单元第二单元学科信息技术年级八年级

《网页的数据呈现》该课时教材编排了“网页数据呈现的方式—CSS样式—样式表的基

本结构”的系列学习活动，旨在让学生通过体验CSS样式设置的效果，认识CSS样式表，了

教材

解样式表的作用;通过网页中添加样式，掌握样式表的基本结构;能理解使用CSS降低网页代

分析

码耦合度所带来的便捷。教材编排合理，教学环节注重实践与理论相结合，教材内容贴近学

生生活实际，符合八年级学生认知特点。

1、信息意识：能够了解CSS（层叠样式表）是用于控制网页布局和样式的重要技术。

2、计算思维：能够将网页设计需求转化为具体的CSS规则，锻炼抽象思维能力。

教学

3、数字化学习与创新：能够了解并使用Bootstrap等CSS框架，提高开发效率。培养创

目标

新意识和实践能力。

4、信息社会责任：能够在设计网页时注重环保和节能，减少不必要的资源浪费。

一、网页数据呈现的方式

重点二、CSS样式

三、样式表的基本结构

难点1、样式表的基本结构

教学过程

教学环节教师活动学生活动设计意图

通过体验CSS样式设置的效果，认识CSS样观看通过帮助学生理

式表，了解样式表的作用;通过网页中添加样式，掌老师讲解和学解CSS网页代码

握样式表的基本结构;能理解使用CSS降低网页代生之间的相互的概念，打开课

码耦合度所带来的便捷。讨论生活中的堂。

探究：CSS网页代码

导入新课1、你浏览过的网页中，看到过哪些网页效的运用场景。

果?

2、你知道网页中的文字效果是如何实现的?

网站为了保证网页风格的整体性，在制作过程

中往往要求文本、色彩等样式要协调统一，可以对

网页数据各种呈现的效果进行样式的设置。

一、网页数据呈现的方式

讲授新课

HTML定义了网页的内容结构，即网页呈现的学生之间帮助学生积

文字、图文、视频等内容，用HTML设计网页外观互相讨论在我极融入课堂，提

样式时需要使用大量的标记，代码相对多而复杂，们日常生活中高学生学习积极

使用CSS可以有效地对网页中数据的布局、字体和的网页数据呈性。

背景等效果实现更精确的控制，同时可以将网页的现的方式的应

结构和格式分离，实现解耦。比如对网站所有页面用场景有哪

的风格可以应用一个CSS，只要修改这个CSS文件些。

就可以更新所有页面的风格样式，既提高了更新和

维护的效率，同时又缩减了网页的代码，提高了网

页的浏览速度。

新知拓展

你浏览过的网页中，看到过哪些网页效果?

二、CSS样式

CSS全称为层叠样式表(Cas