Dreamweaver CC 2017網(wǎng)頁制作入門與進階（入門與進階）

目錄
第1章 了解網(wǎng)頁制作與Dreamweaver
1.1 網(wǎng)頁制作基礎(chǔ)知識 2
1.1.1 理解網(wǎng)頁與網(wǎng)站 2
1.1.2 網(wǎng)頁的常見類型 3
1.1.3 網(wǎng)頁頁面的組成元素 4
1.1.4 網(wǎng)頁制作的相關(guān)概念 5
1.2 網(wǎng)站設(shè)計常用流程 6
1.2.1 網(wǎng)站策劃 6
1.2.2 收集素材 7
1.2.3 規(guī)劃站點 9
1.2.4 制作網(wǎng)頁 10
1.2.5 測試站點 10
1.2.6 發(fā)布站點 10
1.3 Dreamweaver 工作界面 10
1.4 Dreamweaver站點管理 13
1.4.1 為什么要創(chuàng)建站點 13
1.4.2 創(chuàng)建站點 13
1.4.3 編輯站點 14
1.4.4 管理站點 15
1.5 Dreamweaver環(huán)境設(shè)置 17
1.5.1 常規(guī)設(shè)置 17
1.5.2 不可見元素設(shè)置 18
1.5.3 網(wǎng)頁字體設(shè)置 19
1.5.4 文件類型/編輯器設(shè)置 19
1.5.5 界面顏色設(shè)置 20
1.6 Dreamweaver代碼編輯 20
1.6.1 使用快速標簽編輯器 21
1.6.2 使用【代碼片段】面板 22
1.6.3 優(yōu)化網(wǎng)頁源代碼 23
1.7 網(wǎng)頁源代碼技術(shù)簡介 25
1.7.1 HTML語言 25
1.7.2 CSS層疊樣式表 26
1.7.3 JavaScript腳本語言 28
1.8 進階實戰(zhàn) 28
1.9 疑點解答 30
第2章 制作簡單圖文網(wǎng)頁
2.1 創(chuàng)建空白網(wǎng)頁 32
2.2 在網(wǎng)頁中使用文本 33
2.2.1 插入文字信息 33
2.2.2 創(chuàng)建無序和有序列表 37
2.2.3 使用【檢查拼寫】功能 39
2.3 設(shè)置文本基本屬性 40
2.3.1 使用文本【屬性】面板 41
2.3.2 HTML與CSS文本代碼 43
2.4 在網(wǎng)頁中插入圖像 44
2.4.1 插入網(wǎng)頁圖像素材 45
2.4.2 設(shè)置網(wǎng)頁背景圖像 45
2.5 設(shè)置網(wǎng)頁圖像屬性 46
2.5.1 使用圖像【屬性】面板 46
2.5.2 HTML圖像屬性代碼 48
2.6 處理網(wǎng)頁圖像效果 49
2.7 創(chuàng)建鼠標經(jīng)過圖像 51
2.8 進階實戰(zhàn) 53
2.8.1 制作網(wǎng)站圖文混排首頁 53
2.8.2 制作網(wǎng)站文本說明頁面 57
2.9 疑點解答 60
第3章 制作多媒體網(wǎng)頁
3.1 插入Flash SWF動畫 62
3.1.1 插入SWF格式的動畫 62
3.1.2 調(diào)整Flash動畫大小 63
3.1.3 設(shè)定Flash動畫信息 63
3.1.4 控制Flash動畫播放 64
3.1.5 設(shè)置Flash動畫邊距 65
3.1.6 對齊方式與顏色設(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 進階實戰(zhàn) 72
3.5.1 制作Flash游戲網(wǎng)頁 72
3.5.2 制作音樂播放網(wǎng)頁 76
3.6 疑點解答 78
第4章 使用表格布局頁面
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)頁表格 93
4.5.1 導(dǎo)入表格式數(shù)據(jù) 93
4.5.2 導(dǎo)出表格式數(shù)據(jù) 94
4.6 進階實戰(zhàn) 95
4.6.1 制作婚嫁網(wǎng)站首頁 95
4.6.2 制作網(wǎng)站引導(dǎo)頁面 100
4.7 疑點解答 104
第5章 創(chuàng)建與設(shè)置網(wǎng)頁鏈接
5.1 制作基本鏈接 106
5.1.1 制作文本圖像鏈接 106
5.1.2 制作圖像映射鏈接 107
5.2 制作錨點鏈接 108
5.3 制作音視頻鏈接 110
5.4 制作下載鏈接 111
5.5 制作電子郵件鏈接 112
5.6 進階實戰(zhàn) 113
5.6.1 制作攝影社區(qū)首頁 114
5.6.2 制作圖片展示頁面 117
5.7 疑點解答 120
第6章 利用CSS樣式表修飾網(wǎng)頁
6.1 認識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 添加標簽選擇器 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擴展設(shè)置 144
6.4.9 CSS過渡設(shè)置 144
6.5 使用CSS+Div布局頁面 145
6.5.1 理解標準布局方式 146
6.5.2 使用CSS+Div 147
6.5.3 插入Div標簽 148
6.6 進階實戰(zhàn) 150
6.7 疑點解答 156
第7章 制作表單頁面
7.1 制作表單的方法 158
7.1.1 表單基礎(chǔ)知識 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 使用標簽和域集 171
7.9.1 使用標簽 171
7.9.2 使用域集 172
7.10 使用按鈕和圖像按鈕 173
7.10.1 使用按鈕 173
7.10.2 使用圖像按鈕 174
7.11 使用隱藏域 175
7.12 使用HTML5表單對象 176
7.13 進階實戰(zhàn) 178
7.13.1 制作用戶登錄頁面 178
7.13.2 制作網(wǎng)站留言頁面 182
7.14 疑點解答 188
第8章 添加網(wǎng)頁特效
8.1 認識網(wǎng)頁行為 190
8.1.1 行為基礎(chǔ)知識 190
8.1.2 JavaScript代碼簡介 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 拖動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 進階實戰(zhàn) 208
8.7.1 制作頁面表單確認效果 208
8.7.2 制作隨機驗證碼文本域 210
8.8 疑點解答 212
第9章 制作移動設(shè)備網(wǎng)頁
9.1 認識jQuery和jQuery Mobile 214
9.1.1 jQuery 214
9.1.2 jQuery Mobile 214
9.2 建立jQuery Mobile頁面 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 進階實戰(zhàn) 230
9.6 疑點解答 232
第10章 應(yīng)用網(wǎng)頁模板與庫項目

10.1 創(chuàng)建模板 234
10.1.1 將網(wǎng)頁保存為模板 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)頁 239
10.3.2 為網(wǎng)頁應(yīng)用模板 239
10.4 管理模板 240
10.4.1 刪除模板 240
10.4.2 打開網(wǎng)頁的附加模板 240
10.4.3 更新網(wǎng)頁模板 240
10.4.4 將網(wǎng)頁脫離模板 240
10.5 使用庫創(chuàng)建相似的內(nèi)容 241
10.5.1 創(chuàng)建庫項目 241
10.5.2 設(shè)置庫項目 241
10.5.3 應(yīng)用庫項目 242
10.5.4 修改庫項目 242
10.6 進階實戰(zhàn) 243
10.7 疑點解答 246
第11章 頁面信息的整體設(shè)置
11.1 設(shè)置網(wǎng)頁頭部信息 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è)置標題(CSS) 256
11.6 設(shè)置標題/編碼 256
11.7 設(shè)置跟蹤圖像 257
11.8 進階實戰(zhàn) 258
11.9 疑點解答 260