HTML5網頁設計案例課堂

《HTML5網頁設計案例課堂》是一部出版的圖書，作者是劉玉紅、蒲娟。

基本介紹

• 書名：HTML5網頁設計案例課堂
• 作者：劉玉紅、蒲娟

基本信息

作者：劉玉紅、蒲娟
定價：65元
印次：1-1
ISBN：9787302420781
出版日期：2016.01.01

目錄

第1篇基礎知識

第1章初識HTML5 3

1.1　HTML5簡介 4

1.1.1　HTML5簡介 4

1.1.2　HTML5檔案的基本結構 5

1.2　HTML5檔案的編寫方法 5

1.2.1　案例1——手工編寫HTML5 5

1.2.2　案例2——使用HTML編輯器 6

1.3　使用瀏覽器查看HTML5檔案 10

1.3.1　各大瀏覽器與HTML5

的兼容 11

1.3.2　案例3——查看頁面效果 11

1.3.3　案例4——查看源檔案 11

1.4　跟我練練手 12

1.4.1　練習目標 12

1.4.2　上機練習 12

1.5　高手甜點 12

第2章HTML5網頁文檔結構 15

2.1　Web標準 16

2.1.1　Web標準概述 16

2.1.2　Web標準規定的內容 16

2.2　HTML5文檔的基本結構 17

2.2.1　文檔類型說明 18

2.2.2　HTML5標記 19

2.2.3　頭標記 19

2.2.4　網頁的主體標記 22

2.2.5　頁面注釋標記 22

2.3　綜合案例——符合W3C標準的

HTML5網頁製作 23

2.4　跟我練練手 24

2.4.1　練習目標 24

2.4.2　上機練習 25

2.5　高手甜點 25

第3章HTML5與HTML4的區別 27

3.1　新增的主體結構元素 28

3.1.1　案例1——section元素的使用 28

3.1.2　案例2——article元素的使用 29

3.1.3　案例3——aside元素的使用 32

3.1.4　案例4——nav元素的使用 33

3.1.5　案例5——time元素的使用 36

3.2　新增的非主體結構元素 37

3.2.1　案例6——header元素的使用 37

3.2.2　案例7——hgroup元素的使用 38

3.2.3　案例8——footer元素的使用 40

3.2.4　案例9——figure元素的使用 42

3.2.5　案例10——address元素的

使用 45

3.3　新增其他常用元素 46

3.3.1　案例11——mark元素的使用 46

3.3.2　案例12——rp元素、rt元素

與ruby元素的使用 48

3.3.3　案例13——progress元素的

使用 49

3.3.4　案例14——command元素的

使用 50

3.3.5　案例15——embed元素的

使用 50

3.3.6　案例16——details元素與

summary元素的使用 51

3.3.7　案例17——datalist元素的

使用 52

3.4　新增全局屬性 53

3.4.1　案例18——contentEditable

屬性的使用 53

3.4.2　案例19——spellcheck屬性的

使用 54

3.4.3　案例20——tabIndex屬性的

使用 55

3.5　新增的其他屬性 56

3.5.1　案例21——表單相關屬性的

使用 56

3.5.2　案例22——連結相關屬性的

使用 64

3.5.3　案例23——其他屬性的使用 66

3.6　HTML5廢除的屬性 66

3.7　跟我練練手 68

3.7.1　練習目標 68

3.7.2　上機練習 68

3.8　高手甜點 68

第2篇核心技術

第4章設計網頁文本內容 73

4.1　標題文字的建立 74

4.1.1　案例1——標題文字標記 74

4.1.2　案例2——標題文字的對齊

方式 75

4.2　設定文字格式 75

4.2.1　案例3——設定文字字型 75

4.2.2　案例4——設定字號 77

4.2.3　案例5——設定文字顏色 78

4.2.4　案例6——設定粗體、斜體、

下劃線 79

4.2.5　案例7——設定上標與下標 81

4.2.6　案例8——設定字型風格 82

4.2.7　案例9——設定加粗字型 83

4.2.8　案例10——設定字型複合

屬性 84

4.2.9　案例11——設定陰影文本 85

4.2.10　案例12——控制換行 86

4.3　設定段落格式 88

4.3.1　案例13——設定段落標記 88

4.3.2　案例14——設定換行標記 89

4.4　設定網頁水平線 90

4.4.1　案例15——添加水平線 90

4.4.2　案例16——設定水平線的

寬度與高度 91

4.4.3　案例17——設定水平線的

顏色 92

4.4.4　案例18——設定水平線的

對齊方式 92

4.4.5　案例19——去掉水平線陰影 93

4.5　綜合案例——成才教育網文本設計 94

4.6　跟我練練手 95

4.6.1　練習目標 95

4.6.2　上機練習 95

4.7　高手甜點 95

第5章網頁列表與段落設計 97

5.1　網頁文字列表設計 98

5.1.1　案例1——建立無序列表

• 98
  
• 99
  
• 103