Web 2.0網(wǎng)頁(yè)設(shè)計(jì)教程

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