《HTML5+CSS3+JavaScript網頁設計經典課堂》是2019年2月清華大學出版社出版的圖書，作者是楊艷、張旭。
基本介紹
- 中文名：HTML5+CSS3+JavaScript網頁設計經典課堂
- 作者：楊艷、張旭
- 出版時間：2019年2月
- 出版社：清華大學出版社
- ISBN：9787302517818
- 定價：69 元
內容簡介,圖書目錄,
內容簡介
《HTML5+CSS3+JavaScript 網頁設計經典課堂》以HTML、CSS 和JavaScript 為寫作基礎，以“理論知識+實操案例”為創作導向，圍繞Web 前端的基本知識點展開講解。書中的每個案例都給出了詳細的實現代碼，同時還對代碼中的關鍵點和效果實現進行了描述。
《HTML5+CSS3+JavaScript 網頁設計經典課堂》共14 章，分別對HTML5 中增加的元素和屬性、HTML5 表單元素、HTML5 表單製作、HTML5 多媒體套用、HTML5 中的畫布、地理位置的獲取、離線儲存和拖放、CSS3 中的選擇器、CSS3 的顏色和圖形的套用、CSS3 中的動畫、用戶互動界面設計、JavaScript 基礎知識及使用JavaScript 給網頁製作動態效果進行了詳細的闡述。本書結構清晰，思路明確，內容豐富，語言簡練，解說詳略得當，既有鮮明的基礎性，也有很強的實用性。
《HTML5+CSS3+JavaScript 網頁設計經典課堂》既可作為大中專院校及高等院校相關專業的教學用書，又可作為網頁設計愛好者的學習用書。同時，也可以作為社會各類網頁設計及Web 前端開發培訓班的首選教材。
圖書目錄
Chapter / 01
HTML5 入門必備
1.1 認識HTML5 2
1.1.1 HTML 發展歷程 2
1.1.2 HTML5 和H5 的區別 2
1.2 新的特性 3
1.2.1 兼容性3
1.2.2 化繁為簡 3
1.2.3 通用訪問 4
1.2.4 標準改進 4
1.3 為何使用HTML5 4
1.3.1 頁面的互動性能更強大 5
1.3.2 字元集和DO CTYPE 的改進 6
1.3.3 HTML5 的優勢 6
1.4 元素的分類 8
1.4.1 結構性元素8
1.4.2 級塊性元素9
1.4.3 行內語義性元素 9
1.4.4 互動性元素9
1.5 新增元素 10
1.6 新增屬性 16
1.6.1 表單相關屬性 16
1.6.2 其他相關屬性 16
1.7 課堂練習 17
強化訓練 18
Chapter / 02
在頁面中繪圖
2.1 canvas 入門 20
2.1.1 canvas 含義 20
2.1.2 canvas 坐標 20
2.2 使用canvas 21
2.2.1 在頁面中加入canvas 21
2.2.2 繪製矩形和五角形 22
2.2.3 檢測瀏覽器是否支持 25
2.3 繪製曲線路徑 26
2.3.1 繪製路徑的方法 26
2.3.2 描邊樣式的使用 27
2.3.3 填充和曲線的繪製方法 28
2.4 繪製圖像 30
2.4.1 使用canvas 插入圖片 30
2.4.2 漸變顏色的使用 31
2.4.3 變形圖形的設定方法 33
2.4.4 組合圖形的繪製方法 34
2.4.5 使用canvas 繪製文字 35
2.5 課堂練習 37
強化訓練 39
Chapter / 03
製作新型的表單
3.1 新的表單元素 42
3.1.1 datalist 元素 42
3.1.2 keygen 元素 42
3.1.3 output 元素 43
3.2 新的表單屬性 44
3.2.1 form 屬性 44
3.2.2 formaction 屬性 45
3.2.3 placeholder 屬性 45
3.2.4 list 屬性46
3.2.5 min 和max 屬性 46
3.2.6 novalidate 屬性 47
3.2.7 multiple 屬性 47
3.2.8 step 屬性 48
3.3 表單的輸入型控制項 48
3.3.1 Input 類型E-mail 48
3.3.2 Input 類型url 49
3.3.3 Input 類型number 49
3.3.4 Input 類型range 50
3.3.5 Input 類型Date Pickers 50
3.3.6 Input 類型color 51
3.4 製作一個表單 52
3.5 課堂練習 54
強化訓練 56
Chapter / 04
地理位置請求
4.1 關於地理位置信息 58
4.1.1 經度和緯度坐標 58
4.1.2 IP 地址定位數據 58
4.1.3 GPS 和Wi-Fi 地理定位數據 58
4.1.4 用戶自定義的地理定位 59
4.2 瀏覽器對Geolocation 的支持 59
Contents
Contents
4.2.1 GeolocationAPI 概述 59
4.2.2 Geolocation 的瀏覽器支持情況 62
4.3 隱私處理 62
4.3.1 套用隱私保護機制 62
4.3.2 處理位置信息 62
4.4 使用Geolocation API 63
4.4.1 檢測瀏覽器是否支持 63
4.4.2 位置請求 64
4.5 在地圖上顯示位置 66
4.6 課堂練習 69
強化訓練 71
Chapter / 05
拖曳上傳的套用
5.1 拖放API 74
5.1.1 實現拖放API 的過程 74
5.1.2 dataTransfer 對象的屬性與方法 74
5.2 拖放API 的套用 75
5.2.1 拖放套用75
5.2.2 拖放列表 76
5.3 課堂練習 78
強化訓練 80
Chapter / 06
CSS3 選擇器
6.1 CSS 選擇器 82
6.1.1 三大基礎選擇器 82
6.1.2 集體選擇器 85
6.1.3 屬性選擇器 86
6.2 CSS3 入門 88
6.2.1 CSS3 與之前版本的異同點 88
6.2.2 CSS3 新增的長度單位 88
6.2.3 CSS3 新增結構性偽類 90
6.2.4 CSS3 新增UI 元素狀態偽類 95
6.2.5 CSS3 新增屬性 97
6.3 課堂練習 101
強化訓練 102
Chapter / 07
CSS3 設計動畫
7.1 過渡基礎 104 Contents
7.1.1 過渡屬性104
7.1.2 瀏覽器支持情況 104
7.2 實現過渡 105
7.2.1 單項屬性過渡 105
7.2.2 多項屬性過渡 105
7.2.3 利用過渡設計電腦桌面 107
7.3 實現動畫 108
7.3.1 瀏覽器支持情況 108
7.3.2 動畫屬性 109
7.3.3 實現動畫效果 111
7.4 課堂練習 112
強化訓練 114
Chapter / 08
多彩的樣式設計
8.1 設定多彩的文本樣式 116
8.1.1 設定文本陰影 116
8.1.2 設定文本溢出 124
8.1.3 給文本換行 125
8.1.4 把單詞拆分 127
8.1.5 設定圓角框線 128
8.1.6 設定盒子陰影 128
8.2 頁面中多彩顏色的設定 130
8.2.1 使用HSL 顏色值 130
8.2.2 使用HSLA 顏色值 134
8.3 課堂練習 135
強化訓練 137
Chapter / 09
CSS3 用戶的互動界面
9.1 自適應顯示效果 140
9.1.1 多媒體查詢語法 140
9.1.2 多媒體查詢方法 140
9.1.3 自適應的導航欄 142
9.2 用戶界面簡介 146
9.2.1 讓用戶自調尺寸 146
9.2.2 調整方框的大小 147
9.2.3 修飾外形輪廓樣式 150
9.2.4 界面的多列布局 151
9.3 課堂練習 153
強化訓練 154
Chapter / 10
彈性盒子模型
10.1 盒子模型 156
10.1.1 盒子簡介 156
10.1.2 外邊距設定 156
10.1.3 外邊距合併 158
10.1.4 內邊距設定 161
10.2 彈性盒子 161
10.2.1 彈性盒子基礎 161
10.2.2 對父級容器的設定 162
10.2.3 對子級內容的設定 170
10.3 課堂練習 174
強化訓練 176
Chapter / 11
顏色漸變和圖形轉換
11.1 漸變 178
11.1.1 瀏覽器支持 178
11.1.2 線性漸變 179
11.1.3 徑向漸變 180
11.2 2D 轉換 181
11.2.1 移動translate( ) 181
11.2.2 旋轉rotate( ) 182
11.2.3 縮放scale( ) 183
11.2.4 傾斜skew( ) 185
11.3 3D 轉換 186
11.3.1 rotateX( ) 方法 186
11.3.2 rotateY( ) 方法 188
11.3.3 轉換屬性 188
11.3.4 3D 轉換方法 192
11.4 課堂練習 192
強化訓練 194
Chapter / 12
JavaScript 入門必學
12.1 JavaScript 入門 196
12.1.1 JavaScript 的發展 196
12.1.2 JavaScript 的特點 196
12.1.3 JavaScript 套用方向 197
12.1.4 JavaScript 的用法 197
12.2 JavaScript 的基本語法 199
12.2.1 數據類型 200
12.2.2 常量和變數 202
12.2.3 運算符和表達式 203
12.2.4 基本語句 209
12.3 JavaScript 事件分析 213
12.3.1 事件類型 214
12.3.2 事件句柄 217
12.3.3 事件處理 218 Contents
12.4 課堂練習 219
強化訓練 220
Chapter / 13
特效套用
13.1 JavaScript 函式 222
13.1.1 JavaScript 函式定義 222
13.1.2 JavaScript 函式參數 224
13.1.3 JavaScript 函式調用方法 227
13.2 JavaScript 套用表單 228
13.2.1 按鈕對象 228
13.2.2 複選框對象 229
13.2.3 列表框對象 230
13.3 JavaScript 事件分析 231
13.3.1 輪播圖效果 231
13.3.2 字型閃爍效果 235
13.3.3 滑鼠滑過效果 235
13.4 JavaScript 特效製作 237
13.4.1 顯示網頁停留時間 237
13.4.2 製作定時關閉視窗 238
13.5 課堂練習 239
強化訓練 240
Chapter / 14
綜合實踐套用
14.1 製作一顆流星 242
14.1.1 分析流星的尾部 242
14.1.2 繪製一顆流行 242
14.2 製作一場流星雨 244
14.2.1 製作流星星 244
14.2.2 滑鼠移動的效果 246
參考文獻 251
