资源简介

(共17张PPT)
信息科技八年级上
网页的数据呈现
第8课
通过体验CSS 样式设置的效果，认识CSS样式表，了解样式表的作用；通过网页中添加样式，掌握样式表的基本结构；能理解使用CSS降低网页代码耦合度所带来的便捷。
学习目标
1、你浏览过的网页中，看到过哪些网页效果
2、你知道网页中的文字效果是如何实现的
本课探究
1
网页数据呈现的方式
网页数据呈现的方式
你知道网页数据呈现方式有哪些？
文本、图像、链接、表格、列表、图表和图形、视频和音频、动画和交互效果、表单以及其他媒体和插件等。
2
CSS样式
CSS样式
你知道什么是CSS？
CSS全称为层叠样式表 (Cascading Style Sheets), 也是一种标识语言，CSS样式可以方便地设置网页效果。
CSS样式
CSS的样式：
字号、字体、颜色、位 置以及图片的大小......
CSS样式
CSS的优点：
1、样式与内容分离
2、网页加载速度快
3、一致的样式设计
4、容易维护和更新
5、响应式设计
6、可扩展性
......
CSS样式
教师演示添加样式表的网页效果。
CSS样式
活动一：修改样式表里的属性和属性参数，观察网页外观变化，尝试其他样式的设置。
3
样式表的基本结构
样式表的基本结构
什么是