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

目　　錄
第1章　網(wǎng)頁(yè)制作基礎(chǔ) 1
1．1　網(wǎng)站建設(shè)基本概念 1
1．1．1　萬(wàn)維網(wǎng) 1
1．1．2　網(wǎng)頁(yè)與網(wǎng)站 1
1．1．3　域名和URL 1
1．1．4　靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè) 2
1．1．5　本地站點(diǎn)和遠(yuǎn)程站點(diǎn) 2
1．1．6　HTML、XML、XHTML 2
1．2　網(wǎng)站制作的相關(guān)技術(shù)及工具 3
1．3　網(wǎng)站開(kāi)發(fā)的流程 4
1．3．1　網(wǎng)站制作的流程 4
1．3．2　網(wǎng)頁(yè)設(shè)計(jì)的原則 4
自我檢測(cè) 5
第2章　Dreamweaver CC 2017與站點(diǎn)建立 6
2．1　初識(shí)Dreamweaver CC 2017 6
2．1．1　啟動(dòng) Dreamweaver CC 2017 6
2．1．2　Dreamweaver CC 2017工作界面介紹 7
2．2　站點(diǎn)的建立與管理 8
2．2．1　站點(diǎn)的建立 8
2．2．2　站點(diǎn)的管理 9
2．2．3　站點(diǎn)文件夾的創(chuàng)建 11
2．2．4　站點(diǎn)文件的創(chuàng)建 12
2．3　實(shí)訓(xùn)―創(chuàng)建旅游網(wǎng)站 15
2．3．1　實(shí)訓(xùn)目標(biāo) 15
2．3．2　實(shí)訓(xùn)要求 16
2．3．3　操作步驟 16
自我檢測(cè) 18
第3章　HTML 19
3．1　網(wǎng)頁(yè)基本結(jié)構(gòu) 19
3．1．1　HTML基本結(jié)構(gòu) 19
3．1．2　HTML標(biāo)簽和屬性 21
3．2　常用的HTML標(biāo)簽 23
3．2．1　文本相關(guān)標(biāo)簽 23
3．2．2　字體格式化相關(guān)標(biāo)簽 26
3．2．3　列表相關(guān)標(biāo)簽 29
3．2．4　多媒體相關(guān)標(biāo)簽 31
3．2．5　滾動(dòng)對(duì)象標(biāo)簽 33
3．2．6　超鏈接標(biāo)簽 36
3．2．7　表格標(biāo)簽 37
3．3　實(shí)訓(xùn)―創(chuàng)建HTML網(wǎng)頁(yè) 39
3．3．1　實(shí)訓(xùn)目標(biāo) 39
3．3．2　實(shí)訓(xùn)要求 39
3．3．3　操作步驟 39
自我檢測(cè) 41
第4章　輸入文本與常用頁(yè)面元素 42
4．1　輸入文本 42
4．1．1　輸入文本內(nèi)容并設(shè)置文本格式 42
4．1．2　設(shè)置字體 44
4．1．3　設(shè)置段落格式 47
4．2　輸入常用頁(yè)面元素 49
4．2．1　插入日期 49
4．2．2　插入列表 50
4．2．3　插入水平線和特殊字符 52
4．3　實(shí)訓(xùn)―創(chuàng)建旅游網(wǎng)頁(yè) 54
4．3．1　實(shí)訓(xùn)目標(biāo) 54
4．3．2　實(shí)訓(xùn)要求 54
4．3．3　操作步驟 55
自我檢測(cè) 58
第5章　插入圖像和多媒體對(duì)象 59
5．1　插入圖像 59
5．1．1　插入與編輯圖像 59
5．1．2　美化圖像 62
5．1．3　設(shè)置背景圖像 64
5．1．4　鼠標(biāo)經(jīng)過(guò)圖像 65
5．2　插入多媒體對(duì)象 67
5．2．1　插入Flash動(dòng)畫(huà) 67
5．2．2　插入FLV視頻 69
5．2．3　添加背景音樂(lè) 71
5．3　實(shí)訓(xùn)―創(chuàng)建景點(diǎn)介紹網(wǎng)頁(yè) 72
5．3．1　實(shí)訓(xùn)目標(biāo) 72
5．3．2　實(shí)訓(xùn)要求 73
5．3．3　操作步驟 73
自我檢測(cè) 75
第6章　表格 76
6．1　插入和修改表格 76
6．1．1　插入表格 76
6．1．2　修改表格 77
6．2　應(yīng)用表格布局網(wǎng)頁(yè) 81
6．3　實(shí)訓(xùn)―創(chuàng)建上海旅游網(wǎng) 85
6．3．1　實(shí)訓(xùn)目標(biāo) 85
6．3．2　實(shí)訓(xùn)要求 85
6．3．3　操作步驟 85
自我檢測(cè) 90
第7章　超鏈接 91
7．1　常用的超鏈接 91
7．1．1　認(rèn)識(shí)超鏈接 91
7．1．2　絕對(duì)超鏈接和相對(duì)超鏈接 91
7．1．3　圖片超鏈接和文字超鏈接 91
7．1．4　圖像熱點(diǎn)超鏈接 93
7．1．5　電子郵件超鏈接 95
7．1．6　錨點(diǎn)超鏈接 96
7．1．7　下載超鏈接 98
7．1．8　腳本超鏈接 99
7．2　設(shè)置超鏈接目標(biāo) 100
7．3　實(shí)訓(xùn)―創(chuàng)建北京旅游網(wǎng)站 102
7．3．1　實(shí)訓(xùn)目標(biāo) 102
7．3．2　實(shí)訓(xùn)要求 102
7．3．3　操作步驟 102
自我檢測(cè) 105
第8章　表單與行為 106
8．1　表單應(yīng)用 106
8．1．1　表單 106
8．1．2　創(chuàng)建表單 106
8．1．3　添加常用表單元素 108
8．1．4　提交表單 116
8．1．5　日期和時(shí)間 118
8．2　行為應(yīng)用 120
8．2．1　行為 120
8．2．2　檢查表單 121
8．2．3　彈出信息和設(shè)置狀態(tài)欄文本 123
8．2．4　打開(kāi)瀏覽器窗口 126
8．3　實(shí)訓(xùn)―創(chuàng)建旅游反饋調(diào)查網(wǎng)頁(yè) 128
8．3．1　實(shí)訓(xùn)目標(biāo) 128
8．3．2　實(shí)訓(xùn)要求 129
8．3．3　操作步驟 129
自我檢測(cè) 132
第9章　模板與庫(kù) 133
9．1　模板應(yīng)用 133
9．1．1　模板 133
9．1．2　創(chuàng)建模板 133
9．1．3　應(yīng)用模板 135
9．1．4　修改模板 137
9．2　庫(kù)應(yīng)用 141
9．2．1　庫(kù) 141
9．2．2　“資源”面板 142
9．2．3　創(chuàng)建庫(kù)項(xiàng)目 142
9．2．4　應(yīng)用庫(kù)項(xiàng)目 143
9．2．5　修改庫(kù)項(xiàng)目 145
9．3　實(shí)訓(xùn)―創(chuàng)建四川旅游網(wǎng) 148
9．3．1　實(shí)訓(xùn)目標(biāo) 148
9．3．2　實(shí)訓(xùn)要求 149
9．3．3　操作步驟 149
自我檢測(cè) 152
第10章　CSS與盒子模型 153
10．1　CSS應(yīng)用 153
10．1．1 了解CSS 153
10．1．2　新建樣式表 153
10．1．3　應(yīng)用CSS樣式 155
10．1．4　新建ID樣式表 158
10．1．5　保存和導(dǎo)入樣式表 160
10．2　盒子模型 163
10．2．1　了解盒子模型 163
10．2．2　Div+CSS布局網(wǎng)頁(yè) 164
10．3　實(shí)訓(xùn)―創(chuàng)建大連旅游網(wǎng)頁(yè) 169
10．3．1　實(shí)訓(xùn)目標(biāo) 169
10．3．2　實(shí)訓(xùn)要求 170
10．3．3　操作步驟 170
自我檢測(cè) 177
第11章　Dreamweaver與其他軟件結(jié)合 178
11．1　Dreamweaver與Photoshop結(jié)合 178
11．1．1　了解Photoshop CC 178
11．1．2　Photoshop CC的工作界面介紹 178
11．1．3　制作背景圖像 179
11．1．4　制作導(dǎo)航按鈕 183
11．1．5　制作網(wǎng)站LOGO 186
11．1．6　制作網(wǎng)站首頁(yè) 189
11．2　Dreamweaver與Flash結(jié)合 196
11．2．1　了解Flash CC 196
11．2．2　Flash CC的工作界面介紹 196
11．2．3　制作Banner動(dòng)畫(huà) 197
11．2．4　用Flash制作網(wǎng)站的首頁(yè) 205
11．3　實(shí)訓(xùn)―創(chuàng)建張家界旅游網(wǎng) 213
11．3．1　實(shí)訓(xùn)目標(biāo) 213
11．3．2　實(shí)訓(xùn)要求 214
11．3．3　操作步驟 214
自我檢測(cè) 221
第12章　創(chuàng)建移動(dòng)設(shè)備網(wǎng)頁(yè) 222
12．1　創(chuàng)建jQuery Mobile網(wǎng)頁(yè) 222
12．1．1　了解jQuery Mobile網(wǎng)頁(yè) 222
12．1．2　創(chuàng)建jQuery Mobile網(wǎng)頁(yè) 222
12．2　創(chuàng)建jQuery Mobile表單 227
12．3　實(shí)訓(xùn)―創(chuàng)建海南旅游網(wǎng) 233
12．3．1　實(shí)訓(xùn)目標(biāo) 233
12．3．2　實(shí)訓(xùn)要求 234
12．3．3　操作步驟 235
自我檢測(cè) 236
第13章　綜合應(yīng)用 238
13．1　實(shí)訓(xùn)目標(biāo)及制作思路 238
13．1．1　實(shí)訓(xùn)目標(biāo) 238
13．1．2　制作思路 239
13．2　站點(diǎn)規(guī)劃及建立站點(diǎn) 239
13．2．1　站點(diǎn)規(guī)劃 239
13．2．2　建立站點(diǎn) 239
13．3　素材準(zhǔn)備 241
13．3．1　制作背景圖片 241
13．3．2　制作導(dǎo)航按鈕 242
13．3．3　制作Flash動(dòng)畫(huà) 243
13．4　首頁(yè)制作 248
13．4．1　利用Div+CSS布局網(wǎng)頁(yè) 248
13．4．2　制作具體內(nèi)容 253
13．4．3　設(shè)置超鏈接 254
13．5　制作電影介紹頁(yè)面 255
13．5．1　利用表格布局網(wǎng)頁(yè) 255
13．5．2　制作具體內(nèi)容 257
13．5．3　設(shè)置超鏈接 258
13．6　制作影視交流頁(yè)面 259
13．6．1　制作表單內(nèi)容 259
13．6．2　設(shè)置表單提交 261
自我檢測(cè) 261