網頁設計與制作（Dreamweaver CC 2017）

目　　錄
第1章　網頁制作基礎 1
1．1　網站建設基本概念 1
1．1．1　萬維網 1
1．1．2　網頁與網站 1
1．1．3　域名和URL 1
1．1．4　靜態(tài)網頁和動態(tài)網頁 2
1．1．5　本地站點和遠程站點 2
1．1．6　HTML、XML、XHTML 2
1．2　網站制作的相關技術及工具 3
1．3　網站開發(fā)的流程 4
1．3．1　網站制作的流程 4
1．3．2　網頁設計的原則 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)建旅游網站 15
2．3．1　實訓目標 15
2．3．2　實訓要求 16
2．3．3　操作步驟 16
自我檢測 18
第3章　HTML 19
3．1　網頁基本結構 19
3．1．1　HTML基本結構 19
3．1．2　HTML標簽和屬性 21
3．2　常用的HTML標簽 23
3．2．1　文本相關標簽 23
3．2．2　字體格式化相關標簽 26
3．2．3　列表相關標簽 29
3．2．4　多媒體相關標簽 31
3．2．5　滾動對象標簽 33
3．2．6　超鏈接標簽 36
3．2．7　表格標簽 37
3．3　實訓―創(chuàng)建HTML網頁 39
3．3．1　實訓目標 39
3．3．2　實訓要求 39
3．3．3　操作步驟 39
自我檢測 41
第4章　輸入文本與常用頁面元素 42
4．1　輸入文本 42
4．1．1　輸入文本內容并設置文本格式 42
4．1．2　設置字體 44
4．1．3　設置段落格式 47
4．2　輸入常用頁面元素 49
4．2．1　插入日期 49
4．2．2　插入列表 50
4．2．3　插入水平線和特殊字符 52
4．3　實訓―創(chuà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　設置背景圖像 64
5．1．4　鼠標經過圖像 65
5．2　插入多媒體對象 67
5．2．1　插入Flash動畫 67
5．2．2　插入FLV視頻 69
5．2．3　添加背景音樂 71
5．3　實訓―創(chuà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　應用表格布局網頁 81
6．3　實訓―創(chuà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　設置超鏈接目標 100
7．3　實訓―創(chuà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　彈出信息和設置狀態(tài)欄文本 123
8．2．4　打開瀏覽器窗口 126
8．3　實訓―創(chuà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)建四川旅游網 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布局網頁 164
10．3　實訓―創(chuàng)建大連旅游網頁 169
10．3．1　實訓目標 169
10．3．2　實訓要求 170
10．3．3　操作步驟 170
自我檢測 177
第11章　Dreamweaver與其他軟件結合 178
11．1　Dreamweaver與Photoshop結合 178
11．1．1　了解Photoshop CC 178
11．1．2　Photoshop CC的工作界面介紹 178
11．1．3　制作背景圖像 179
11．1．4　制作導航按鈕 183
11．1．5　制作網站LOGO 186
11．1．6　制作網站首頁 189
11．2　Dreamweaver與Flash結合 196
11．2．1　了解Flash CC 196
11．2．2　Flash CC的工作界面介紹 196
11．2．3　制作Banner動畫 197
11．2．4　用Flash制作網站的首頁 205
11．3　實訓―創(chuàng)建張家界旅游網 213
11．3．1　實訓目標 213
11．3．2　實訓要求 214
11．3．3　操作步驟 214
自我檢測 221
第12章　創(chuàng)建移動設備網頁 222
12．1　創(chuàng)建jQuery Mobile網頁 222
12．1．1　了解jQuery Mobile網頁 222
12．1．2　創(chuàng)建jQuery Mobile網頁 222
12．2　創(chuàng)建jQuery Mobile表單 227
12．3　實訓―創(chuà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布局網頁 248
13．4．2　制作具體內容 253
13．4．3　設置超鏈接 254
13．5　制作電影介紹頁面 255
13．5．1　利用表格布局網頁 255
13．5．2　制作具體內容 257
13．5．3　設置超鏈接 258
13．6　制作影視交流頁面 259
13．6．1　制作表單內容 259
13．6．2　設置表單提交 261
自我檢測 261