Web 2.0網頁設計教程

第1章 網站開發(fā)基礎知識 1
1．1 Internet與Web 1
1．1．1 Internet基礎知識 1
1．1．2 Web基本概念 4
1．2 Web瀏覽器的使用 6
1．2．1 瀏覽器的發(fā)展 6
1．2．2 常見瀏覽器 9
1．3 網站的訪問過程 13
1．3．1 靜態(tài)網站的訪問過程 13
1．3．2 動態(tài)網站的訪問過程 14
1．4 Web 2．0網站概述 16
1．4．1 Web 2．0的定義 16
1．4．2 Web 2．0的特點 16
1．5 本章小結 ???
第2章 網站開發(fā)過程 16
2．1 網站開發(fā)流程 16
2．1．1 網站規(guī)劃 16
2．1．2 設置開發(fā)環(huán)境 17
2．1．3 規(guī)劃頁面及布局 18
2．1．4 創(chuàng)建內容 22
2．1．5 測試與部署 23
2．2 網站開發(fā)設計思想 27
2．2．1 網站設計理念 27
2．2．2 網頁構成要素 28
2．2．3 網頁設計原則 30
2．3 常見的網站開發(fā)工具 32
2．3．1 網頁開發(fā)工具 32
2．3．2 圖形處理工具 36
2．3．3 動畫制作工具 38
2．3．4 其他 40
2．4 網站測試 41
2．4．1 測試過程 41
2．4．2 測試內容 42
2．4．3 常見測試工具 48
2．5 本章小結 ???
第3章 HTML標記語言（一） 51
3．1 HTML標簽基礎知識 51
3．1．1 HTML文檔結構 51
3．1．2 HTML常用標簽 52
3．2 段落標簽和文本標簽 55
3．2．1 常見文本標簽和段落標簽 55
3．2．2 設置字體樣式標簽 56
3．2．3 案例 58
3．3 圖片標簽 59
3．3．1 常用網頁圖像 59
3．3．2 插入網頁圖片 60
3．3．3 鼠標指針經過圖片 62
3．3．4 案例 63
3．4 超鏈接標簽 64
3．4．1 插入超鏈接 64
3．4．2 設置鏈接屬性 66
3．4．3 使用熱點和錨點鏈接 67
3．4．4 案例 70
3．5 本章小結 ???
第4章 HTML標記語言（二） 73
4．1 HTML表格 73
4．1．1 插入表格 73
4．1．2 設置單元格 75
4．1．3 常用屬性設置 78
4．1．4 案例 81
4．2 DIV標簽 82
4．2．1 使用DIV 82
4．2．2 DIV屬性的設置 84
4．2．3 案例 87
4．3 列表標簽 88
4．3．1 有序列表 88
4．3．2 無序列表 91
4．3．3 定義列表 93
4．3．4 案例 94
4．4 框架 96
4．4．1 frameset 96
4．4．2 iframe 100
4．4．3 案例 104
4．5 本章小結 ???
第5章 使用CSS樣式表 106
5．1 CSS樣式表概述 106
5．1．1 CSS概述 106
5．1．2 CSS的基本語法 106
5．2 使用CSS樣式表 107
5．2．1 在網頁中使用樣式表 107
5．2．2 內聯(lián)樣式和外聯(lián)樣式 109
5．2．3 案例 110
5．3 選擇器和類 112
5．3．1 選擇器 112
5．3．2 偽類 116
5．3．3 樣式的繼承 118
5．3．4 案例 119
5．4 字體、顏色和段落樣式 119
5．4．1 設置字體 119
5．4．2 設置顏色 122
5．4．3 設置段落 124
5．4．4 案例 128
5．5 邊框、背景、列表樣式 130
5．5．1 設置邊框 130
5．5．2 設置背景 133
5．5．3 設置列表樣式 136
5．5．4 案例 137
5．6 CSS濾鏡的使用 139
5．6．1 常用濾鏡 141
5．6．2 兼容性及替代方案 144
5．7 本章小結 ???
第6章 DIV+CSS布局 146
6．1 DIV+CSS布局的基礎 146
6．1．1 DIV+CSS布局的優(yōu)勢 146
6．1．2 DIV嵌套 147
6．1．3 盒子模型 148
6．2 控制HTML元素的位置 149
6．2．1 位置控制 149
6．2．2 margin和padding 149
6．2．3 案例 150
6．3 浮動定位與固定定位 152
6．3．1 浮動和清除 152
6．3．2 定位屬性 155
6．3．3 案例 158
6．4 流式布局 159
6．5 瀏覽器兼容性問題 162
6．5．1 兼容性問題的由來 162
6．5．2 常見問題及解決 163
6．5．3 CSS Hack 165
6．5．4 案例 166
6．6 本章小結 ???
第7章 使用jQuery 168
7．1 JavaScript和jQuery 168
7．1．1 JavaScript語法 168
7．1．2 運算符和流程控制 171
7．1．3 對象和函數(shù) 178
7．1．4 jQuery和JavaScript的
關系 181
7．1．5 在網頁中添加jQuery 181
7．2 jQuery選擇器 182
7．2．1 基本選擇器 182
7．2．2 過濾選擇器 182
7．2．3 案例 185
7．3 使用jQuery進行DOM操作 188
7．4 事件和動畫 199
7．4．1 基本事件 199
7．4．2 動畫處理 204
7．4．3 案例 207
7．5 非侵入式JavaScript 216
7．6 本章小結 ???
第8章 JQuery UI的使用 217
8．1 jQuery UI和jQuery 217
8．2 使用jQuery UI 217
8．3 選項卡 218
8．3．1 選項卡組件簡介 ???
8．3．2 選項卡組件的使用 ???
8．3．3 案例 ???
8．4 對話框 219
8．4．1 對話框組件簡介 ???
8．4．2 對話框組件的屬性 ???
8．4．3 對話框組件的使用 ???
8．4．4 案例 ???
8．5 按鈕 222
8．5．1 按鈕組件簡介 222
8．5．2 按鈕組件的屬性 223
8．5．3 按鈕組件的使用 223
8．5．4 案例 224
8．6 日歷 225
8．6．1 日歷組件簡介 225
8．6．2 日歷組件的屬性 226
8．6．3 日歷組件的使用 226
8．6．4 案例 227
8．7 其他控件 228
8．8 本章小結 ???
第9章 JQuery和AJAX 229
9．1 AJAX簡介 229
9．1．1 AJAX的XMLHttpRequest 229
9．1．2 使用AJAX 231
9．2 JSON和序列化元素 233
9．2．1 JSON簡介 233
9．2．2 用jQuery處理JSON 233
9．2．3 序列化表單 236
9．2．4 調用Web Service 237
9．2．5 ASP．NET JSON序列化和
反序列化實例 240
9．3 使用AJAX進行表單驗證 241
9．3．1 簡單的表單驗證 241
9．3．2 復雜的表單驗證 244
9．3．3 案例 250
9．4 本章小結 ???
第10章 HTML 5和jQuery Mobile 252
10．1 HTML 5簡介 252
10．1．1 HTML和HTML5 252
10．1．2 HTML 5的語法 253
10．1．3 HTML 5多媒體對象 257
10．2 jQuery Mobile簡介 258
10．2．1 jQuery和jQuery Mobile 258
10．2．2 使用jQuery Mobile 258
10．2．3 jQuery Mobile組件 259
10．2．4 jQuery Mobile表單 259
10．2．5 jQuery Mobile事件 260
10．2．6 案例 261
10．3 響應式網站開發(fā) 262
10．3．1 響應式網站簡介 262
10．3．2 使用HTML 5+CSS 3
布局 262
10．3．3 簡單的響應式網站 263
10．3．4 響應式布局優(yōu)化 264
10．4 本章小結 ???
第11章 網站的測試和發(fā)布 265
11．1 網站兼容性測試 265
11．2 網站性能和優(yōu)化 266
11．3 網站發(fā)布需要做的工作 267
11．4 發(fā)布網站到遠程服務器 268
11．4．1 站點的創(chuàng)建 268
11．4．2 測試服務器的設置 274
11．4．3 其他屬性設置 275
11．5 本章小結