HTML5網頁設計教程

《HTML5網頁設計教程》是2017年1月清華大學出版社出版的圖書，作者是孫甲霞、呂瑩瑩、李學勇、金松林、鄭穎。

基本介紹

• 書名：HTML5網頁設計教程
• 作者：孫甲霞
  呂瑩瑩
  李學勇
  金松林
  鄭穎
• ISBN：9787302455257
• 定價：39元
• 出版社：清華大學出版社
• 出版時間：2017年1月

內容簡介

本書依據網際網路行業對Web前端開發工程師崗位技術與能力的要求，結合作者長期在網頁設計教學中積累的經驗，由淺入深、循序漸進地介紹了HTML5、CSS3、JavaScript等前端網頁設計技術。

全書共分為13章，全面講述HTML5、CSS3和JavaScript技術。第1～8章重點介紹網頁設計的相關概念、HTML5語言基礎和網頁設計開發工具Sublime Text的使用；第9、10章講解CSS3樣式表與網頁布局的相關知識；第11、12章講述JavaScript語言的相關內容和前台動態頁面的製作；第13章講解HTML5高級套用技術。

本書圖文並茂、通俗易懂，可作為高等學校計算機科學與技術、軟體工程、信息管理與信息系統、網路工程、物聯網工程、信息科學技術、數字媒體技術及其他文、理科相關專業或計算機公共基礎的“網頁開發與設計”、“網頁製作”、“Web編程技術”、“Web前端開發技術”等課程教學的教材，也可作為網頁設計初學者快速入門的自學讀物。

圖書目錄

第1章Internet與Web基礎/1

1.1Internet與全球資訊網1

1.1.1Internet的誕生與發展2

1.1.2全球資訊網的誕生2

1.2統一資源標識符和域名3

1.2.1統一資源定位符3

1.2.2域名4

1.3瀏覽器與伺服器5

1.3.1B/S模型5

1.4HTML語言與HTML55

1.4.1HTML語言6

1.4.2HTML的最新版本——HTML56

1.5Web前端開發相關技術9

1.5.1CSS9

1.5.2JavaScript9

1.6Sublime Text簡介10

1.6.1Sublime Text的安裝10

1.6.2Sublime Text的使用12

1.7本章小結17

第2章HTML5結構與基礎語法/18

2.1HTML5文檔結構18

2.1.1文檔類型定義19

2.1.2頭部內容19

2.1.3主體內容20

2.2HTML5基本語法21

2.2.1標記語法21

2.2.2屬性語法22

2.3注釋23

2.4編寫與命名規範23

2.4.1編寫規範23

2.4.2命名規範24

2.5上機練習24

2.6本章小結25

〖1〗HTML5網頁設計教程[3]〖3〗第3章文字與段落/27

3.1文字內容27

3.1.1標題字27

3.1.2添加空格28

3.1.3添加特殊符號29

3.1.4注釋標記30

3.2文字修飾30

3.2.1粗體、斜體、下畫線30

3.2.2刪除線<del>31

3.2.3上標和下標31

3.2.4設定地址文字32

3.3段落33

3.3.1段落標記33

3.3.2換行標記34

3.3.3居中標記34

3.3.4水平分隔線34

3.3.5預格式化標記35

3.4上機練習36

3.5本章小結37

第4章超連結/39

4.1超連結簡介39

4.2創建超連結39

4.2.1相對路徑和絕對路徑39

4.2.2內部連結41

4.2.3外部連結41

4.3連結對象41

4.3.1文字連結41

4.3.2圖片連結42

4.3.3書籤連結43

4.3.4電子郵件連結46

4.3.5FTP連結47

4.3.6下載檔案連結47

4.4上機練習47

4.5本章小結49

第5章列表/50

5.1列表簡介50

5.2無序列表50

5.3有序列表51

5.3.1有序列表及編號樣式51

5.3.2編號起始值52

5.3.3列表項編號52

5.4嵌套列表55

5.5定義列表56

5.6上機練習57

5.7本章小結59

第6章多媒體套用/60

6.1圖片60

6.1.1圖片標記60

6.1.2指定圖像的高與寬61

6.1.3指定圖像的對齊方式62

6.2音頻和視頻64

6.2.1視頻檔案格式64

6.2.2video標籤的屬性64

6.2.3為視頻添加控制項和自動播放65

6.2.4為視頻指定循環播放和海報圖像66

6.2.5阻止視頻預載入68

6.2.6音頻檔案格式68

6.2.7audio標籤的屬性70

6.2.8自動播放、循環和載入音頻70

6.2.9使用多種來源的視頻和備用文本72

6.3本章小結74

第7章表格/75

7.1表格標記75

7.1.1表格標題76

7.1.2表格表頭78

7.2表格屬性79

7.2.1設定表格的框線屬性79

7.2.2設定表格的寬度和高度80

7.2.3設定表格的背景顏色80

7.2.4設定表格的背景圖像80

