Web交互界面設計與製作（微課版）
張曉穎 石磊
相關主題
商品描述
本書在編寫過程中堅持理論性和實用性相結合，力求與互聯網行業技術發展同步，著重提高讀者Web交互界面設計和製作的能力。
全書共9章，內容包括交互界面設計概述、Web交互界面設計基礎、Web交互界面技術概述、HTML5和CSS3基礎、Web交互界面設計案例、HTML5和CSS3進階、JavaScript基礎、Web交互界面開發、綜合案例：網站交互界面開發。
本書系統地介紹 Web交互界面設計與製作的全過程，可作為高等院校數字媒體技術、數字媒體藝術、電腦科學與技術等相關專業的教材或教學參考書，也可供各類培訓機構、網頁設計從業人員參考使用。
作者簡介
张晓颖，软件学院数字媒体技术系副教授、高级工程师。曾任职重庆一家业内知名的IT企业。先后承担数字媒体技术专业《创意专题网页设计》《综合网站实训》《典型网页设计》等核心课程的教学任务。
目錄大綱
第１章 交互界面設計概述 1
1.1 交互界面概念 1
1.2 交互界面歷史 2
1.3 交互用戶體驗 3
1.3.1 用戶體驗概念 3
1.3.2 生活中的用戶體驗 4
1.3.3 用戶體驗五要素 4
1.3.4 用戶體驗案例 9
1.4 交互界面設計與開發流程 11
1.5 本章小結 13
1.6 本章習題 13
第 2章 Web交互界面設計基礎 14
2.1 設計思路 14
2.2 設計要素 14
2.3 設計原則與準則 17
2.3.1 基本原則 17
2.3.2 基本準則 18
2.4 設計工具介紹 18
2.4.1 Photoshop概述 19
2.4.2 圖層基本操作 22
2.4.3 案例實現：圖層蒙版 25
2.4.4 案例實現：切片工具的應用 27
2.5 Web交互界面設計 31
2.5.1 案例實現：網站界面設計 31
2.5.2 案例實現：網頁banner設計 37
2.6 本章小結 41
2.7 本章習題 41
1.選擇題 41
2.簡答題 41
第3章 Web交互界面技術概述 42
3.1 Web交互界面技術相關概念 42
3.1.1 Internet介紹 42
3.1.2 Web瀏覽器介紹 45
3.2 Web交互界面核心技術 45
3.2.1 網頁開發基本要素 45
3.2.2 Web標準 46
3.2.3 HTML5概述 47
3.2.4 CSS3概述 47
3.2.5 JavaScript簡介 48
3.2.6交互界面開發工具 49
3.3 本章小結 50
3.4 本章習題 50
第4章 HTML5和CSS3基礎 51
4.1 HTML5基礎 51
4.1.1 網頁基本結構 51
4.1.2 標簽類型 55
4.1.3 HTML5結構標簽 56
4.1.4 HTML5文本標簽 60
4.2 CSS3基礎 62
4.2.1 CSS3的引用方法 63
4.2.2 CSS3選擇器和聲明 64
4.2.3 id和類命名規則 68
4.2.4 顏色值語法 68
4.2.5 CSS中的註釋 68
4.2.6 CSS3文本屬性 69
4.2.7 CSS3背景屬性 72
4.3 案例實現：文章界面美化 75
4.4 本章小結 77
4.5 本章習題 77
第5章 Web交互界面設計案例 79
5.1 新聞列表製作 79
5.1.1 超鏈接 79
5.1.2 列表標簽 80
5.1.3 列表樣式屬性 82
5.1.4 案例實現：新聞列表製作 83
5.2 導航製作 85
5.2.1 標準流 85
5.2.2 浮動（float）與清除浮動（clear） 85
5.2.3 案例實現：導航製作 87
5.3 圖文板塊製作 89
5.3.1 盒子模型 89
5.3.2 寬度和高度 90
5.3.3 邊框 91
5.3.4 內邊距 93
5.3.5 外邊距 93
5.3.6 Web常見圖片格式 94
5.3.7 Web中的插入圖片 95
5.3.8 相對路徑與絕對路徑 95
5.3.9 案例實現：圖文板塊製作 96
5.4 圖文列表製作 98
5.4.1 相對定位 99
5.4.2 絕對定位 99
5.4.3 層級z-index 100
5.4.4 CSS3的過渡動畫 100
5. transition的簡寫屬性 101
5.4.5 CSS3的2D變形 101
5.4.6 CSS3的3D變形 103
5.4.7 隱藏與顯示屬性 104
5.4.8 案例實現：圖文列表製作 105
5.5 本章小結 106
5.6 本章習題 106
第6章 HTML5和CSS3拓展 109
6.1 HTML5表格 109
6.1.1 表格基本屬性 109
6.1.2 單元格的合並及拆分 111
6.1.3 表格的嵌套 111
6.1.4 案例實現：課程表製作 111
6.2 HTML5表單 114
6.2.1 表單基本屬性 114
6.2.2 HTML5新增表單控件 115
8. datepickers日期選擇器 118
6.2.3 HTML5新增表單屬性 119
6.3 媒體對象 121
6.3.1 Object對象 121
6.3.2 embed對象 122
6.3.3 Video對象 122
6.3.4 Audio對象 123
6.3.5 source媒體元素 124
6.4 CSS3進階 124
6.4.1 偽類偽對象 125
6.4.2 幀動畫(animation) 126
6.4.3 flex佈局 128
6.4.4 響應式佈局 129
6.5 案例實現：flex彈性盒子 132
1. 請思考 132
2. 案例分析 132
代碼6-5 flex佈局中HTML5部分 132
6.6 本章小結 133
6.7 本章習題 133
1.選擇題 133
2. 簡答題 133
3. 操作題 133
第7章 JavaScript基礎 135
7.1 JavaScript簡介 135
7.1.1 JS基本概念 135
7.1.2 JS發展歷程 136
7.2 JS使用方法 136
7.2.1在頁面嵌入JS代碼 136
7.2.2 引入外部JS文件 138
7.2.3 JS代碼位置 139
7.2.4 JS調試方法 140
7.3 JS語法基礎 141
7.3.1 基本語法規則 141
7.3.2 變量和常量 143
7.3.3 基本數據類型 145
7.3.4 運算符與表達式 151
7.3.5 數學方法 155
7.4 流程控制語句 156
7.4.1 條件語句 156
7.4.2 循環語句 158
7.5 函數 160
7.5.1 函數的定義 160
7.5.2 函數的作用域 162
7.5.3 函數參數和參數對象 163
7.6 DOM基礎 166
7.6.1 DOM 樹與節點 166
7.6.2 標簽節點常用屬性 167
7.6.3 DOM獲取標簽節點 168
7.6.4 DOM生成或刪除標簽 172
7.6.5 DOM操作標簽屬性 173
7.8 案例實現：頁面動態廣告 174
7.9 本章小結 177
7.10 本章習題 177
第8章 Web交互界面開發 180
8.1 簡易計算器開發 180
8.1.1 事件 180
8.1.2 案例實現：簡易計算器 184
8.2 二級導航開發 186
8.2.1 JS修改樣式 186
8.2.2 案例實現：二級導航 188
代碼8- 15 一級導航HTML和CSS代碼示例 188
8.3 時間走動製作 192
8.3.1 時間類 192
8.3.2 數組類 194
8.3.3 計時器 199
8.3.4 案例實現：時間走動 200
8.4 Web交互界面開發進階 201
8.4.1 案例實現：圖片輪播現 201
8.4.2 案例實現：選項卡 206
8.5 本章小結 209
8.6 本章習題 209
第9章 綜合案例：企業網站交互界面開發 212
9.1 交互界面分析 212
9.2 初始化CSS 213
9.3 界面HTML框架搭建 215
9.4 時間走動特效實現 218
9.5 二級導航製作及交互實現 218
9.6 新聞列表製作及欄目復用 224
9.7 選項卡製作及交互實現 225
9.8 圖片輪播製作及交互實現 229
9.9 本章小結 232
9.10 本章習題 233
