資源簡介

(共17張PPT)
信息科技八年級(jí)上
網(wǎng)頁的數(shù)據(jù)呈現(xiàn)
第8課
通過體驗(yàn)CSS 樣式設(shè)置的效果，認(rèn)識(shí)CSS樣式表，了解樣式表的作用；通過網(wǎng)頁中添加樣式，掌握樣式表的基本結(jié)構(gòu)；能理解使用CSS降低網(wǎng)頁代碼耦合度所帶來的便捷。
學(xué)習(xí)目標(biāo)
1、你瀏覽過的網(wǎng)頁中，看到過哪些網(wǎng)頁效果
2、你知道網(wǎng)頁中的文字效果是如何實(shí)現(xiàn)的
本課探究
1
網(wǎng)頁數(shù)據(jù)呈現(xiàn)的方式
網(wǎng)頁數(shù)據(jù)呈現(xiàn)的方式
你知道網(wǎng)頁數(shù)據(jù)呈現(xiàn)方式有哪些？
文本、圖像、鏈接、表格、列表、圖表和圖形、視頻和音頻、動(dòng)畫和交互效果、表單以及其他媒體和插件等。
2
CSS樣式
CSS樣式
你知道什么是CSS？
CSS全稱為層疊樣式表 (Cascading Style Sheets), 也是一種標(biāo)識(shí)語言，CSS樣式可以方便地設(shè)置網(wǎng)頁效果。
CSS樣式
CSS的樣式：
字號(hào)、字體、顏色、位 置以及圖片的大小......
CSS樣式
CSS的優(yōu)點(diǎn)：
1、樣式與內(nèi)容分離
2、網(wǎng)頁加載速度快
3、一致的樣式設(shè)計(jì)
4、容易維護(hù)和更新
5、響應(yīng)式設(shè)計(jì)
6、可擴(kuò)展性
......
CSS樣式
教師演示添加樣式表的網(wǎng)頁效果。
CSS樣式
活動(dòng)一：修改樣式表里的屬性和屬性參數(shù)，觀察網(wǎng)頁外觀變化，嘗試其他樣式的設(shè)置。
3
樣式表的基本結(jié)構(gòu)
樣式表的基本結(jié)構(gòu)
什么是