Dreamweaver CC 2017網(wǎng)頁(yè)制作入門與進(jìn)階（入門與進(jìn)階）

目錄
第1章 了解網(wǎng)頁(yè)制作與Dreamweaver
1.1 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí) 2
1.1.1 理解網(wǎng)頁(yè)與網(wǎng)站 2
1.1.2 網(wǎng)頁(yè)的常見類型 3
1.1.3 網(wǎng)頁(yè)頁(yè)面的組成元素 4
1.1.4 網(wǎng)頁(yè)制作的相關(guān)概念 5
1.2 網(wǎng)站設(shè)計(jì)常用流程 6
1.2.1 網(wǎng)站策劃 6
1.2.2 收集素材 7
1.2.3 規(guī)劃站點(diǎn) 9
1.2.4 制作網(wǎng)頁(yè) 10
1.2.5 測(cè)試站點(diǎn) 10
1.2.6 發(fā)布站點(diǎn) 10
1.3 Dreamweaver 工作界面 10
1.4 Dreamweaver站點(diǎn)管理 13
1.4.1 為什么要?jiǎng)?chuàng)建站點(diǎn) 13
1.4.2 創(chuàng)建站點(diǎn) 13
1.4.3 編輯站點(diǎn) 14
1.4.4 管理站點(diǎn) 15
1.5 Dreamweaver環(huán)境設(shè)置 17
1.5.1 常規(guī)設(shè)置 17
1.5.2 不可見元素設(shè)置 18
1.5.3 網(wǎng)頁(yè)字體設(shè)置 19
1.5.4 文件類型/編輯器設(shè)置 19
1.5.5 界面顏色設(shè)置 20
1.6 Dreamweaver代碼編輯 20
1.6.1 使用快速標(biāo)簽編輯器 21
1.6.2 使用【代碼片段】面板 22
1.6.3 優(yōu)化網(wǎng)頁(yè)源代碼 23
1.7 網(wǎng)頁(yè)源代碼技術(shù)簡(jiǎn)介 25
1.7.1 HTML語(yǔ)言 25
1.7.2 CSS層疊樣式表 26
1.7.3 JavaScript腳本語(yǔ)言 28
1.8 進(jìn)階實(shí)戰(zhàn) 28
1.9 疑點(diǎn)解答 30
第2章 制作簡(jiǎn)單圖文網(wǎng)頁(yè)
2.1 創(chuàng)建空白網(wǎng)頁(yè) 32
2.2 在網(wǎng)頁(yè)中使用文本 33
2.2.1 插入文字信息 33
2.2.2 創(chuàng)建無(wú)序和有序列表 37
2.2.3 使用【檢查拼寫】功能 39
2.3 設(shè)置文本基本屬性 40
2.3.1 使用文本【屬性】面板 41
2.3.2 HTML與CSS文本代碼 43
2.4 在網(wǎng)頁(yè)中插入圖像 44
2.4.1 插入網(wǎng)頁(yè)圖像素材 45
2.4.2 設(shè)置網(wǎng)頁(yè)背景圖像 45
2.5 設(shè)置網(wǎng)頁(yè)圖像屬性 46
2.5.1 使用圖像【屬性】面板 46
2.5.2 HTML圖像屬性代碼 48
2.6 處理網(wǎng)頁(yè)圖像效果 49
2.7 創(chuàng)建鼠標(biāo)經(jīng)過圖像 51
2.8 進(jìn)階實(shí)戰(zhàn) 53
2.8.1 制作網(wǎng)站圖文混排首頁(yè) 53
2.8.2 制作網(wǎng)站文本說明頁(yè)面 57
2.9 疑點(diǎn)解答 60
第3章 制作多媒體網(wǎng)頁(yè)
3.1 插入Flash SWF動(dòng)畫 62
3.1.1 插入SWF格式的動(dòng)畫 62
3.1.2 調(diào)整Flash動(dòng)畫大小 63
3.1.3 設(shè)定Flash動(dòng)畫信息 63
3.1.4 控制Flash動(dòng)畫播放 64
3.1.5 設(shè)置Flash動(dòng)畫邊距 65
3.1.6 對(duì)齊方式與顏色設(shè)置 65
3.1.7 Flash附加參數(shù)設(shè)置 66
3.2 插入Flash Video視頻 67
3.3 插入普通音視頻 68
3.4 插入HTML5音視頻 70
3.4.1 插入HTML5 視頻 70
3.4.2 插入HTML5 音頻 71
3.5 進(jìn)階實(shí)戰(zhàn) 72
3.5.1 制作Flash游戲網(wǎng)頁(yè) 72
3.5.2 制作音樂播放網(wǎng)頁(yè) 76
3.6 疑點(diǎn)解答 78
第4章 使用表格布局頁(yè)面
4.1 制作表格的方法 80
4.1.1 創(chuàng)建表格 80
4.1.2 調(diào)整表格 83
4.2 添加表格的內(nèi)容 85
4.2.1 在表格中輸入文本 85
4.2.2 在表格中插入圖像 86
4.3 設(shè)置表格和單元格屬性 87
4.3.1 設(shè)置表格屬性 87
4.3.2 設(shè)置單元格屬性 88
4.4 排序表格數(shù)據(jù) 92
4.5 導(dǎo)入和導(dǎo)出網(wǎng)頁(yè)表格 93
4.5.1 導(dǎo)入表格式數(shù)據(jù) 93
4.5.2 導(dǎo)出表格式數(shù)據(jù) 94
4.6 進(jìn)階實(shí)戰(zhàn) 95
4.6.1 制作婚嫁網(wǎng)站首頁(yè) 95
4.6.2 制作網(wǎng)站引導(dǎo)頁(yè)面 100
4.7 疑點(diǎn)解答 104
第5章 創(chuàng)建與設(shè)置網(wǎng)頁(yè)鏈接
5.1 制作基本鏈接 106
5.1.1 制作文本圖像鏈接 106
5.1.2 制作圖像映射鏈接 107
5.2 制作錨點(diǎn)鏈接 108
5.3 制作音視頻鏈接 110
5.4 制作下載鏈接 111
5.5 制作電子郵件鏈接 112
5.6 進(jìn)階實(shí)戰(zhàn) 113
5.6.1 制作攝影社區(qū)首頁(yè) 114
5.6.2 制作圖片展示頁(yè)面 117
5.7 疑點(diǎn)解答 120
第6章 利用CSS樣式表修飾網(wǎng)頁(yè)
6.1 認(rèn)識(shí)CSS樣式表 122
6.1.1 CSS樣式表的功能 122
6.1.2 CSS樣式表的規(guī)則 122
6.1.3 CSS樣式表的類型 122
6.2 創(chuàng)建CSS樣式表 124
6.2.1 創(chuàng)建外部樣式表 124
6.2.2 創(chuàng)建內(nèi)部樣式表 125
6.2.3 附加外部樣式表 126
6.3 添加CSS選擇器 126
6.3.1 添加類選擇器 127
6.3.2 添加ID選擇器 127
6.3.3 添加標(biāo)簽選擇器 128
6.3.4 添加其他選擇器 129
6.4 編輯CSS樣式效果 133
6.4.1 CSS類型設(shè)置 134
6.4.2 CSS背景設(shè)置 136
6.4.3 CSS區(qū)塊設(shè)置 138
6.4.4 CSS方框設(shè)置 139
6.4.5 CSS邊框設(shè)置 140
6.4.6 CSS列表設(shè)置 142
6.4.7 CSS定位設(shè)置 142
6.4.8 CSS擴(kuò)展設(shè)置 144
6.4.9 CSS過渡設(shè)置 144
6.5 使用CSS+Div布局頁(yè)面 145
6.5.1 理解標(biāo)準(zhǔn)布局方式 146
6.5.2 使用CSS+Div 147
6.5.3 插入Div標(biāo)簽 148
6.6 進(jìn)階實(shí)戰(zhàn) 150
6.7 疑點(diǎn)解答 156
第7章 制作表單頁(yè)面
7.1 制作表單的方法 158
7.1.1 表單基礎(chǔ)知識(shí) 158
7.1.2 創(chuàng)建表單 159
7.2 設(shè)置表單屬性 160
7.3 使用文本域和密碼域 160
7.4 使用文本區(qū)域 163
7.5 使用選擇(列表/菜單) 164
7.6 使用單選按鈕 167
7.7 使用復(fù)選框 168
7.8 使用文件域 169
7.9 使用標(biāo)簽和域集 171
7.9.1 使用標(biāo)簽 171
7.9.2 使用域集 172
7.10 使用按鈕和圖像按鈕 173
7.10.1 使用按鈕 173
7.10.2 使用圖像按鈕 174
7.11 使用隱藏域 175
7.12 使用HTML5表單對(duì)象 176
7.13 進(jìn)階實(shí)戰(zhàn) 178
7.13.1 制作用戶登錄頁(yè)面 178
7.13.2 制作網(wǎng)站留言頁(yè)面 182
7.14 疑點(diǎn)解答 188
第8章 添加網(wǎng)頁(yè)特效
8.1 認(rèn)識(shí)網(wǎng)頁(yè)行為 190
8.1.1 行為基礎(chǔ)知識(shí) 190
8.1.2 JavaScript代碼簡(jiǎn)介 190
8.2 使用行為調(diào)節(jié)瀏覽器窗口 191
8.2.1 打開瀏覽器窗口 191
8.2.2 轉(zhuǎn)到URL 192
8.2.3 調(diào)用JavaScript 193
8.3 使用行為應(yīng)用圖像 194
8.3.1 交換與恢復(fù)交換圖像 194
8.3.2 拖動(dòng)AP元素 197
8.4 使用行為顯示文本 198
8.4.1 彈出信息 198
8.4.2 設(shè)置狀態(tài)欄文本 199
8.4.3 設(shè)置容器的文本 200
8.4.4 設(shè)置文本域文本 201
8.5 使用行為加載多媒體 201
8.5.1 檢查插件 201
8.5.2 顯示/隱藏元素 203
8.5.3 改變屬性 204
8.6 使用行為控制表單 205
8.6.1 跳轉(zhuǎn)菜單、跳轉(zhuǎn)菜單開始 205
8.6.2 檢查表單 206
8.7 進(jìn)階實(shí)戰(zhàn) 208
8.7.1 制作頁(yè)面表單確認(rèn)效果 208
8.7.2 制作隨機(jī)驗(yàn)證碼文本域 210
8.8 疑點(diǎn)解答 212
第9章 制作移動(dòng)設(shè)備網(wǎng)頁(yè)
9.1 認(rèn)識(shí)jQuery和jQuery Mobile 214
9.1.1 jQuery 214
9.1.2 jQuery Mobile 214
9.2 建立jQuery Mobile頁(yè)面 215
9.3 使用jQuery Mobile組件 217
9.3.1 使用列表視圖 217
9.3.2 使用布局網(wǎng)格 220
9.3.3 使用可折疊區(qū)塊 222
9.3.4 使用文本輸入框 223
9.3.5 使用密碼輸入框 223
9.3.6 使用文本區(qū)域 224
9.3.7 使用選擇菜單 224
9.3.8 使用復(fù)選框 225
9.3.9 使用單選按鈕 226
9.3.10 使用按鈕 227
9.3.11 使用滑塊 227
9.3.12 使用翻轉(zhuǎn)切換開關(guān) 228
9.4 使用jQuery Mobile主題 229
9.5 進(jìn)階實(shí)戰(zhàn) 230
9.6 疑點(diǎn)解答 232
第10章 應(yīng)用網(wǎng)頁(yè)模板與庫(kù)項(xiàng)目

