滿額折
HTML5+CSS+JavaScript網頁設計與製作（簡體書）
商品資訊
系列名：高等院校“十三五”應用技能培養規劃教材‧移動應用開發系列
ISBN13：9787302522652
出版社：清華大學出版社(大陸)
作者：彭進香; 張茂紅; 王玉娟; 葉娟; 孫秀娟
出版日：2019/04/23
裝訂／頁數：平裝／250頁
規格：26cm*19cm (高/寬)
商品簡介
目次
相關商品
商品簡介
HTML 5、CSS 3和JavaScript是網站前端開發的主要應用技術，《HTML 5+CSS+JavaScript網頁設計與製作》以理論結合實例加上機實訓的形式，逐一詳細講解這三大核心技術的基礎知識，包括HTML 5網頁設計的文檔結構、常用標記、表單的使用及HTML 5新增的標記和屬性，CSS在網頁中的應用、CSS 3新增的功能，以及JavaScript語言基礎、內置對象、對象編程、JavaScript操作HTML 5 + CSS實現網頁設計的方法和技巧。
《HTML 5+CSS+JavaScript網頁設計與製作》內容全面，結構安排合理，突出實踐。通過本書的學習，學生既可以掌握網頁超文本標記及傳統網頁佈局設計技巧，也可以深入運用HTML 5+CSS 3+JavaScript製作網頁。本書既可作為普通本科或高職高專計算機相關專業Web前端網站開發課程的教材，又可作為學習網站設計開發從業人員的技術參考書。
《HTML 5+CSS+JavaScript網頁設計與製作》內容全面，結構安排合理，突出實踐。通過本書的學習，學生既可以掌握網頁超文本標記及傳統網頁佈局設計技巧，也可以深入運用HTML 5+CSS 3+JavaScript製作網頁。本書既可作為普通本科或高職高專計算機相關專業Web前端網站開發課程的教材，又可作為學習網站設計開發從業人員的技術參考書。
目次
目 錄
第1章 網站前端設計基礎 1
1.1 Web基礎 2
1.1.1 Web的基本概念 2
1.1.2 瞭解“Web標準” 2
1.1.3 靜態網頁 3
1.1.4 動態網頁 4
1.2 網站開發 4
1.2.1 網站開發的基本流程 4
1.2.2 網站開發的人才需求 5
1.2.3 網站開發的主要技術 5
1.3 Web前端開發所需技能 5
1.3.1 Web前端工程師的工作內容 5
1.3.2 Web前端工程師需要掌握的
技術 6
1.4 網站開發工具介紹 7
1.4.1 原型設計工具 8
1.4.2 技術開發工具 8
1.4.3 Web調試工具 9
1.4.4 代碼託管工具 9
本章小結 10
自測題 10
第2章 HTML 5基礎 11
2.1 HTML概述 12
2.1.1 瞭解HTML 12
2.1.2 HTML元素 13
2.2 初識HTML 5 14
2.2.1 HTML 5的新功能 14
2.2.2 HTML 5的廢棄標記 15
2.2.3 HTML 5的新增標記 16
2.2.4 HTML 5的新增屬性 16
2.3 HTML 5的結構 17
2.3.1 HTML 5的基本結構 17
2.3.2 編寫第一個符合W3C標準的
HTML 5網頁 18
2.4 HTML 5文檔的常用標記 20
2.4.1 文本段落的相關標記 20
2.4.2 圖像標記 21
2.4.3 超鏈接 21
2.4.4 列表 23
2.4.5 表格 25
2.4.6 HTML 5的音頻和視頻 27
2.5 HTML 5的表單元素 29
2.5.1 創建表單 29
2.5.2 input輸入類型控件 30
2.5.3 列表框 36
2.5.4 多行文本輸入框 37
2.5.5 表單控件綜合示例 37
2.6 HTML 5語義化結構性元素 38
2.6.1 新增的主體結構元素 39
2.6.2 新增的非主體結構元素 43
2.7 上機實訓：使用結構元素進行網頁
佈局 44
本章小結 47
自測題 47
第3章 CSS基礎 49
3.1 CSS 3概述 50
3.2 CSS的組成 50
3.2.1 CSS基本語法規則 50
3.2.2 選擇符的分類 51
3.3 在HTML中使用CSS樣式 57
3.3.1 行內樣式 57
3.3.2 內部樣式 58
3.3.3 外部樣式 59
3.3.4 CSS的優先級 59
3.3.5 常用的CSS 3屬性前綴 60
本章小結 60
自測題 60
第4章 CSS設計佈局 63
4.1 CSS的盒模型 64
4.1.1 盒模型的結構 64
4.1.2 盒模型的元素類型 65
4.1.3 使用DIV 67
4.1.4 外邊距、內邊距與邊框的CSS
設置 68
4.1.5 CSS 3對盒模型邊框的完善 72
4.2 網頁元素的定位 76
4.2.1 定位屬性position 76
4.2.2 float浮動定位 78
4.2.3 其他CSS佈局定位方式 80
4.3 DIV+CSS常用的佈局方式 82
4.3.1 單列水平居中佈局 82
4.3.2 浮動的佈局 84
4.3.3 div嵌套佈局 86
4.3.4 CSS 3多列佈局 88
4.4 列表元素佈局 90
4.5 上機實訓：佈局電商網站首頁(製作
盒模型) 91
4.5.1 佈局網頁的總體結構 92
4.5.2 頭部區域的結構分析及佈局 93
4.5.3 網頁主體內容區域的設計 95
4.5.4 頁腳區域的設計 97
本章小結 97
自測題 97
第5章 CSS樣式 101
5.1 CSS 3字體相關屬性 102
5.1.1 設置字體屬性 102
5.1.2 設置字體屬性的綜合示例 103
5.1.3 CSS 3新增的字體屬性 104
5.2 CSS控制文本的樣式 104
5.2.1 文本屬性 104
5.2.2 設置文本屬性的綜合示例 107
5.2.3 CSS 3新增的文本屬性 107
5.3 使用CSS控制背景 111
5.3.1 背景屬性 111
5.3.2 背景設置綜合示例 113
5.3.3 CSS 3新增的與背景相關的
屬性 114
5.4 使用CSS設置列表樣式 118
5.4.1 CSS列表屬性 118
5.4.2 列表屬性的綜合示例 119
5.5 上機實訓 120
5.5.1 實訓1：製作商品信息展示
頁面 120
5.5.2 實訓2：CSS製作二級導航
下拉菜單 122
本章小結 125
自測題 125
第6章 JavaScript基礎 127
6.1 JavaScript概述 128
6.1.1 認識JavaScript 128
6.1.2 JavaScript的特點和作用 128
6.1.3 在網頁中使用JavaScript 129
6.1.4 JavaScript代碼規範 131
6.2 變量、數據類型 131
6.2.1 變量的聲明和使用 131
6.2.2 JavaScript的基本數據類型 133
6.3 表達式與運算符 136
6.3.1 表達式 136
6.3.2 運算符 136
6.4 流程控制語句 143
6.4.1 分支結構 143
6.4.2 循環結構 146
6.5 JavaScript函數 149
6.5.1 函數的定義 149
6.5.2 函數的調用 150
6.5.3 使用函數的返回值 152
6.5.4 函數的嵌套 153
6.5.5 內置函數 154
6.6 上機實訓：製作簡易計算器 155
本章小結 157
自測題 157
第7章 JavaScript中的對象 159
7.1 JavaScript的常用內置對象 160
7.1.1 數組對象 160
7.1.2 字符串對象 164
7.1.3 日期對象 165
7.1.4 數學對象 168
7.2 常用文檔對象 171
7.2.1 文檔對象模型 171
7.2.2 文檔對象的節點樹 171
7.2.3 文檔對象 178
7.2.4 表單及其控件對象 180
7.2.5 style對象 183
7.3 常用窗口對象 185
7.3.1 屏幕對象 185
7.3.2 window窗口對象 186
7.3.3 瀏覽器信息對象 188
7.3.4 網址對象 189
7.3.5 歷史記錄對象 191
7.4 上機實訓 192
7.4.1 實訓1：將英文單詞首字母
改成大寫 192
7.4.2 實訓2：限制多行文本域輸入
的字符個數 194
本章小結 196
自測題 197
第8章 事件處理 201
8.1 認識JavaScript事件 202
8.1.1 JavaScript的常用事件 202
8.1.2 調用事件處理程序的方法 203
8.2 常用事件在網頁中的應用 205
8.2.1 鼠標事件 205
8.2.2 鍵盤事件 207
8.2.3 表單事件 209
8.2.4 頁面相關事件 213
8.3 上機實訓：使用JavaScript實現廣告
圖像輪播 214
本章小結 218
自測題 218
第9章 JavaScript 實現Canvas
功能 221
9.1 創建Canvas元素 222
9.2 繪製基本圖形 222
9.2.1 繪製直線 223
9.2.2 繪製圓形 224
9.2.3 繪製矩形 225
9.2.4 繪製多邊形 226
9.3 圖形的變換 227
9.3.1 保存與恢復Canvas狀態 227
9.3.2 移動坐標位置 227
9.3.3 縮放圖形 228
9.4 特效應用 229
9.5 繪製文本 230
9.6 上機實訓：用Canvas繪製時鐘 231
9.6.1 繪製靜態時鐘 231
9.6.2 製作動態時鐘 235
本章小結 236
自測題 236
第10章 購物車的設計 237
10.1 案例導入 238
10.2 案例分析 238
10.3 操作步驟 239
10.3.1 設計購物車的HTML
結構 239
10.3.2 購物車的樣式設計 241
10.3.3 利用JavaScript實現購物車
功能 246
參考文獻 251
第1章 網站前端設計基礎 1
1.1 Web基礎 2
1.1.1 Web的基本概念 2
1.1.2 瞭解“Web標準” 2
1.1.3 靜態網頁 3
1.1.4 動態網頁 4
1.2 網站開發 4
1.2.1 網站開發的基本流程 4
1.2.2 網站開發的人才需求 5
1.2.3 網站開發的主要技術 5
1.3 Web前端開發所需技能 5
1.3.1 Web前端工程師的工作內容 5
1.3.2 Web前端工程師需要掌握的
技術 6
1.4 網站開發工具介紹 7
1.4.1 原型設計工具 8
1.4.2 技術開發工具 8
1.4.3 Web調試工具 9
1.4.4 代碼託管工具 9
本章小結 10
自測題 10
第2章 HTML 5基礎 11
2.1 HTML概述 12
2.1.1 瞭解HTML 12
2.1.2 HTML元素 13
2.2 初識HTML 5 14
2.2.1 HTML 5的新功能 14
2.2.2 HTML 5的廢棄標記 15
2.2.3 HTML 5的新增標記 16
2.2.4 HTML 5的新增屬性 16
2.3 HTML 5的結構 17
2.3.1 HTML 5的基本結構 17
2.3.2 編寫第一個符合W3C標準的
HTML 5網頁 18
2.4 HTML 5文檔的常用標記 20
2.4.1 文本段落的相關標記 20
2.4.2 圖像標記 21
2.4.3 超鏈接 21
2.4.4 列表 23
2.4.5 表格 25
2.4.6 HTML 5的音頻和視頻 27
2.5 HTML 5的表單元素 29
2.5.1 創建表單 29
2.5.2 input輸入類型控件 30
2.5.3 列表框 36
2.5.4 多行文本輸入框 37
2.5.5 表單控件綜合示例 37
2.6 HTML 5語義化結構性元素 38
2.6.1 新增的主體結構元素 39
2.6.2 新增的非主體結構元素 43
2.7 上機實訓：使用結構元素進行網頁
佈局 44
本章小結 47
自測題 47
第3章 CSS基礎 49
3.1 CSS 3概述 50
3.2 CSS的組成 50
3.2.1 CSS基本語法規則 50
3.2.2 選擇符的分類 51
3.3 在HTML中使用CSS樣式 57
3.3.1 行內樣式 57
3.3.2 內部樣式 58
3.3.3 外部樣式 59
3.3.4 CSS的優先級 59
3.3.5 常用的CSS 3屬性前綴 60
本章小結 60
自測題 60
第4章 CSS設計佈局 63
4.1 CSS的盒模型 64
4.1.1 盒模型的結構 64
4.1.2 盒模型的元素類型 65
4.1.3 使用DIV 67
4.1.4 外邊距、內邊距與邊框的CSS
設置 68
4.1.5 CSS 3對盒模型邊框的完善 72
4.2 網頁元素的定位 76
4.2.1 定位屬性position 76
4.2.2 float浮動定位 78
4.2.3 其他CSS佈局定位方式 80
4.3 DIV+CSS常用的佈局方式 82
4.3.1 單列水平居中佈局 82
4.3.2 浮動的佈局 84
4.3.3 div嵌套佈局 86
4.3.4 CSS 3多列佈局 88
4.4 列表元素佈局 90
4.5 上機實訓：佈局電商網站首頁(製作
盒模型) 91
4.5.1 佈局網頁的總體結構 92
4.5.2 頭部區域的結構分析及佈局 93
4.5.3 網頁主體內容區域的設計 95
4.5.4 頁腳區域的設計 97
本章小結 97
自測題 97
第5章 CSS樣式 101
5.1 CSS 3字體相關屬性 102
5.1.1 設置字體屬性 102
5.1.2 設置字體屬性的綜合示例 103
5.1.3 CSS 3新增的字體屬性 104
5.2 CSS控制文本的樣式 104
5.2.1 文本屬性 104
5.2.2 設置文本屬性的綜合示例 107
5.2.3 CSS 3新增的文本屬性 107
5.3 使用CSS控制背景 111
5.3.1 背景屬性 111
5.3.2 背景設置綜合示例 113
5.3.3 CSS 3新增的與背景相關的
屬性 114
5.4 使用CSS設置列表樣式 118
5.4.1 CSS列表屬性 118
5.4.2 列表屬性的綜合示例 119
5.5 上機實訓 120
5.5.1 實訓1：製作商品信息展示
頁面 120
5.5.2 實訓2：CSS製作二級導航
下拉菜單 122
本章小結 125
自測題 125
第6章 JavaScript基礎 127
6.1 JavaScript概述 128
6.1.1 認識JavaScript 128
6.1.2 JavaScript的特點和作用 128
6.1.3 在網頁中使用JavaScript 129
6.1.4 JavaScript代碼規範 131
6.2 變量、數據類型 131
6.2.1 變量的聲明和使用 131
6.2.2 JavaScript的基本數據類型 133
6.3 表達式與運算符 136
6.3.1 表達式 136
6.3.2 運算符 136
6.4 流程控制語句 143
6.4.1 分支結構 143
6.4.2 循環結構 146
6.5 JavaScript函數 149
6.5.1 函數的定義 149
6.5.2 函數的調用 150
6.5.3 使用函數的返回值 152
6.5.4 函數的嵌套 153
6.5.5 內置函數 154
6.6 上機實訓：製作簡易計算器 155
本章小結 157
自測題 157
第7章 JavaScript中的對象 159
7.1 JavaScript的常用內置對象 160
7.1.1 數組對象 160
7.1.2 字符串對象 164
7.1.3 日期對象 165
7.1.4 數學對象 168
7.2 常用文檔對象 171
7.2.1 文檔對象模型 171
7.2.2 文檔對象的節點樹 171
7.2.3 文檔對象 178
7.2.4 表單及其控件對象 180
7.2.5 style對象 183
7.3 常用窗口對象 185
7.3.1 屏幕對象 185
7.3.2 window窗口對象 186
7.3.3 瀏覽器信息對象 188
7.3.4 網址對象 189
7.3.5 歷史記錄對象 191
7.4 上機實訓 192
7.4.1 實訓1：將英文單詞首字母
改成大寫 192
7.4.2 實訓2：限制多行文本域輸入
的字符個數 194
本章小結 196
自測題 197
第8章 事件處理 201
8.1 認識JavaScript事件 202
8.1.1 JavaScript的常用事件 202
8.1.2 調用事件處理程序的方法 203
8.2 常用事件在網頁中的應用 205
8.2.1 鼠標事件 205
8.2.2 鍵盤事件 207
8.2.3 表單事件 209
8.2.4 頁面相關事件 213
8.3 上機實訓：使用JavaScript實現廣告
圖像輪播 214
本章小結 218
自測題 218
第9章 JavaScript 實現Canvas
功能 221
9.1 創建Canvas元素 222
9.2 繪製基本圖形 222
9.2.1 繪製直線 223
9.2.2 繪製圓形 224
9.2.3 繪製矩形 225
9.2.4 繪製多邊形 226
9.3 圖形的變換 227
9.3.1 保存與恢復Canvas狀態 227
9.3.2 移動坐標位置 227
9.3.3 縮放圖形 228
9.4 特效應用 229
9.5 繪製文本 230
9.6 上機實訓：用Canvas繪製時鐘 231
9.6.1 繪製靜態時鐘 231
9.6.2 製作動態時鐘 235
本章小結 236
自測題 236
第10章 購物車的設計 237
10.1 案例導入 238
10.2 案例分析 238
10.3 操作步驟 239
10.3.1 設計購物車的HTML
結構 239
10.3.2 購物車的樣式設計 241
10.3.3 利用JavaScript實現購物車
功能 246
參考文獻 251
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。