Dreamweaver CC中文版網(wǎng)頁設計與制作（微課版）

目    錄
第1章  網(wǎng)頁設計制作基礎入門 1
1.1  什么是網(wǎng)頁 2
1.1.1  認識網(wǎng)站與網(wǎng)頁 2
1.1.2  靜態(tài)網(wǎng)頁 3
1.1.3  動態(tài)網(wǎng)頁 4
1.2  制作網(wǎng)頁的常用工具 5
1.2.1  網(wǎng)頁編輯排版軟件Dreamweaver 5
1.2.2  圖像制作軟件Photoshop和Fireworks 6
1.2.3  網(wǎng)頁動畫制作軟件Flash 7
1.2.4  網(wǎng)頁標記語言HTML 8
1.2.5  網(wǎng)頁腳本語言JavaScript 8
1.2.6  動態(tài)網(wǎng)頁編程語言ASP 8
1.3  網(wǎng)頁的基本要素 9
1.3.1  Logo 9
1.3.2  Banner 9
1.3.3  導航欄 10
1.3.4  文本 10
1.3.5  圖像 10
1.3.6  Flash動畫 11
1.3.7  表單 11
1.3.8  屏幕分辨率 11
1.4  網(wǎng)頁的相關知識 12
1.4.1  因特網(wǎng) 12
1.4.2  萬維網(wǎng) 13
1.4.3  瀏覽器 13
1.4.4  HTML 13
1.4.5  電子郵件 13
1.4.6  URL 14
1.4.7  域名 14
1.4.8  IP地址 14
1.5  網(wǎng)頁設計中的色彩應用 15
1.5.1  網(wǎng)頁色彩的特性 15
1.5.2  網(wǎng)頁安全色 16
1.5.3  色彩模式 16
1.5.4  網(wǎng)頁配色的基本規(guī)則 17
1.5.5  網(wǎng)頁配色中的文本顏色 18
1.6  怎樣設計出好的網(wǎng)頁 19
1.6.1  網(wǎng)頁設計的基本原則 19
1.6.2  網(wǎng)頁設計的成功要素 20
1.6.3  網(wǎng)頁的色彩搭配 21
1.7  范例應用與上機操作 22
1.7.1  網(wǎng)站的制作流程 22
1.7.2  靜態(tài)網(wǎng)頁的制作流程 24
1.7.3  網(wǎng)頁編輯器 24
1.8  本章小結與課后練習 25
第2章  Dreamweaver CC輕松入門 27
2.1  認識工作界面 28
2.1.1  界面布局 28
2.1.2  菜單欄 28
2.1.3  【插入】面板 29
2.1.4  工具窗口和面板 30
2.1.5  屬性檢查器 31
2.1.6  使用管理面板和面板組 32
2.2  設置Dreamweaver視圖 33
2.2.1  切換“文檔”視圖 33
2.2.2  使用可視化助理 34
2.3  范例應用與上機操作 36
2.3.1  使用輔助線 36
2.3.2  使用跟蹤圖像 37
2.3.3  設置縮放比率 38
2.3.4  調(diào)整窗口大小 39
2.3.5  調(diào)整頁面方向 39
2.3.6  設置工具欄顯示方式 40
2.4  本章小結與課后練習 41
2.4.1  思考與練習 41
2.4.2  上機操作 41
第3章  創(chuàng)建與管理本地站點 43
3.1  站點及站點結構 44
3.1.1  什么是站點 44
3.1.2  站點結構 44
3.2  創(chuàng)建本地站點 45
3.2.1  使用向?qū)Т罱ㄕ军c 45
3.2.2  使用高級面板創(chuàng)建站點 46
3.3  管理站點 46
3.3.1  認識【管理站點】對話框 47
3.3.2  打開站點 48
3.3.3  編輯站點 48
3.3.4  復制站點 49
3.3.5  刪除站點 49
3.3.6  站點的切換 50
3.4  站點的規(guī)劃與操作 51
3.4.1  站點規(guī)劃 51
3.4.2  在站點中新建文件夾 51
3.4.3  在站點中新建網(wǎng)頁文件 52
3.4.4  使用【新建文檔】對話框新建文件 53
3.4.5  移動和復制文件或文件夾 53
3.4.6  重命名文件或文件夾 55
3.4.7  刪除文件或文件夾 56
3.5  范例應用與上機操作 57
3.5.1  在站點中新建名為“音樂”的文件夾 57
3.5.2  在站點中新建名為“視頻網(wǎng)頁”的文件 57
3.5.3  使用站點地圖 58
3.5.4  Business Catalyst站點 58
3.5.5  文件視圖列 59
3.6  本章小結與課后練習 60
3.6.1  思考與練習 60
3.6.2  上機操作 60
第4章  編輯結構清晰的網(wǎng)頁信息 61
4.1  在網(wǎng)頁中插入文本 62
4.1.1  輸入網(wǎng)頁文本 62
4.1.2  設置文本屬性 63
4.1.3  允許輸入連續(xù)的空格 63
4.1.4  設置是否顯示不可見元素 64
4.1.5  設置頁邊距 64
4.2  插入特殊文本對象 65
4.2.1  插入特殊字符 66
4.2.2  插入水平線 66
4.2.3  插入日期和時間 67
4.3  項目列表和編號列表 67
4.3.1  設置項目列表或編號列表 68
4.3.2  修改項目列表或編號列表 68
4.3.3  設置文本縮進格式 69
4.4  設置頁面的META信息 70
4.4.1  設置網(wǎng)頁的文字編碼格式 70
4.4.2  設置網(wǎng)頁的到期時間 70
4.4.3  禁止瀏覽器從本地計算機的緩存中讀取頁面內(nèi)容 70
4.5  設置網(wǎng)頁的頭信息 71
4.5.1  設置網(wǎng)頁標題 71
4.5.2  添加關鍵字 72
4.5.3  添加說明 72
4.6  設置頁面屬性 73
4.6.1  設置外觀(CSS) 73
4.6.2  設置外觀(HTML) 74
4.6.3  設置鏈接(CSS) 74
4.6.4  設置標題(CSS) 75
4.6.5  設置標題和編碼 75
4.6.6  設置跟蹤圖像 76
4.7  范例應用與上機操作 76
4.7.1  設置cookie過期 77
4.7.2  強制網(wǎng)頁在當前窗口中以獨立頁面顯示 77
4.7.3  設置網(wǎng)頁打開時的效果 78
4.7.4  設置網(wǎng)頁退出時的效果 78
4.7.5  插入短破折線 79
4.8  本章小結與課后練習 79
4.8.1  思考與練習 80
4.8.2  上機操作 80
第5章  在網(wǎng)頁中應用圖像與多媒體 81
5.1  常用的圖像格式 82
5.1.1  JPEG格式圖像 82
5.1.2  GIF格式圖像 82
5.1.3  PNG格式圖像 82
5.2  插入與設置圖像 83
5.2.1  在網(wǎng)頁中插入圖像文件 83
5.2.2  設置網(wǎng)頁背景圖 84
5.2.3  圖像的對齊方式 84
5.2.4  插入Photoshop智能對象 85
5.2.5  更改圖像的基本屬性 86
5.3  多媒體在網(wǎng)頁中的應用 87
5.3.1  插入并設置Flash動畫 88
5.3.2  插入Flash Video 89
5.3.3  插入普通音頻 91
5.4  插入其他圖像 92
5.4.1  插入鼠標經(jīng)過圖像 92
5.4.2  插入Fireworks HTML 93
5.5  編輯圖像 94
5.5.1  裁剪圖像 94
5.5.2  更改圖像大小 95
5.5.3  調(diào)整亮度和對比度 95
5.5.4  銳化圖像 96
5.6  使用熱區(qū) 97
5.6.1  繪制熱區(qū) 97
5.6.2  在【屬性】面板中設置熱區(qū) 98
5.7  范例應用與上機操作 98
5.7.1  插入HTML5 Video 98
5.7.2  插入HTML5 Audio 99
5.7.3  插入Edge Animate 100
5.7.4  重新取樣 101
5.7.5  復制Photoshop選區(qū)圖像 102
5.8  本章小結與課后練習 103
5.8.1  思考與練習 104
5.8.2  上機操作 104
第6章  超鏈接 105
6.1  超鏈接基本概念 106
6.1.1  超鏈接的定義 106
6.1.2  內(nèi)部、外部與腳本鏈接 106
6.1.3  超鏈接的類型 107
6.2  鏈接路徑 109
6.2.1  路徑 109
6.2.2  文檔相對路徑 110
6.2.3  站點根目錄相對路徑 111
6.3  創(chuàng)建超鏈接的方法 112
6.3.1  使用指向文件圖標創(chuàng)建鏈接 112
6.3.2  使用【屬性】面板創(chuàng)建鏈接 112
6.4  創(chuàng)建不同種類的超鏈接 113
6.4.1  文本超鏈接 113
6.4.2  空鏈接 114
6.4.3  電子郵件鏈接 115
6.5  管理與設置超鏈接 116
6.5.1  自動更新鏈接 116
6.5.2  在站點范圍內(nèi)更改鏈接 117
6.5.3  檢查站點中的鏈接錯誤 118
6.6  超鏈接的屬性控制 119
6.6.1  a:link 119
6.6.2  a:active 119
6.6.3  a:hover 119
6.6.4  a:visited 119
6.7  范例應用與上機操作 120
6.7.1  創(chuàng)建腳本鏈接 120
6.7.2  創(chuàng)建下載文件鏈接 121
6.7.3  創(chuàng)建錨記鏈接 122
6.7.4  創(chuàng)建音視頻鏈接 122
6.7.5  使用Hyperlink對話框 123
6.8  本章小結與課后練習 124
6.8.1  思考與練習 124
6.8.2  上機操作 125
第7章  使用表格布局頁面 127
7.1  表格的創(chuàng)建與應用 128
7.1.1  表格的定義與用途 128
7.1.2  創(chuàng)建表格 129
7.1.3  在表格中輸入內(nèi)容 130
7.1.4  在單元格中插入圖像 130
7.1.5  創(chuàng)建嵌套表格 131
7.2  設置表格及單元格的屬性 132
7.2.1  設置表格屬性 132
7.2.2  設置單元格屬性 133
7.3  調(diào)整表格結構 134
7.3.1  選擇單元格和表格 134
7.3.2  調(diào)整單元格和表格的大小 135
7.3.3  插入與刪除表格的行和列 137
7.4  處理表格數(shù)據(jù) 139
7.4.1  導入Excel文檔 139
7.4.2  排序表格 140
7.5  數(shù)據(jù)表格樣式 141
7.5.1  表格模型 142
7.5.2  表格標題 143
7.5.3  表格樣式控制 143
7.6  范例應用與上機操作 144
7.6.1  拆分單元格 144
7.6.2  合并單元格 145
7.6.3  復制、剪切和粘貼表格 146
7.6.4  導入表格式數(shù)據(jù) 148
7.6.5  導入Word文檔 149
7.7  本章小結與課后練習 149
7.7.1  思考與練習 150
7.7.2  上機操作 150
第8章  應用CSS樣式美化網(wǎng)頁 151
8.1  什么是CSS樣式表 152
8.1.1  認識CSS 152
8.1.2  CSS樣式的類型 152
8.1.3  CSS樣式基本語法 153
8.2  使用【CSS設計器】面板 154
8.2.1  認識【CSS設計器】面板 154
8.2.2  創(chuàng)建與附加CSS樣式表 156
8.2.3  設定媒體查詢 158
8.2.4  定義選擇器 159
8.2.5  設置CSS規(guī)則屬性 161
8.3  CSS選擇器的類型 161
8.3.1  通配符選擇器 162
8.3.2  標簽選擇器 162
8.3.3  類選擇器 162
8.3.4  ID選擇器 164
8.3.5  偽類及偽對象選擇器 164
8.3.6  群選擇器 165
8.3.7  派生選擇器 165
8.4  創(chuàng)建CSS樣式 166
8.4.1  創(chuàng)建標簽CSS樣式 166
8.4.2  創(chuàng)建類CSS樣式 167
8.4.3  創(chuàng)建ID CSS樣式 168
8.4.4  創(chuàng)建復合CSS樣式 170
8.5  編輯CSS樣式 171
8.5.1  設定類型屬性 171
8.5.2  設定背景屬性 172
8.5.3  設定方框?qū)傩?173
8.5.4  設定區(qū)塊屬性 174
8.5.5  設定邊框?qū)傩?174
8.5.6  設定列表屬性 175
8.5.7  設定定位屬性 176
8.5.8  設定擴展屬性 176
8.5.9  設定過渡屬性 177
8.6  在Dreamweaver中使用CSS樣式 178
8.6.1  內(nèi)聯(lián)CSS樣式 178
8.6.2  內(nèi)部CSS樣式 178
8.6.3  鏈接外部CSS樣式表文件 179
8.6.4  導入外部CSS樣式表文件 179
8.7  應用CSS3過渡效果 179
8.7.1  創(chuàng)建CSS3過渡效果 179
8.7.2  編輯CSS3過渡效果 181
8.7.3  刪除CSS3過渡效果 181
8.8  范例應用與上機操作 183
8.8.1  應用CSS設置固定字體、字號以及字體顏色 183
8.8.2  給網(wǎng)頁添加邊框效果 183
8.8.3  為網(wǎng)頁添加CSS類選區(qū) 184
8.8.4  設置內(nèi)邊距屬性 185
8.8.5  給文本添加列表項目符號 186
8.8.6  給網(wǎng)頁添加背景 187
8.9  本章小結與課后練習 188
8.9.1  思考與練習 188
8.9.2  上機操作 188
第9章  應用Div CSS布局網(wǎng)頁 189
9.1  Div概述 190
9.1.1  什么是Div 190
9.1.2  Div CSS布局的優(yōu)勢 190
9.1.3  Div標記和Span標記的區(qū)別 191
9.2  應用Div布局網(wǎng)頁 191
9.2.1  頁面布局分析 191
9.2.2  插入和編輯Div標簽 192
9.2.3  Div的嵌套和固定格式 193
9.3  可視化盒模型 194
9.3.1  盒模型的概念 194
9.3.2  CSS盒模型的要點 195
9.3.3  margin屬性 196
9.3.4  border屬性 197
9.3.5  padding屬性 198
9.3.6  空白邊的疊加 200
9.4  CSS的布局定位 200
9.4.1  浮動定位 201
9.4.2  通過position屬性定位 201
9.4.3  相對定位 203
9.4.4  定位 204
9.4.5  固定定位 205
9.5  范例應用與上機操作 205
9.5.1  一列固定寬度布局 205
9.5.2  一列自適應布局 206
9.5.3  兩列固定寬度布局 207
9.5.4  兩列寬度自適應布局 208
9.5.5  兩列右列寬度自適應布局 209
9.5.6  三列浮動中間列寬度自適應布局 209
9.6  本章小結與課后練習 211
9.6.1  思考與練習 211
9.6.2  上機操作 212
第10章  使用模板和庫創(chuàng)建網(wǎng)頁 213
10.1  使用模板 214
10.1.1  模板的特點 214
10.1.2  創(chuàng)建模板 214
10.1.3  嵌套模板 215
10.2  設置模板 216
10.2.1  定義可編輯區(qū)域 216
10.2.2  定義可選區(qū)域 217
10.2.3  定義重復區(qū)域 217
10.2.4  定義可編輯的可選區(qū)域 218
10.2.5  定義重復表格 219
10.2.6  設置可編輯標簽屬性 220
10.3  應用模板 221
10.3.1  創(chuàng)建基于模板的網(wǎng)頁 221
10.3.2  更新模板和基于模板的網(wǎng)頁 222
10.3.3  從模板中脫離 223
10.4  創(chuàng)建與應用庫項目 223
10.4.1  認識庫項目 224
10.4.2  創(chuàng)建庫項目 224
10.4.3  插入庫項目 225
10.5  范例應用與上機操作 226
10.5.1  修改庫項目 226
10.5.2  更新庫項目 226
10.5.3  重命名庫項目 227
10.5.4  刪除庫項目 228
10.5.5  恢復庫項目 228
10.6  本章小結與課后練習 228
10.6.1  思考與練習 229
10.6.2  上機操作 229
第11章  創(chuàng)建表單網(wǎng)頁 231
11.1  表單概述 232
11.1.1  關于表單 232
11.1.2  常用表單元素 232
11.1.3  HTML5表單元素 234
11.2  添加表單 236
11.2.1  插入表單域 236
11.2.2  插入文本域 237
11.3  網(wǎng)頁元素 239
11.3.1  表單密碼 239
11.3.2  Url對象 239
11.3.3  Tel對象 240
11.3.4  搜索對象 240
11.3.5  數(shù)字對象 241
11.3.6  范圍對象 241
11.3.7  顏色對象 242
11.4  日期與時間元素 243
11.4.1  月對象 243
11.4.2  周對象 243
11.4.3  日期對象 244
11.4.4  時間對象 244
11.4.5  日期時間對象 245
11.5  選擇元素 246
11.5.1  選擇對象 246
11.5.2  單選按鈕 247
11.5.3  單選按鈕組 248
11.5.4  復選框 249
11.6  按鈕元素 250
11.6.1  普通按鈕 250
11.6.2  【提交】按鈕 251
11.6.3  【重置】按鈕 252
11.7  范例應用與上機操作 253
11.7.1  插入電子郵件對象 253
11.7.2  插入本地日期時間對象 254
11.7.3  復選框組 254
11.7.4  圖像按鈕 255
11.7.5  隱藏域 257
11.8  本章小結與課后練習 258
11.8.1  思考與練習 258
11.8.2  上機操作 258
第12章  使用行為創(chuàng)建動態(tài)效果 259
12.1  認識網(wǎng)頁行為 260
12.1.1  事件與動作 260
12.1.2  使用【行為】面板 260
12.1.3  常見動作類型 261
12.1.4  常見事件 262
12.1.5  編輯與應用網(wǎng)頁行為 263
12.2  使用行為調(diào)節(jié)瀏覽器 263
12.2.1  打開瀏覽器窗口 264
12.2.2  調(diào)用JavaScript 265
12.2.3  轉(zhuǎn)到URL 266
12.3  使用行為控制圖像 267
12.3.1  交換圖像 267
12.3.2  預先載入圖像 268
12.3.3  恢復交換圖像 269
12.4  使用行為顯示文本 269
12.4.1  彈出信息 269
12.4.2  設置狀態(tài)欄文本 270
12.4.3  設置容器的文本 271
12.5  使用行為加載多媒體 272
12.5.1  檢查插件 272
12.5.2  改變屬性 274
12.6  控制表單 275
12.6.1  跳轉(zhuǎn)菜單 275
12.6.2  跳轉(zhuǎn)菜單開始 277
12.6.3  檢查表單 277
12.7  使用JavaScript 278
12.7.1  利用JavaScript實現(xiàn)打印功能 279
12.7.2  利用JavaScript函數(shù)跳轉(zhuǎn)到某個頁面 279
12.7.3  利用JavaScript創(chuàng)建自動滾屏網(wǎng)頁效果 280
12.7.4  利用JavaScript函數(shù)實現(xiàn)動態(tài)時間 281
12.7.5  利用JavaScript函數(shù)實現(xiàn)動態(tài)側(cè)邊欄 282
12.8  范例應用與上機操作 284
12.8.1  設置文本域文字 284
12.8.2  設置框架文本 285
12.8.3  顯示和隱藏元素 285
12.8.4  拖動AP元素 287
12.8.5  利用JavaScript函數(shù)實現(xiàn)隨意更改背景顏色 288
12.9  本章小結與課后練習 290
12.9.1  思考與練習 290
12.9.2  上機操作 290
第13章  制作jQuery Mobile頁面 291
13.1  了解jQuery Mobile 292
13.1.1  什么是jQuery 292
13.1.2  認識jQuery Mobile 292
13.2  創(chuàng)建jQuery Mobile頁面 293
13.2.1  使用jQuery Mobile起始頁 293
13.2.2  使用HTML5頁面 294
13.2.3  jQuery Mobile頁面結構 294
13.3  使用jQuery Mobile組件 295
13.3.1  使用列表視圖 295
13.3.2  使用布局網(wǎng)格 296
13.3.3  使用可折疊區(qū)塊 297
13.3.4  使用文本輸入框 298
13.3.5  使用密碼輸入框 298
13.3.6  使用文本區(qū)域 299
13.3.7  使用選擇菜單 300
13.4  列表與主題 300
13.4.1  創(chuàng)建有序列表 301
13.4.2  創(chuàng)建內(nèi)嵌列表 301
13.4.3  使用jQuery Mobile主題 301
13.5  范例應用與上機操作 303
13.5.1  使用復選框 303
13.5.2  使用單選按鈕 304
13.5.3  使用按鈕 304
13.5.4  使用滑塊 305
13.5.5  設置翻轉(zhuǎn)切換開關 306
13.6  本章小結與課后練習 307
13.6.1  思考與練習 307
13.6.2  上機操作 307
第14章  編輯HTML代碼與實踐應用 309
14.1  HTML概述 310
14.1.1  什么是HTML 310
14.1.2  HTML的語法結構 310
14.1.3  HTML中的3種標簽形式 311
14.2  HTML中的標簽 312
14.2.1  文件結構標簽 312
14.2.2  字符格式標簽 313
14.2.3  區(qū)段格式標簽 313
14.2.4  列表標簽 314
14.2.5  表格標簽 315
14.2.6  超鏈接標簽 315
14.3  在Dreamweaver中編輯HTML 316
14.3.1  在代碼視圖中創(chuàng)建HTML頁面 316
14.3.2  代碼視圖 317
14.3.3  折疊代碼 318
14.3.4  選擇父標簽 318
14.4  使用快速標簽編輯器 319
14.4.1  使用插入模式的快速標簽編輯器 319
14.4.2  使用編輯模式的快速標簽編輯器 320
14.4.3  使用環(huán)繞模式的快速標簽編輯器 320
14.5  使用代碼片段 320
14.5.1  插入代碼片段 321
14.5.2  創(chuàng)建代碼片段 321
14.6  優(yōu)化代碼 322
14.6.1  優(yōu)化HTML代碼 322
14.6.2  清理Word生成的HTML代碼 323
14.7  網(wǎng)頁中的其他源代碼 325
14.7.1  CSS樣式代碼 325
14.7.2  JavaScript腳本代碼 325
14.7.3  源代碼中的注釋 326
14.8  范例應用與上機操作 326
14.8.1  多媒體標簽 326
14.8.2  表單標簽 327
14.8.3  代碼的注釋 327
14.8.4  分區(qū)標簽 328
14.8.5  環(huán)繞標簽 328
14.9  本章小結與課后練習 328
14.9.1  思考與練習 329
14.9.2  上機操作 330
第15章  站點的發(fā)布與推廣 331
15.1  測試與維護站點 332
15.1.1  創(chuàng)建站點報告 332
15.1.2  使用鏈接檢查器 333
15.2  上傳發(fā)布網(wǎng)站 334
15.2.1  設置FTP服務器 334
15.2.2  連接到遠程服務器 335
15.2.3  文件上傳 335
15.3  網(wǎng)站的運營與維護 336
15.3.1  網(wǎng)站的運營 336
15.3.2  網(wǎng)站的更新維護 337
15.4  推廣網(wǎng)站 338
15.4.1  注冊搜索引擎 338
15.4.2  資源合作推廣方法 338
15.4.3  電子郵件推廣 339
15.4.4  導航網(wǎng)站登錄 340
15.4.5  軟文推廣 340
15.4.6  BBS論壇網(wǎng)站推廣 340
15.4.7  博客推廣 340
15.4.8  微博推廣 341
15.4.9  口碑營銷 341
15.4.10  微信營銷 342
15.5  范例應用與上機操作 343
15.5.1  W3C驗證 343
15.5.2  文件下載 344
15.5.3  優(yōu)化網(wǎng)站SEO 344
15.6  本章小結與課后練習 345
15.6.1  思考與練習 345
15.6.2  上機操作 345
第16章  設計與制作網(wǎng)站 347
16.1  確定網(wǎng)頁主題 348
16.1.1  選擇網(wǎng)站的主題 348
16.1.2  創(chuàng)建網(wǎng)頁 348
16.1.3  創(chuàng)建CSS鏈接 348
16.1.4  設置CSS樣式 349
16.2  添加網(wǎng)頁內(nèi)容 350
16.2.1  插入Div 350
16.2.2  插入圖片 350
16.2.3  插入Flash 351
16.2.4  插入表單 352
16.2.5  插入類樣式 353
16.2.6  添加列表標簽代碼 354
16.2.7  插入媒體插件 356
16.3  上傳與瀏覽網(wǎng)頁 357
16.3.1  連接遠程服務器 357
16.3.2  瀏覽網(wǎng)頁 357
參考答案 359