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

目錄
第1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)\t1
1．1 網(wǎng)站的概念\t1
1．2 網(wǎng)站的組成\t2
1．2．1 域名\t2
1．2．2 網(wǎng)站空間\t3
1．2．3 網(wǎng)站程序\t4
1．3 網(wǎng)站的分類\t4
1．4 網(wǎng)站建設(shè)基本流程\t7
1．5　網(wǎng)站制作工具\(yùn)t8
1．6　網(wǎng)頁(yè)基本元素\t8
1．7　Dreamweaver CC工作環(huán)境\t10
1．7．1 Dreamweaver CC的啟動(dòng)\t11
1．7．2 Dreamweaver CC
的工作區(qū)\t11
1．7．3 調(diào)整工作區(qū)\t16
1．8 Dreamweaver工作流程\t18
本章小結(jié)與重點(diǎn)回顧\t19
第2章 創(chuàng)建本地站點(diǎn)\t20
2．1 創(chuàng)建本地站點(diǎn)―我的足球網(wǎng)\t20
2．1．1 案例綜述\t20
2．1．2 案例分析\t20
2．1．3 實(shí)現(xiàn)步驟\t21
2．2 網(wǎng)站規(guī)劃\t27
2．3 站點(diǎn)的創(chuàng)建與管理\t30
2．3．1 Dreamweaver中的站點(diǎn)\t30
2．3．2 創(chuàng)建本地站點(diǎn)\t31
2．3．3 站點(diǎn)的管理\t33
2．3．4　站點(diǎn)中文件的管理\t34
2．4 實(shí)戰(zhàn)演練\t36
本章小結(jié)與重點(diǎn)回顧\t36
第3章 網(wǎng)頁(yè)圖文編輯\t37
3．1 簡(jiǎn)單的圖文混排―我與足球
（me．html）\t37
3．1．1 案例綜述\t37
3．1．2 案例分析\t38
3．1．3 實(shí)現(xiàn)步驟\t38
3．2 網(wǎng)頁(yè)文本的插入及其屬性設(shè)置\t48
3．2．1 插入文本\t48
3．2．2 插入特殊符號(hào)\t48
3．2．3 設(shè)置文本格式\t49
3．3 網(wǎng)頁(yè)圖片的插入及其屬性設(shè)置\t54
3．3．1 網(wǎng)頁(yè)圖像格式\t54
3．3．2 插入圖像\t54
3．3．3 設(shè)置圖像的屬性\t55
3．3．4 創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像效果\t56
3．3．5 插入Fireworks HTML
代碼\t57
3．4 實(shí)戰(zhàn)演練\t57
本章小結(jié)與重點(diǎn)回顧\t58
第4章 建立網(wǎng)頁(yè)超鏈接\t59
4．1 編織網(wǎng)站鏈接―足球新聞
（news．html）\t59
4．1．1 案例綜述\t59
4．1．2 案例分析\t59
4．1．3 實(shí)現(xiàn)步驟\t59
4．2 超鏈接概述\t66
4．2．1 超鏈接的類型\t66
4．2．2 鏈接路徑\t66
4．2．3 創(chuàng)建超鏈接\t68
4．3 管理超鏈接\t70
4．3．1 自動(dòng)更新鏈接\t70
4．3．2 更改鏈接\t71
4．3．3　刪除鏈接\t71
4．3．4　檢查鏈接\t72
4．3．5　修復(fù)斷開(kāi)的鏈接\t73
4．4 實(shí)戰(zhàn)演練\t74
本章小結(jié)與重點(diǎn)回顧\t75
第5章 表格布局\t76
5．1 應(yīng)用表格布局頁(yè)面―足球
明星頁(yè)面photo．htm\t76
5．1．1 案例綜述\t76
5．1．2 案例分析\t77
5．1．3 實(shí)現(xiàn)步驟\t77
5．2 表格的基本操作\t81
5．2．1 插入表格\t81
5．2．2 選定表格和單元格\t82
5．2．3 設(shè)置表格和單元格
的屬性\t83
5．2．4 調(diào)整表格結(jié)構(gòu)\t84
5．3 頁(yè)面布局理論\t86
5．3．1 頁(yè)面布局原則\t86
5．3．2 頁(yè)面布局類型\t86
5．3．3 頁(yè)面布局方法\t88
5．3．4 頁(yè)面布局技術(shù)\t89
5．3．5 表格布局方法\t90
5．4 實(shí)戰(zhàn)演練\t92
本章小結(jié)與重點(diǎn)回顧\t94
第6章 層疊樣式表\t95
6．1 使用CSS格式化頁(yè)面\t95
6．1．1 案例綜述\t95
6．1．2 案例分析\t95
6．1．3 實(shí)現(xiàn)步驟\t96
6．2 CSS概述\t102
6．2．1 使用CSS的優(yōu)勢(shì)\t103
6．2．2 關(guān)于CSS規(guī)則\t103
6．2．3 關(guān)于層疊樣式\t104
6．3 CSS的創(chuàng)建與應(yīng)用\t105
6．3．1 “CSS設(shè)計(jì)器”面板\t105
6．3．2 創(chuàng)建和附加樣式表\t106
6．3．3 定義媒體查詢\t106
6．3．4　定義CSS選擇器\t106
6．3．5 設(shè)置CSS屬性\t107
6．4 CSS的應(yīng)用\t110
6．5 實(shí)戰(zhàn)演練\t111
本章小結(jié)與重點(diǎn)回顧\t112
第7章 CSS頁(yè)面布局\t113
7．1 應(yīng)用CSS布局頁(yè)面\t113
7．1．1 案例綜述\t113
7．1．2 案例分析\t114
7．1．3 實(shí)現(xiàn)步驟\t114
7．2 CSS布局設(shè)計(jì)\t123
7．2．1 Div標(biāo)簽的使用\t123
7．2．2 HTML結(jié)構(gòu)設(shè)計(jì)\t124
7．2．3 CSS頁(yè)面布局結(jié)構(gòu)\t125
7．3 CSS規(guī)則定義\t127
7．3．1 CSS盒模型\t127
7．3．2 CSS定位\t129
7．3．3 CSS中的浮動(dòng)和清除\t131
7．4 使用Dreamweaver CC中的CSS
布局工具\(yùn)t132
7．4．1 使用可視化助理\t132
7．4．2 使用系統(tǒng)提供的CSS布局
創(chuàng)建頁(yè)面\t132
7．5 使用流媒體網(wǎng)格布局\t134
7．5．1 創(chuàng)建流體網(wǎng)格布局\t134
7．5．2 編輯流體網(wǎng)格文檔\t135
7．5．3 插入流體網(wǎng)格元素\t135
7．6 實(shí)戰(zhàn)演練\t136
本章小結(jié)與重點(diǎn)回顧\t141
第8章 模板和庫(kù)\t142
8．1 應(yīng)用模板制作相似網(wǎng)頁(yè)―美文
隨筆\t142
8．1．1 案例綜述\t142
8．1．2 案例分析\t143
8．1．3 實(shí)現(xiàn)步驟\t143
8．2 使用模板\t151
8．2．1 模板的基本特點(diǎn)\t151
8．2．2 模板的創(chuàng)建與保存\t151
8．2．3 模板區(qū)域\t153
8．2．4 創(chuàng)建基于模板的網(wǎng)頁(yè)\t154
8．2．5 修改模板及更新頁(yè)面\t156
8．3 使用庫(kù)\t157
8．3．1 創(chuàng)建庫(kù)項(xiàng)目\t157
8．3．2 插入庫(kù)項(xiàng)目\t158
8．3．3 修改庫(kù)項(xiàng)目和更新
站點(diǎn)\t158
8．4 資源管理\t159
8．5 實(shí)戰(zhàn)演練\t160
本章小結(jié)與重點(diǎn)回顧\t161
第9章 插入多媒體元素\t162
9．1 網(wǎng)頁(yè)的動(dòng)感效果設(shè)計(jì)―多媒體
示例\t162
9．1．1 案例綜述\t162
9．1．2 案例分析\t163
9．1．3 實(shí)現(xiàn)步驟\t163
9．2 應(yīng)用多媒體元素\t171
9．2．1 插入Edge Animate
作品\t171
9．2．2 插入HTML 5視頻\t172
9．2．3 插入HTML 5音頻\t173
9．2．4 插入Flash動(dòng)畫(huà)\t174
9．2．5 插入Flash視頻\t176
9．2．6 插入插件\t178
9．3 擴(kuò)展功能（使用第三方
插件）\t179
9．4 實(shí)戰(zhàn)演練\t181
本章小結(jié)與重點(diǎn)回顧\t183
第10章 行為\t184
10．1 使用“行為”為網(wǎng)站增加
交互\t184
10．1．1 案例綜述\t184
10．1．2 案例分析\t184
10．1．3 實(shí)現(xiàn)步驟\t185
10．2 行為概述\t188
10．3 使用Dreamweaver CC
內(nèi)置的行為\t191
10．4 行為的修改與更新\t197
10．5 實(shí)戰(zhàn)演練\t198
本章小結(jié)與重點(diǎn)回顧\t199
第11章 表單\t200
11．1 表單頁(yè)面制作―注冊(cè)\t200
11．1．1 案例綜述\t200
11．1．2 案例分析\t201
11．1．3 實(shí)現(xiàn)步驟\t201
11．2 表單概述\t206
11．3 創(chuàng)建HTML表單\t208
11．4 實(shí)戰(zhàn)演練\t214
本章小結(jié)與重點(diǎn)回顧\t215
第12章 使用jQuery UI小部件\t216
12．1 使用“jQuery UI”小部件布局
頁(yè)面\t216
12．1．1 案例綜述\t216
12．1．2 案例分析\t217
12．1．3 實(shí)現(xiàn)步驟\t217
12．2 jQuery UI小部件\t222
12．2．1 折疊面板\t222
12．2．2 選項(xiàng)卡\t224
12．2．3 日期選擇器\t225
12．2．4 進(jìn)度條\t226
12．2．5 對(duì)話框\t227
12．2．6 自動(dòng)填充\t228
12．2．7 滑塊\t229
12．2．8 按鈕及按鈕組\t230
12．2．9 復(fù)選框按鈕組及單選
按鈕組\t231
12．2．10 保存含有“jQuery UI”
小部件的頁(yè)面\t231
12．3 實(shí)戰(zhàn)演練\t232
本章小結(jié)與重點(diǎn)回顧\t235
第13章 站點(diǎn)整理維護(hù)與上傳\t236
13．1 網(wǎng)站整理上傳\t236
13．1．1 案例綜述\t236
13．1．2 案例分析\t236
13．1．3 實(shí)現(xiàn)步驟\t236
13．2 網(wǎng)站上傳前的準(zhǔn)備\t242
13．2．1 網(wǎng)上空間準(zhǔn)備\t242
13．2．2 站點(diǎn)檢查\t243
13．2．3 檢查鏈接\t244
13．3 上傳網(wǎng)站\t245
13．3．1 Web方式上傳網(wǎng)站\t245
13．3．2 FTP方式上傳網(wǎng)站\t246
13．4 網(wǎng)站的維護(hù)與更新\t249
13．5 網(wǎng)站的推廣\t250
13．6 Dreamweaver站點(diǎn)維護(hù)\t252
13．6．1 文件擴(kuò)展面板\t252
13．6．2 站點(diǎn)文件同步\t253
13．6．3 存回和取出\t254
13．6．4 使用設(shè)計(jì)備注\t255
13．7 實(shí)戰(zhàn)演練\t256
本章小結(jié)與重點(diǎn)回顧\t256
第14章 Web應(yīng)用程序開(kāi)發(fā)\t257
14．1 留言板制作―開(kāi)發(fā)前期準(zhǔn)備\t257
14．1．1 案例綜述\t257
14．1．2 案例分析\t257
14．1．3 實(shí)現(xiàn)步驟\t258
14．2 Web應(yīng)用程序概述\t268
14．2．1 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)\t268
14．2．2 構(gòu)建Web應(yīng)用程序的
基本流程\t268
14．3 設(shè)置Web應(yīng)用程序開(kāi)發(fā)及
運(yùn)行環(huán)境\t269
14．3．1 Web服務(wù)器的安裝與
配置\t269
14．3．2 在Dreamweaver CC中
配置應(yīng)用程序服務(wù)器\t271
14．3．3 后臺(tái)數(shù)據(jù)庫(kù)的連接\t271
14．4 實(shí)戰(zhàn)演練\t273
本章小結(jié)與重點(diǎn)回顧\t275
第15章 動(dòng)態(tài)網(wǎng)站的開(kāi)發(fā)\t276
15．1 制作動(dòng)態(tài)網(wǎng)頁(yè)―留言板
制作\t276
15．1．1 案例綜述\t276
15．1．2 案例分析\t276
15．1．3 實(shí)現(xiàn)步驟\t277
15．2 定義記錄集\t295
15．3 動(dòng)態(tài)數(shù)據(jù)的綁定\t298
15．4 設(shè)置服務(wù)器行為\t299
15．4．1 顯示記錄\t300
15．4．2 用戶身份驗(yàn)證\t301
15．4．3 記錄的操作\t303
15．5 實(shí)戰(zhàn)演練\t306
本章小結(jié)與重點(diǎn)回顧\t308