7.2.5設定表格單元格間距82

7.2.6設定表格單元格邊距83

7.2.7設定表格的水平對齊屬性84

7.3設定行的屬性86

7.3.1行內容水平對齊86

7.3.2行內容垂直對齊86

7.4設定單元格的屬性88

7.4.1設定單元格跨行88

7.4.2設定單元格跨列89

7.5表格嵌套91

7.6上機練習93

第8章表單/95

8.1表單概述95

8.1.1表單的結構95

8.1.2表單的處理96

8.1.3HTML5表單的特性96

8.2表單類型98

8.2.1創建文本框98

8.2.2創建密碼框98

8.2.3創建單選按鈕100

8.2.4創建複選框101

8.2.5創建提交按鈕和重置按鈕102

8.2.6創建隱藏欄位103

8.2.7創建電子郵件框104

8.2.8搜尋框105

8.2.9電話框106

8.2.10網址框107

8.2.11數字框108

8.2.12日曆框109

8.3創建文本區域110

8.4創建選擇框111

8.5讓訪問者上傳檔案112

8.6上機練習113

8.7本章小結114

第9章CSS3基礎/115

9.1CSS115

9.1.1CSS簡介115

9.1.2從CSS到CSS3115

9.1.3CSS3新特性115

9.2樣式表的定義與使用116

9.2.1定義內聯樣式表116

9.2.2定義內部樣式表116

9.2.3連結外部樣式表117

9.3定義選擇器117

9.3.1按照類型選擇元素117

9.3.2按照類選擇元素118

9.3.3按照ID選擇元素119

9.3.4選擇元素的一部分121

9.3.5偽類選擇器121

9.4文本與排版樣式的使用126

9.4.1長度、百分比單位126

9.4.2文本樣式屬性127

9.5背景和顏色的使用138

9.5.1設定顏色的方法138

9.5.2設定背景顏色140

9.5.3設定背景圖片141

9.6設定超連結樣式143

9.7盒子概念與使用145

9.7.1盒子的概念145

9.7.2設定元素外邊界145

9.7.3設定元素框線147

9.7.4設定元素內邊界149

9.8列表150

9.9上機練習151

9.10本章小結154

第10章CSS3高級套用/155

10.1div元素155

10.2導航欄設計158

10.3動畫設計159

10.3.1@keyframes規則159

10.3.22D變形160

10.3.2平滑過渡165

10.3.33D動畫167

10.3.4漸變效果171

10.4用戶界面177

10.4.1CSS3調整尺寸177

10.4.2CSS3方框大小調整177

10.4.3CSS3外形修飾178

10.5頁面布局178

10.5.1多欄布局178

10.5.2盒布局179

10.6上機練習181

10.7本章小結183

第11章JavaScript基礎語法/184

11.1JavaScript簡介184

11.2JavaScript的使用184

11.2.1將JavaScript插入網頁的方法184

11.2.2JavaScript的位置186

11.3JavaScript變數187

11.3.1變數的類型及聲明187

11.4JavaScript數據類型188

11.4.1數據類型的相關內容188

11.4.2數據類型189

11.5JavaScript運算符和表達式191

11.5.1表達式191

11.5.2運算符192

11.6JavaScript控制語句196

11.7JavaScript對象和函式201

11.7.1JavaScript對象201

11.7.2JavaScript函式201

11.8JavaScript注釋201

11.9上機練習——JavaScript綜合實例202

11.10本章小結204

第12章JavaScript面向對象編程/205

12.1內置對象205

12.1.1字元串對象205

12.1.2數學對象207

12.1.3日期對象207

12.1.4數組對象208

12.1.5Boolean對象209

12.2宿主對象209

12.2.1DOM對象的屬性和方法209

12.2.2DOM對象的操作212

12.2.3window對象214

12.3常用其他對象215

12.3.1表單對象215

12.3.2Image對象215

12.4事件編程216

12.4.1事件處理216

12.4.2事件驅動217

12.5上機練習——JavaScript綜合實例219

12.6本章小結222

第13章HTML5高級套用/223

13.1使用HTML5繪製圖形223

13.1.1繪製基本圖形224

13.1.2使用moveTo與lineTo繪製直線227

13.1.3使用bezierCurveTo繪製貝塞爾曲線229

13.1.4繪製漸變圖形231

13.1.5繪製平移效果的圖形234

13.1.6繪製縮放效果的圖形235

13.1.7繪製旋轉效果的圖形236

13.1.8繪製組合效果的圖形237

13.1.9繪製帶陰影的圖形240

13.1.10使用圖像241

13.2本地存儲243

13.2.1Web存儲243

13.2.2使用本地資料庫進行本地存儲245

13.3離線快取248

13.3.1建立一個套用快取248

13.3.2配置manifest檔案249

13.3.3更新快取250

13.4地理位置250

13.4.1地理位置元素的基礎知識250

13.5本章小結253