網(wǎng)頁(yè)設(shè)計(jì)與制作（Dreamweaver CC 第2版）

第1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 1
1.1 網(wǎng)站的概念 1
1.2 網(wǎng)站的組成 2
1.2.1 域名 2
1.2.2 網(wǎng)站空間 3
1.2.3 網(wǎng)站程序 4
1.3 網(wǎng)站的分類 4
1.4 網(wǎng)站建設(shè)基本流程 7
1.5 網(wǎng)站制作工具 8
1.6 網(wǎng)頁(yè)基本元素 8
1.7 Dreamweaver CC工作環(huán)境 10
1.7.1 Dreamweaver CC的啟動(dòng) 11
1.7.2 Dreamweaver CC的工作區(qū) 11
1.7.3 調(diào)整工作區(qū) 16
1.8 Dreamweaver工作流程 18
本章小結(jié)與重點(diǎn)回顧 19
第2章 創(chuàng)建本地站點(diǎn) 20
2.1 創(chuàng)建本地站點(diǎn)—我的足球網(wǎng) 20
2.1.1 案例綜述 20
2.1.2 案例分析 21
2.1.3 實(shí)現(xiàn)步驟 21
2.2 網(wǎng)站規(guī)劃 27
2.3 站點(diǎn)的創(chuàng)建與管理 30
2.3.1 Dreamweaver中的站點(diǎn) 30
2.3.2 創(chuàng)建本地站點(diǎn) 31
2.3.3 站點(diǎn)的管理 33
2.3.4 站點(diǎn)中文件的管理 34
2.4 實(shí)戰(zhàn)演練 36
本章小結(jié)與重點(diǎn)回顧 36
第3章 網(wǎng)頁(yè)圖文編輯 37
3.1 簡(jiǎn)單的圖文混排
—我與足球（me.html） 37
3.1.1 案例綜述 37
3.1.2 案例分析 38
3.1.3 實(shí)現(xiàn)步驟 38
3.2 網(wǎng)頁(yè)文本的插入及其屬性設(shè)置 48
3.2.1 插入文本 48
3.2.2 插入特殊符號(hào) 48
3.2.3 設(shè)置文本格式 49
3.3 網(wǎng)頁(yè)圖片的插入及其屬性設(shè)置 54
3.3.1 網(wǎng)頁(yè)圖像格式 54
3.3.2 插入圖像 54
3.3.3 設(shè)置圖像的屬性 55
3.3.4 創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像效果 56
3.3.5 插入Fireworks HTML代碼 57
3.4 實(shí)戰(zhàn)演練 57
本章小結(jié)與重點(diǎn)回顧 58
第4章 建立網(wǎng)頁(yè)超鏈接 59
4.1 編織網(wǎng)站鏈接
—足球新聞（news.html） 59
4.1.1 案例綜述 59
4.1.2 案例分析 59
4.1.3 實(shí)現(xiàn)步驟 59
4.2 超鏈接概述 66
4.2.1 超鏈接的類型 66
4.2.2 鏈接路徑 66
4.2.3 創(chuàng)建超鏈接 68
4.3 管理超鏈接 69
4.3.1 自動(dòng)更新鏈接 70
4.3.2 更改鏈接 70
4.3.3 刪除鏈接 71
4.3.4 檢查鏈接 72
4.3.5 修復(fù)斷開(kāi)的鏈接 72
4.4 實(shí)戰(zhàn)演練 74
本章小結(jié)與重點(diǎn)回顧 75
第5章 表格布局 76
5.1 應(yīng)用表格布局頁(yè)面
—足球明星頁(yè)面（photo.htm） 76
5.1.1 案例綜述 76
5.1.2 案例分析 77
5.1.3 實(shí)現(xiàn)步驟 77
5.2 表格的基本操作 81
5.2.1 插入表格 81
5.2.2 選定表格和單元格 82
5.2.3 設(shè)置表格和單元格的屬性 83
5.2.4 調(diào)整表格結(jié)構(gòu) 84
5.3 頁(yè)面布局理論 86
5.3.1 頁(yè)面布局原則 86
5.3.2 頁(yè)面布局類型 87
5.3.3 頁(yè)面布局方法 89
5.3.4 頁(yè)面布局技術(shù) 89
5.3.5 表格布局方法 90
5.4 實(shí)戰(zhàn)演練 92
本章小結(jié)與重點(diǎn)回顧 94
第6章 層疊樣式表 95
6.1 使用CSS格式化頁(yè)面 95
6.1.1 案例綜述 95
6.1.2 案例分析 95
6.1.3 實(shí)現(xiàn)步驟 96
6.2 CSS概述 102
6.2.1 使用CSS的優(yōu)勢(shì) 103
6.2.2 關(guān)于CSS規(guī)則 103
6.2.3 關(guān)于層疊樣式 104
6.3 CSS的創(chuàng)建與應(yīng)用 105
6.3.1 “CSS設(shè)計(jì)器”面板 105
6.3.2 創(chuàng)建和附加樣式表 106
6.3.3 定義媒體查詢 106
6.3.4 定義CSS選擇器 106
6.3.5 設(shè)置CSS屬性 107
6.4 CSS的應(yīng)用 110
6.5 實(shí)戰(zhàn)演練 111
本章小結(jié)與重點(diǎn)回顧 112
第7章 CSS頁(yè)面布局 113
7.1 應(yīng)用CSS布局頁(yè)面 113
7.1.1 案例綜述 113
7.1.2 案例分析 114
7.1.3 實(shí)現(xiàn)步驟 114
7.2 CSS布局設(shè)計(jì) 123
7.2.1 Div標(biāo)簽的使用 123
7.2.2 HTML結(jié)構(gòu)設(shè)計(jì) 124
7.2.3 CSS頁(yè)面布局結(jié)構(gòu) 125
7.3 CSS規(guī)則定義 127
7.3.1 CSS盒模型 127
7.3.2 CSS定位 129
7.3.3 CSS中的浮動(dòng)和清除 130
7.4 使用Dreamweaver CC中的
CSS布局工具 131
7.4.1 使用可視化助理 131
7.4.2 使用系統(tǒng)提供的CSS
布局創(chuàng)建頁(yè)面 132
7.5 使用流媒體網(wǎng)格布局 133
7.5.1 創(chuàng)建流體網(wǎng)格布局 133
7.5.2 編輯流體網(wǎng)格文檔 134
7.5.3 插入流體網(wǎng)格元素 135
7.6 實(shí)戰(zhàn)演練 135
本章小結(jié)與重點(diǎn)回顧 140
第8章 模板和庫(kù) 141
8.1 應(yīng)用模板制作相似網(wǎng)頁(yè)
—美文隨筆 141
8.1.1 案例綜述 141
8.1.2 案例分析 142
8.1.3 實(shí)現(xiàn)步驟 142
8.2 使用模板 150
8.2.1 模板的基本特點(diǎn) 150
8.2.2 模板的創(chuàng)建與保存 150
8.2.3 模板區(qū)域 152
8.2.4 創(chuàng)建基于模板的網(wǎng)頁(yè) 154
8.2.5 修改模板及更新頁(yè)面 155
8.3 使用庫(kù) 156
8.3.1 創(chuàng)建庫(kù)項(xiàng)目 156
8.3.2 插入庫(kù)項(xiàng)目 157
8.3.3 修改庫(kù)項(xiàng)目和更新站點(diǎn) 157
8.4 資源管理 158
8.5 實(shí)戰(zhàn)演練 159
本章小結(jié)與重點(diǎn)回顧 160
第9章 插入多媒體元素 161
9.1 網(wǎng)頁(yè)的動(dòng)感效果設(shè)計(jì)
—多媒體示例 161
9.1.1 案例綜述 161
9.1.2 案例分析 162
9.1.3 實(shí)現(xiàn)步驟 162
9.2 應(yīng)用多媒體元素 170
9.2.1 插入Edge Animate作品 170
9.2.2 插入HTML 5視頻 171
9.2.3 插入HTML 5音頻 172
9.2.4 插入Flash動(dòng)畫(huà) 173
9.2.5 插入Flash視頻 175
9.2.6 插入插件 177
9.3 擴(kuò)展功能（使用第三方插件） 178
9.4 實(shí)戰(zhàn)演練 180
本章小結(jié)與重點(diǎn)回顧 182
第10章 行為 183
10.1 使用“行為”為網(wǎng)站增加交互 183
10.1.1 案例綜述 183
10.1.2 案例分析 184
10.1.3 實(shí)現(xiàn)步驟 184
10.2 行為概述 187
10.3 使用Dreamweaver CC
內(nèi)置的行為 191
10.4 行為的修改與更新 196
10.5 實(shí)戰(zhàn)演練 198
本章小結(jié)與重點(diǎn)回顧 198
第11章 表單 199
11.1 表單頁(yè)面制作—注冊(cè) 199
11.1.1 案例綜述 199
11.1.2 案例分析 200
11.1.3 實(shí)現(xiàn)步驟 200
11.2 表單概述 205
11.3 創(chuàng)建HTML表單 207
11.4 實(shí)戰(zhàn)演練 214
本章小結(jié)與重點(diǎn)回顧 215
第12章 使用jQuery UI小部件 216
12.1 使用“jQuery UI”小部件
布局頁(yè)面 216
12.1.1 案例綜述 216
12.1.2 案例分析 217
12.1.3 實(shí)現(xiàn)步驟 217
12.2 jQuery UI小部件 222
12.2.1 折疊面板 222
12.2.2 選項(xiàng)卡 223
12.2.3 日期選擇器 225
12.2.4 進(jìn)度條 226
12.2.5 對(duì)話框 226
12.2.6 自動(dòng)填充 228
12.2.7 滑塊 228
12.2.8 按鈕及按鈕組 229
12.2.9 復(fù)選框按鈕組及
單選按鈕組 230
12.2.10 保存含有“jQuery UI”
小部件的頁(yè)面 231
12.3 實(shí)戰(zhàn)演練 232
本章小結(jié)與重點(diǎn)回顧 235
第13章 站點(diǎn)整理維護(hù)與上傳 236
13.1 網(wǎng)站整理上傳 236
13.1.1 案例綜述 236
13.1.2 案例分析 236
13.1.3 實(shí)現(xiàn)步驟 236
13.2 網(wǎng)站上傳前的準(zhǔn)備 242
13.2.1 網(wǎng)上空間準(zhǔn)備 242
13.2.2 站點(diǎn)檢查 244
13.2.3 檢查鏈接 244
13.3 上傳網(wǎng)站 246
13.3.1 Web方式上傳網(wǎng)站 246
13.3.2 FTP方式上傳網(wǎng)站 247
13.4 網(wǎng)站的維護(hù)與更新 249
13.5 網(wǎng)站的推廣 250
13.6 Dreamweaver站點(diǎn)維護(hù) 252
13.6.1 文件擴(kuò)展面板 252
13.6.2 站點(diǎn)文件同步 253
13.6.3 存回和取出 254
13.6.4 使用設(shè)計(jì)備注 255
13.7 實(shí)戰(zhàn)演練 256
本章小結(jié)與重點(diǎn)回顧 257
第14章 Web應(yīng)用程序開(kāi)發(fā) 258
14.1 留言板制作—開(kāi)發(fā)前期準(zhǔn)備 258
14.1.1 案例綜述 258
14.1.2 案例分析 258
14.1.3 實(shí)現(xiàn)步驟 259
14.2 Web應(yīng)用程序概述 269
14.2.1 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù) 269
14.2.2 構(gòu)建Web應(yīng)用程序的
基本流程 269
14.3 設(shè)置Web應(yīng)用程序開(kāi)發(fā)及
運(yùn)行環(huán)境 270
14.3.1 Web服務(wù)器的
安裝與配置 270
14.3.2 在Dreamweaver CC中
配置應(yīng)用程序服務(wù)器 272
14.3.3 后臺(tái)數(shù)據(jù)庫(kù)的連接 272
14.4 實(shí)戰(zhàn)演練 274
本章小結(jié)與重點(diǎn)回顧 276
第15章 動(dòng)態(tài)網(wǎng)站的開(kāi)發(fā) 277
15.1 制作動(dòng)態(tài)網(wǎng)頁(yè)—留言板制作 277
15.1.1 案例綜述 277
15.1.2 案例分析 277
15.1.3 實(shí)現(xiàn)步驟 278
15.2 定義記錄集 296
15.3 動(dòng)態(tài)數(shù)據(jù)的綁定 299
15.4 設(shè)置服務(wù)器行為 300
15.4.1 顯示記錄 300
15.4.2 用戶身份驗(yàn)證 302
15.4.3 記錄的操作 304
15.5 實(shí)戰(zhàn)演練 307
本章小結(jié)與重點(diǎn)回顧 309