《HTML5+CSS3+JavaScript網頁設計》是2017年1月清華大學出版社出版的圖書，作者是陳婉凌。
基本介紹
- 書名：HTML5+CSS3+JavaScript網頁設計
- 作者：陳婉凌
- ISBN：9787302455974
- 定價：59元
- 出版社：清華大學出版社
- 出版時間：2017年1月
內容簡介,圖書目錄,
內容簡介
本書以HTML與CSS為主體，配合JavaScript語法，從基礎到高級循序漸進地進行介紹，並提供具體的範例讓讀者能夠立即練習。
全書共17章，首先介紹了HTML5基礎入門方面的內容，包括文字變化與排版、多媒體素材、表格與表單、建立超連結等；然後介紹了CSS美化方面的內容，包括CSS樣式表基礎知識、常用的CSS語法等；接下來對Canvas、JavaScript、Web Storage等內容進行了介紹；最後詳細說明了使用jQuery Mobile建立移動設備的Web開發方法。
本書既適合作為網頁設計或手機開發的國中級用戶參考書，也適合作為職業技術學校計算機專業程式設計課程的教材。
圖書目錄
第1篇 HTML5基礎入門
第1章 認識網站與網頁 2
1.1 Internet與WWW 2
1.1.1 全球資訊網 2
1.1.2 什麼是網站及網頁 3
1.1.3 網址的組成 5
1.2 構建網站的流程 7
1.2.1 擬定網站主題 8
1.2.2 規劃網站架構與內容 9
1.2.3 蒐集相關資料 10
1.2.4 開始製作網頁 10
1.2.5 上傳與測試 11
1.2.6 網站的推廣與更新維護 13
1.3 認識網頁檔案和命名規則 13
1.3.1 主檔案名稱與擴展名 13
1.3.2 常見的圖片格式 15
1.3.3 常見的聲音格式 16
1.3.4 網頁檔案命名規則 17
1.4 網頁寬度與螢幕解析度 17
1.4.1 螢幕解析度 18
1.4.2 確定網頁寬度 19
本章小結 20
習題 22
第2章 HTML5入門 24
2.1 認識HTML5 24
2.1.1 HTML5與HTML4的差異 24
2.1.2 HTML5廢除的標記 25
2.2 學習HTML前的準備工作 26
2.2.1 建立HTML檔案 26
2.2.2 預覽HTML網頁 28
2.3 HTML語法的概念與架構 29
2.3.1 HTML的標記類型 29
2.3.2 HTML的組成 29
2.3.3 標記屬性的套用 30
2.4 HTML5檔案結構與語義標記 30
2.4.1 結構化的語義標記 30
2.4.2 HTML5聲明與編碼設定 34
本章小結 36
習題 36
第3章 文字與排版技巧 37
3.1 段落效果——使用排版標記 37
3.1.1 設定段落樣式的標記 37
3.1.2 設定對齊與縮進的標記 39
3.1.3 添加分隔線 41
3.1.4 設定段落標題 42
3.2 文字效果——使用文字標記 43
3.2.1 設定字形樣式的標記 43
3.3.2 設定上標、下標 45
3.3 項目符號與編號——使用列表標記 45
3.3.1 符號列表 45
3.3.2 編號列表 46
3.3.3 定義列表 49
3.4 注釋與特殊符號 50
3.4.1 加入注釋 50
3.4.2 使用特殊符號 51
3.5 新增中繼標記——<meta> 52
3.5.1 meta標記語法 52
3.5.2 認識meta標記的http-equiv屬性 53
3.5.3 認識meta標記的name屬性 56
3.6 div標記與span標記 57
3.6.1 認識div標記 58
3.6.2 認識span標記 59
本章小結 60
習題 61
第4章 多媒體素材的運用 63
4.1 網頁圖片使用須知 63
4.1.1 圖片的尺寸與解析度 63
4.1.2 圖片的來源 64
4.2 圖片的使用 64
4.2.1 嵌入圖片 65
4.2.2 路徑表示法 66
4.3 圖像處理軟體 67
4.3.1 初識Photoshop 67
4.3.2 改變圖片格式 68
4.3.3 更改圖片大小和解析度 70
4.3.4 切割大圖為數張小圖 72
4.4 多媒體素材的來源 76
4.4.1 利用現有的多媒體元素 76
4.4.2 自己製作多媒體元素 77
4.5 添加影音特效 77
4.5.1 在網頁中加入音樂 77
4.5.2 添加影音動畫 79
4.5.3 添加Flash動畫 81
4.5.4 傳統影音播放器 81
4.5.5 使用iframe嵌入優酷視頻 82
本章小結 84
習題 85
第5章 表格與表單 87
5.1 製作基本表格 87
5.1.1 表格的基本架構 87
5.1.2 設定表格標題 89
5.2 表格的編輯技巧 91
5.2.1 合併單元格 91
5.2.2 利用表格組合圖片 93
5.3 什麼是表單 96
5.4 創建表單 98
5.4.1 表單的基本架構 98
5.4.2 輸入組件 101
5.4.3 列表組件 105
5.4.4 選擇組件 107
5.4.5 按鈕組件 109
5.4.6 表單分組 111
5.5 操作範例——教學意見調查表 111
本章小結 113
習題 114
第6章 創建超連結 116
6.1 認識超連結 116
6.1.1 什麼是超連結 116
6.1.2 規劃超連結 117
6.2 加入超連結 117
6.2.1 超連結的用法 117
6.2.2 站外網頁連結 118
6.2.3 站區域網路頁連結 119
6.2.4 連結到E-Mail信箱 122
6.2.5 連結到檔案 125
本章小結 126
習題 126
第2篇 CSS美化
第7章 認識CSS樣式表 130
7.1 什麼是CSS樣式表 130
7.1.1 CSS的由來 130
7.1.2 CSS的優勢 131
7.1.3 CSS的套用 132
7.2 建立CSS樣式表 133
7.2.1 CSS基本格式 133
7.2.2 套用CSS樣式表 134
7.2.3 認識CSS選擇器 140
本章小結 145
習題 145
第8章 CSS基本語法 147
8.1 控制文字樣式 147
8.1.1 字形屬性 147
8.1.2 段落屬性 150
8.1.3 文字效果屬性 154
8.2 控制背景 157
8.2.1 設定背景顏色 157
8.2.2 設定背景圖片 158
8.2.3 設定背景漸變 167
本章小結 170
習題 171
第9章 CSS排版技巧 173
9.1 控制邊界與框線 173
9.1.1 邊界 173
9.1.2 框線 175
9.1.3 邊界間距 182
9.2 網頁組件的定位 184
9.2.1 一般定位 184
9.2.2 圖層定位 191
9.3 超連結與滑鼠游標特效 193
9.3.1 超連結特效 193
9.3.2 滑鼠游標特效 196
本章小結 198
習題 199
第10章 HTML5+CSS3綜合套用 201
10.1 操作網頁內容 201
10.2 使用語義標記排版 202
10.3 疊字標題 208
10.4 網頁背景和滑鼠游標 209
10.5 選單超連結特效 210
10.6 主內容區樣式 211
第3篇 HTML5進階
第11章 認識JavaScript 216
11.1 什麼是JavaScript 216
11.1.1 JavaScript架構 216
11.1.2 JavaScript對象與函式 218
11.1.3 JavaScript事件 221
11.2 JavaScript流程控制 223
11.2.1 運算符號 223
11.2.2 if…else語句 225
11.2.3 for循環 225
本章小結 226
習題 227
第12章 canvas線上繪圖 229
12.1 認識canvas 229
12.1.1 基本canvas語法 229
12.1.2 繪製各種圖形 232
12.2 設定圖形樣式 238
12.2.1 指定圖形顏色 238
12.2.2 指定線條粗細 241
12.2.3 漸變填充 244
本章小結 248
習題 249
第13章 網頁數據存儲Web Storage 250
13.1 認識Web Storage 250
13.1.1 Web Storage基本概念 250
13.1.2 檢測瀏覽器是否支持Web Storage 250
13.2 localStorage和sessionStorage 251
13.2.1 訪問localStorage 251
13.2.2 刪除localStorage 254
13.2.3 訪問sessionStorage 256
13.3 Web Storage實例練習 257
13.3.1 操作步驟 257
13.3.2 隱藏<div>及<span>組件 259
13.3.3 登錄 259
13.3.4 註銷 260
本章小結 261
習題 262
第14章 Web Storage操作購物車 263
第4篇 HTML5套用
第15章 JavaScript的好幫手——jQuery 276
15.1 認識jQuery 276
15.1.1 引用jQuery函式館 276
15.1.2 jQuery基本架構 277
15.1.3 jQuery選擇器 278
15.2 表格排序軟體——tablesorter 281
15.2.1 下載與套用 281
15.2.2 進階套用 283
15.3 行事曆軟體——FullCalendar 286
15.3.1 下載與套用 286
15.3.2 進階套用 287
本章小結 295
習題 295
第16章 開發跨平台移動設備網頁jQuery Mobile 297
16.1 jQuery Mobile基礎 297
16.1.1 認識jQuery Mobile 297
16.1.2 第一個jQuery Mobile網頁 301
16.2 jQuery Mobile的UI組件 306
16.2.1 認識UI組件 306
16.2.2 按鈕 308
16.2.3 組按鈕 313
16.2.4 列表 314
16.3 網頁導航與布景主題 316
16.3.1 jQuery Mobile網頁導航 316
16.3.2 ThemeRoller快速套用布景主題 319
本章小結 326
習題 327
第17章 移動設備版網頁操作 329
17.1 網站架構 329
17.2 訂購流程 332
17.3 查訂單 341
17.4 找店家 344
