DIV+CSS 3網頁樣式與布局全程揭秘（第2版）

《DIV+CSS 3網頁樣式與布局全程揭秘（第2版）》是2014年清華大學出版社出版的圖書，作者是暢利紅。

基本介紹

• 書名：DIV+CSS 3網頁樣式與布局全程揭秘（第2版）
• 作者：暢利紅　
• 出版社：清華大學出版社 
• 出版時間：2014年09月04日
• 定價：49 元
• 裝幀：平裝
• ISBN：9787302364696

內容簡介

本書是一本介紹DIV+CSS網站建設的經典之作，系統地介紹了CSS樣式的基礎理論和實際套用技術，並結合實例來講解使用DIV+CSS布局製作網頁的方法和技巧。在介紹使用CSS樣式進行設計的同時，還結合實際網頁製作中可能遇到的問題，提供了解決問題的思路、方法和技巧，使初學者能夠全面、快速地掌握DIV+CSS布局製作網頁的方法。

目錄

　第1章　網頁和網站開發知識 1

1.1　了解網頁 1

1.1.1　網頁與網站的關係 1

1.1.2　網頁的基本構成元素 2

1.2　如何設計網頁 3

1.2.1　什麼是網頁設計 3

1.2.2　網頁設計的特點　 3

1.2.3　網頁設計相關術語 4

1.2.4　常見網站類型 7

1.3　關於表格布局 8

1.3.1　表格布局的特點 9

1.3.2　冗餘的嵌套表格和混亂的結構 9

1.4　關於DIV+CSS布局 10

1.4.1　DIV+CSS布局的特點 10

1.4.2　DIV+CSS布局的優勢 10

1.5　Web標準 11

1.5.1　什麼是Web標準 11

1.5.2　Web標準的內容 11

1.5.3　結構、表現、行為和內容 12

1.5.4　遵循Web標準的好處 13

1.6　網站開發流程 13

1.6.1　網站策劃 13

1.6.2　規劃網站結構 14

1.6.3　素材收集整理 14

1.6.4　網頁版式與布局分析 14

1.6.5　確定網站主色調 15

1.6.6　設計網站頁面 15

1.6.7　切割和最佳化網頁 16

1.6.8　製作HTML頁面 16

1.6.9　使用CSS樣式控制網頁外觀 16

1.6.10　為網頁套用JavaScript特效 17

1.6.11　網站後台程式開發 17

1.6.12　申請域名和伺服器空間 17

1.6.13　測試並上傳網站 17

1.7　本章小結 17

　第2章　HTML、XHTML和

HTML5 18

2.1　HTML與XHTML 18

2.1.1　HTML與XHTML的區別 18

2.1.2　使用XHTML的優點 18

2.2　HTML基礎 19

2.2.1　了解HTML 19

2.2.2　HTML的作用 20

2.2.3　HTML的基礎結構 20

2.2.4　HTML的基本語法 21

2.3　HTML常用標籤 21

2.3.1　區塊標籤 22

2.3.2　文本標籤 22

2.3.3　格式標籤 23

2.3.4　圖像標籤 23

2.3.5　表格標籤 24

2.3.6　超連結標籤 24

2.4　XHTML基礎 25

2.4.1　了解XHTML 25

2.4.2　XHTML文檔的基本結構 25

2.4.3　3種不同的XHTML文檔類型 26

2.4.4　嚴謹的代碼 27

2.4.5　製作HTML頁面 29

實例01+視頻：製作簡單的HTML頁面 29

2.5　HTML5基礎 30

2.5.1　了解HTML5 30

2.5.2　HTML5的簡化操作 31

2.5.3　HTML5新增標籤 31

2.5.4　HTML5廢棄標籤 33

2.5.5　HTML5新增選擇器 33

2.5.6　HTML5的優勢 34

2.6　HTML5的套用 35

2.6.1　標籤 35

實例02+視頻：在網頁中實現繪圖效果 35

2.6.2　標籤 37

實例03+視頻：在網頁中嵌入音頻 37

2.6.3　標籤 38

實例04+視頻：在網頁中嵌入視頻 39

2.7　本章小結 40

　第3章CSS樣式入門 41

3.1　初識CSS樣式 41

3.1.1　為什麼要使用CSS樣式 41

3.1.2　在網頁中使用CSS樣式的優勢 42

3.1.3　CSS樣式的作用 43

3.1.4　CSS樣式的局限性 44

3.1.5　CSS樣式基礎語法 44

3.1.6　認識CSS規則的構成 45

3.2　CSS選擇符 46

3.2.1　通配選擇符 46

實例05+視頻：航天科技網頁 46

3.2.2　標籤選擇符 48

實例06+視頻：酒店網站頁面 48

3.2.3　ID選擇符 50

實例07+視頻：製作科技網站頁面 50

3.2.4　類選擇符 51

實例08+視頻：設定活動網站頁面文字 52

3.2.5　偽類和偽對象選擇符 53

實例09+視頻：設定酒店網站文字連結

效果 54

3.2.6　群選擇符 55

實例10+視頻：設定女裝網站圖片效果 55

3.2.7　派生選擇符 57

實例11+視頻：運動鞋網站頁面 57

3.3　CSS3中新增的選擇符 58

3.3.1　屬性選擇符 58

3.3.2　結構偽類選擇符 59

3.3.3　UI元素狀態偽類選擇符 60

3.4　在網頁中套用CSS樣式的4種方法 60

3.4.1　內聯CSS樣式 60

實例12+視頻：使用style屬性添加

內聯CSS樣式 61

3.4.2　內部CSS樣式 62

實例13+視頻：使用