10.1 創(chuàng)建模板 234
10.1.1 將網(wǎng)頁(yè)保存為模板 234
10.1.2 創(chuàng)建空白模板 235
10.2 編輯模板 235
10.2.1 設(shè)置可編輯區(qū)域 235
10.2.2 設(shè)置可選區(qū)域 236
10.2.3 設(shè)置重復(fù)區(qū)域 237
10.3 應(yīng)用模板 239
10.3.1 從模板新建網(wǎng)頁(yè) 239
10.3.2 為網(wǎng)頁(yè)應(yīng)用模板 239
10.4 管理模板 240
10.4.1 刪除模板 240
10.4.2 打開網(wǎng)頁(yè)的附加模板 240
10.4.3 更新網(wǎng)頁(yè)模板 240
10.4.4 將網(wǎng)頁(yè)脫離模板 240
10.5 使用庫(kù)創(chuàng)建相似的內(nèi)容 241
10.5.1 創(chuàng)建庫(kù)項(xiàng)目 241
10.5.2 設(shè)置庫(kù)項(xiàng)目 241
10.5.3 應(yīng)用庫(kù)項(xiàng)目 242
10.5.4 修改庫(kù)項(xiàng)目 242
10.6 進(jìn)階實(shí)戰(zhàn) 243
10.7 疑點(diǎn)解答 246
第11章 頁(yè)面信息的整體設(shè)置
11.1 設(shè)置網(wǎng)頁(yè)頭部信息 248
11.1.1 設(shè)置META 248
11.1.2 設(shè)置說明 250
11.1.3 關(guān)鍵詞 250
11.2 設(shè)置外觀(CSS) 251
11.3 設(shè)置外觀(HTML) 253
11.4 設(shè)置鏈接(CSS) 254
11.5 設(shè)置標(biāo)題(CSS) 256
11.6 設(shè)置標(biāo)題/編碼 256
11.7 設(shè)置跟蹤圖像 257
11.8 進(jìn)階實(shí)戰(zhàn) 258
11.9 疑點(diǎn)解答 260