《Web 2.0網頁設計教程》根據Web 2.0這一新時代技術背景下網站開發的特點,由淺入深、系統性地介紹了包括HTML標記語言、CSS、CSS+DIV等網頁設計課程所必需的傳統、基礎內容,以及jQuery、jQuery UI、jQuery和AJAX、HTML 5等當前設計開發中具有時代性、拓展性的內容。編者多年從事網頁設計課程教學以及實際項目開發,對教材章節進行了合理安排,符合教學過程和學生學習的實際需求,語言通俗易懂、案例典型豐富,循序漸進地介紹了Web 2.0網頁設計、網站開發的有關理論知識與實踐。
基本介紹
- 中文名:Web 2.0網頁設計教程
- 作者:徐會傑、朱海
- 出版社:電子工業出版社
- 出版時間:2016年08月01日
- ISBN:9787121291708
圖書內容,目錄,
圖書內容
本書根據Web 2.0這一新時代技術背景下網站開發的特點,由淺入深、系統性地介紹舉照主葛了包括HTML標記語言、CSS、CSS+DIV等網頁設計課程所必需的傳統、基礎內容,以及jQuery、jQuery UI、jQuery和AJAX、HTML 5等當前設計開發中具有時代性、拓展性的內容。編者多年從事網頁設計課程教學以及實際項目開發,對教材章節進行了合理安排,符合教學過程和學生學習的實際需求,語言通俗易懂、案例典型豐富,循序漸進地介紹了Web 2.0網頁設計、網站開發的有關理論知識與實踐。
本書按照“厚基礎、重實踐、匪臘鑽循強能力”的指導思想,深入講解了網頁設計的基礎知識、系統總結了實際開發過程中常面臨的一系列難題、結合大量案例有針對性地並給出了具體的解決方案,並在每章末尾對該章所述內容進行了系統性的總結。本書可作為高等院校計算機、非計算機類專業學生作為網頁設計與製作、動態網站和Web應用程式開發等課程的教材,同時也可供網站開發人員等作為參考用書。
目錄
第1章 網站開發基礎知識 1
1.1 Internet與Web 1
1.1.1 Internet基礎知識 1
1.1.2 Web基本概念 4
1.2 Web 瀏覽器的使用 5
1.2.1 瀏覽器的發展 5
1.2.2 常遙嬸地見瀏覽器 8
1.3 網站的訪問過程 12
1.3.1 靜態網站訪問過程 12
1.3.2 動態網站訪問過程 12
1.4 什麼是Web 2.0網站 13
1.4.1 Web 2.0的定義 13
1.4.2 Web 2.0的特點 13
第2章 網站開發過程 15
2.1 網站開發流程 15
2.1.1 規劃網站 15
2.1.2 設定開發環境 15
2.1.3 規劃頁面及布局 16
2.1.4 創建內容 21
2.1.5 測試與部署 21
2.2 網站開發設計思想 26
2.2.1 網站設計理念 26
2.2.2 網頁構成要素 27
2.2.3 網頁設計原則 29
2.3 常見的網站開發工具 30
2.3.1 網頁開發工具 31
2.3.2 圖形處理工具 34
2.3.3 動畫製作工具 36
2.3.4 其他 38
2.4 網站測試 39
2.4.1 測試過程 39
2.4.2 測放轎諒試內容 40
2.4.3 常見習糠試測試工具 46
第3章 HTML標記語言(一) 48
3.1 HTML標籤基礎知識 48
3.1.1 HTML文檔結構 48
3.1.2 HTML常用腳市煮標記 48
3.2 段落和文本 52
3.2.1 常見文本和段落標籤 52
3.2.2 設定字型樣式 54
3.2.3 案例 57
3.3 圖片標籤 58
3.3.1 常用網頁圖形 58
3.3.2 插入網頁圖片 59
3.3.3 滑鼠經過圖片 61
3.3.4 案例 63
3.4 超連結標籤 64
3.4.1 插入超連結 64
3.4.2 設定連結屬性 66
3.4.3 使用熱點和錨點連結 68
3.4.4 案例 71
第4章 HTML標記語言(二) 76
4.1 HTML表格 76
4.1.1 插入表格 76
4.1.2 設定單元格 78
4.1.3 常用屬性設定 81
4.1.4 案例 84
4.2 DIV標籤 85
4.2.1 使用DIV 86
4.2.2 DIV屬性設定抹永 87
4.2.3 案例 91
4.3 列表標籤 93
4.3.1 有序列表 93
4.3.2 無序列表 96
4.3.3 定義列表 98
4.3.4 案例 99
4.4 框架 100
4.4.1 FrameSet 101
4.4.2 iframe 104
4.4.3 案例 109
第5章 使用CSS樣式表 112
5.1 CSS樣式表概述 112
5.1.1 CSS概述 112
5.1.2 CSS的基本語法 112
5.2 使用CSS樣式表 113
5.2.1 在網頁中使用樣式表 113
5.2.2 內聯樣式和外聯樣式 115
5.2.3 案例 115
5.3 類和選擇器 117
5.3.1 選擇器 117
5.3.2 偽類 121
5.3.3 樣式的繼承 122
5.3.4 案例 123
5.4 字型、顏色和段落樣式 124
5.4.1 設定字型 124
5.4.2 設定顏色 126
5.4.3 設定段落 128
5.4.4 案例 131
5.5 框線、背景、列表樣式 133
5.5.1 設定框線 133
5.5.2 設定背景 136
5.5.3 設定列表樣式 139
5.5.4 案例 139
5.6 CSS濾鏡的使用 141
5.6.1 常用濾鏡 142
5.6.2 兼容性及替代方案 145
第6章 DIV+CSS布局 146
6.1 DIV+CSS布局的基礎 146
6.1.1 DIV+CSS布局優勢 146
6.1.2 DIV嵌套 146
6.1.3 盒子模型 148
6.2 控制HTML元素的位置 148
6.2.1 位置控制(left、right、top、bottom) 148
6.2.2 Margin和Padding 149
6.2.3 案例 150
6.3 浮動定位與固定定位 151
6.3.1 浮動和清除 151
6.3.2 定位屬性 155
6.3.3 案例 157
6.4 流式布局 158
6.5 瀏覽器兼容性問題 162
6.5.1 兼容性問題由來 162
6.5.2 常見問題及解決 162
6.5.3 CSS Hack 164
6.5.4 兼容性測試 165
6.5.5 案例 165
第7章 使用jQuery 168
7.1 Javascript和jQuery 168
7.1.1 JavaScript語法 168
7.1.2 運算符和流程控制 171
7.1.3 對象和函式 177
7.1.4 JQuery和JavaScript關係 180
7.1.5 在網頁中添加jQuery 180
7.2 jQuery選擇器 180
7.2.1 基本選擇器 180
7.2.2 過濾選擇器 181
7.2.3 案例 183
7.3 使用jQuery進行DOM操作 186
7.4 事件和動畫 197
7.4.1 基本事件 197
7.4.2 動畫處理 202
7.4.5 案例 205
7.5 非侵入式Javascript 214
第8章 JQuery UI的使用 216
8.1 jQuery UI和jQuery 216
8.2 使用jQuery UI 216
8.2.1 下載jQuery UI 216
8.2.2 使用jQuery UI 216
8.3 選項卡 217
8.3.1 選項卡組件簡介 217
8.3.2 選項卡組件使用 217
8.3.3 案例 217
8.4 對話框 218
8.4.1 對話框組件簡介 218
8.4.2 對話框組件屬性 218
8.4.3 對話框組件使用 219
8.4.4 案例 219
8.5 按鈕 221
8.5.1 按鈕組件簡介 221
8.5.2 按鈕組件屬性 221
8.5.3 按鈕組件的使用 222
8.5.4 案例 222
8.6 日曆 224
8.6.1 日曆組件簡介 224
8.6.2 日曆組件屬性 224
8.6.3 日曆組件使用 225
8.6.4 案例 225
8.7 其他控制項 227
第9章 JQuery 和 AJAX 228
9.1 AJAX簡介 228
9.1.1 AJAX的XMLHttpRequest 228
9.1.2 使用AJAX 230
9.2 JSON和序列化元素 231
9.2.1 JSON簡介 231
9.2.2 jQuery處理JSON 231
9.2.3 序列化表單 235
9.2.4 調用Web Service 236
9.2.5 ASP.NET JSON序列化和反序列化實例 239
9.3 使用AJAX進行表單驗證 240
9.3.1 簡單的表單驗證 240
9.3.2 使用AJAX進行複雜表單驗證 242
9.3.3 案例 249
第10章 HTML5和jQuery Mobile 251
10.1 HTML5簡介 251
10.1.1 HTML和HTML5 251
10.1.2 HTML5語法 251
10.1.3 HTML5多媒體對象 255
10.2 jQuery Mobile簡介 256
10.2.1 jQuery和jQuery Mobile 256
10.2.2 使用jQuery Mobile 257
10.2.3 jQuery Mobile組件 257
10.2.4 jQuery Mobile表單 257
10.2.5 jQuery Mobile事件 258
10.2.6 案例 259
10.3 回響式網站開發 260
10.3.1 回響式網站簡介 260
10.3.2 使用HTML5+CSS3布局 260
10.3.3 簡單的回響式網站 261
10.3.4 回響式布局最佳化 262
第11章 網站的測試和發布 263
11.1 網站兼容性測試 263
11.2 網站性能和最佳化 263
11.3 網站發布需要做的工作 264
11.4 發布網站到遠程伺服器 265
11.4.1 站點的創建 265
11.4.2 測試伺服器的設定 271
11.4.3 其他屬性設定 272
2.4.1 測試過程 39
2.4.2 測試內容 40
2.4.3 常見測試工具 46
第3章 HTML標記語言(一) 48
3.1 HTML標籤基礎知識 48
3.1.1 HTML文檔結構 48
3.1.2 HTML常用標記 48
3.2 段落和文本 52
3.2.1 常見文本和段落標籤 52
3.2.2 設定字型樣式 54
3.2.3 案例 57
3.3 圖片標籤 58
3.3.1 常用網頁圖形 58
3.3.2 插入網頁圖片 59
3.3.3 滑鼠經過圖片 61
3.3.4 案例 63
3.4 超連結標籤 64
3.4.1 插入超連結 64
3.4.2 設定連結屬性 66
3.4.3 使用熱點和錨點連結 68
3.4.4 案例 71
第4章 HTML標記語言(二) 76
4.1 HTML表格 76
4.1.1 插入表格 76
4.1.2 設定單元格 78
4.1.3 常用屬性設定 81
4.1.4 案例 84
4.2 DIV標籤 85
4.2.1 使用DIV 86
4.2.2 DIV屬性設定 87
4.2.3 案例 91
4.3 列表標籤 93
4.3.1 有序列表 93
4.3.2 無序列表 96
4.3.3 定義列表 98
4.3.4 案例 99
4.4 框架 100
4.4.1 FrameSet 101
4.4.2 iframe 104
4.4.3 案例 109
第5章 使用CSS樣式表 112
5.1 CSS樣式表概述 112
5.1.1 CSS概述 112
5.1.2 CSS的基本語法 112
5.2 使用CSS樣式表 113
5.2.1 在網頁中使用樣式表 113
5.2.2 內聯樣式和外聯樣式 115
5.2.3 案例 115
5.3 類和選擇器 117
5.3.1 選擇器 117
5.3.2 偽類 121
5.3.3 樣式的繼承 122
5.3.4 案例 123
5.4 字型、顏色和段落樣式 124
5.4.1 設定字型 124
5.4.2 設定顏色 126
5.4.3 設定段落 128
5.4.4 案例 131
5.5 框線、背景、列表樣式 133
5.5.1 設定框線 133
5.5.2 設定背景 136
5.5.3 設定列表樣式 139
5.5.4 案例 139
5.6 CSS濾鏡的使用 141
5.6.1 常用濾鏡 142
5.6.2 兼容性及替代方案 145
第6章 DIV+CSS布局 146
6.1 DIV+CSS布局的基礎 146
6.1.1 DIV+CSS布局優勢 146
6.1.2 DIV嵌套 146
6.1.3 盒子模型 148
6.2 控制HTML元素的位置 148
6.2.1 位置控制(left、right、top、bottom) 148
6.2.2 Margin和Padding 149
6.2.3 案例 150
6.3 浮動定位與固定定位 151
6.3.1 浮動和清除 151
6.3.2 定位屬性 155
6.3.3 案例 157
6.4 流式布局 158
6.5 瀏覽器兼容性問題 162
6.5.1 兼容性問題由來 162
6.5.2 常見問題及解決 162
6.5.3 CSS Hack 164
6.5.4 兼容性測試 165
6.5.5 案例 165
第7章 使用jQuery 168
7.1 Javascript和jQuery 168
7.1.1 JavaScript語法 168
7.1.2 運算符和流程控制 171
7.1.3 對象和函式 177
7.1.4 JQuery和JavaScript關係 180
7.1.5 在網頁中添加jQuery 180
7.2 jQuery選擇器 180
7.2.1 基本選擇器 180
7.2.2 過濾選擇器 181
7.2.3 案例 183
7.3 使用jQuery進行DOM操作 186
7.4 事件和動畫 197
7.4.1 基本事件 197
7.4.2 動畫處理 202
7.4.5 案例 205
7.5 非侵入式Javascript 214
第8章 JQuery UI的使用 216
8.1 jQuery UI和jQuery 216
8.2 使用jQuery UI 216
8.2.1 下載jQuery UI 216
8.2.2 使用jQuery UI 216
8.3 選項卡 217
8.3.1 選項卡組件簡介 217
8.3.2 選項卡組件使用 217
8.3.3 案例 217
8.4 對話框 218
8.4.1 對話框組件簡介 218
8.4.2 對話框組件屬性 218
8.4.3 對話框組件使用 219
8.4.4 案例 219
8.5 按鈕 221
8.5.1 按鈕組件簡介 221
8.5.2 按鈕組件屬性 221
8.5.3 按鈕組件的使用 222
8.5.4 案例 222
8.6 日曆 224
8.6.1 日曆組件簡介 224
8.6.2 日曆組件屬性 224
8.6.3 日曆組件使用 225
8.6.4 案例 225
8.7 其他控制項 227
第9章 JQuery 和 AJAX 228
9.1 AJAX簡介 228
9.1.1 AJAX的XMLHttpRequest 228
9.1.2 使用AJAX 230
9.2 JSON和序列化元素 231
9.2.1 JSON簡介 231
9.2.2 jQuery處理JSON 231
9.2.3 序列化表單 235
9.2.4 調用Web Service 236
9.2.5 ASP.NET JSON序列化和反序列化實例 239
9.3 使用AJAX進行表單驗證 240
9.3.1 簡單的表單驗證 240
9.3.2 使用AJAX進行複雜表單驗證 242
9.3.3 案例 249
第10章 HTML5和jQuery Mobile 251
10.1 HTML5簡介 251
10.1.1 HTML和HTML5 251
10.1.2 HTML5語法 251
10.1.3 HTML5多媒體對象 255
10.2 jQuery Mobile簡介 256
10.2.1 jQuery和jQuery Mobile 256
10.2.2 使用jQuery Mobile 257
10.2.3 jQuery Mobile組件 257
10.2.4 jQuery Mobile表單 257
10.2.5 jQuery Mobile事件 258
10.2.6 案例 259
10.3 回響式網站開發 260
10.3.1 回響式網站簡介 260
10.3.2 使用HTML5+CSS3布局 260
10.3.3 簡單的回響式網站 261
10.3.4 回響式布局最佳化 262
第11章 網站的測試和發布 263
11.1 網站兼容性測試 263
11.2 網站性能和最佳化 263
11.3 網站發布需要做的工作 264
11.4 發布網站到遠程伺服器 265
11.4.1 站點的創建 265
11.4.2 測試伺服器的設定 271
11.4.3 其他屬性設定 272