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

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