8.8网页的数据呈现（课件）-信息技术八年级上册同步备课（浙教版）
2024-12-25
|
7份
|
16页
|
137人阅读
|
0人下载
普通
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技浙教版八年级上册 |
| 年级 | 八年级 |
| 章节 | 第8课 网页的数据呈现 |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2024-2025 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | ZIP |
| 文件大小 | 20.02 MB |
| 发布时间 | 2024-12-25 |
| 更新时间 | 2024-12-25 |
| 作者 | xkw_079922842 |
| 品牌系列 | - |
| 审核时间 | 2024-12-25 |
| 下载链接 | https://m.zxxk.com/soft/49570486.html |
| 价格 | 1.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
nullnullnullnull
第8课 网页的数据呈现/
八上信息技术
网页数据呈现
浏览网页时，网页上呈现的文本、图像等样式需要统一。
网页数据呈现
活动一：完成学案中的玩一玩和想一想活动。
https://www.chnmuseum.cn/fw/
网页数据呈现
HTML定义了网页的内容结构，即网页呈现的文本、图像、音频、视频等内容。
使用CSS同样能对网页中数据的布局、字体和背景等效果进行设置，同时还能将网页的结构和格式分离，实现解耦。
优点：
网站所有页面的风格可以应用一个CSS，只要修改这个CSS文件，就可以更新所有页面的样式，既提升了更新和维护的效率，缩减了网页的代码，又提高了网页的浏览速度。
CSS
<div>标签可以用来定义HTML文档中的某一区域，相当于一个容器盒子，可以放置段落、图片、视频等。
CSS
CSS全称为层叠样式表（Cascading Style Sheets）,可以用于控制网页布局与样式，用于定义HTML文档中元素的外观和表现形式。如网页中文字的字号、宋体、颜色、位置以及图片的大小等。
CSS
CSS
【活动二】
利用半成品1.0或半成品2.0，修改CSS样式中的属性和参数美化上一节课网页作品。
样式表的结构
样式表的基本结构
<style>标签表示要定义的样式，type=“text/css”用于说明这是一段CSS规则代码，选择符可以使用HTML标签的名称，可以对HTML标签设置样式，也可以对网页上的文本、图像等设置样式。
<style type=“text/css”>
选择符{样式属性1：属性值1;样式属性2：属性值2;……}
</style>
样式表的结构
样式表的基本结构
<link rel="stylesheet" href="css文件路径" >
<标记名 style="属性:属性值;">
<style>
元素名{属性:属性值;}
</style>
加在<head>
</head>之间
样式表的结构
<标记名 style="属性:属性值;">
内联样式表
内部样式表
<style>
元素名{属性:属性值;}
</style>
样式表的结构
外部样式表
格式：<link rel="stylesheet" href="css文件路径" >
HTML标签
活动二：根据学案和半成品文档完成“人工智能”主题网站的首页。
课堂小结
$$nullnull
资源预览图
1
2
3
4
5
6
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。