中文版Dreamweaver CC 2018網頁製作實用教程

第1章 網頁製作基礎知識 1
1.1 網頁與網頁製作的基礎知識 1
1.1.1 網頁與網站的概念 1
1.1.2 網頁的常見類型 3
1.1.3 網頁的頁面元素 4
1.1.4 網頁製作的相關知識 5
1.2 網站設計的常用流程 6
1.2.1 網站策劃 7
1.2.2 收集素材 7
1.2.3 規劃網站 10
1.2.4 製作網頁 10
1.2.5 測試網站 11
1.2.6 發佈網站 11
1.3 Dreamweaver工作介面 11
1.4 Dreamweaver網站管理 14
1.4.1 為什麼要創建網站 14
1.4.2 創建網站 14
1.4.3 編輯網站 15
1.4.4 管理網站 16
1.5 Dreamweaver環境設置 18
1.5.1 常規設置 19
1.5.2 不可見元素設置 20
1.5.3 網頁字體設置 21
1.5.4 檔案類型/編輯器設置 21
1.5.5 介面顏色設置 21
1.6 Dreamweaver代碼編輯 22
1.6.1 使用快速標籤編輯器 24
1.6.2 使用代碼片斷面板 24
1.6.3 優化網頁原始程式碼 25
1.7 網頁原始程式碼技術簡介 27
1.7.1 HTML語言 27
1.7.2 CSS層疊樣式表 29
1.7.3 JavaScript指令碼語言 31
1.8 上機練習 32
1.9 習題 34
第2章 製作簡單圖文網頁 35
2.1 創建空白網頁 35
2.2 在網頁中使用文本 36
2.2.1 插入文本資訊 36
2.2.2 創建無序和有序列表 41
2.2.3 使用【拼寫檢查】功能 44
2.3 設置文本基本屬性 45
2.3.1 使用文本【屬性】面板 45
2.3.2 HTML與CSS文本代碼 48
2.4 在網頁中插入圖像 50
2.4.1 插入網頁圖像素材 50
2.4.2 設置網頁背景圖像 51
2.5 設置網頁圖像屬性 52
2.5.1 使用圖像【屬性】面板 52
2.5.2 HTML圖像屬性代碼 53
2.6 處理網頁圖像效果 54
2.7 創建滑鼠經過圖像效果 58
2.8 上機練習 59
2.8.1 製作網站圖文混排首頁 59
2.8.2 製作網站文本說明頁面 63
2.9 習題 66
第3章 使用表格佈局頁面 67
3.1 使用表格 67
3.1.1 網頁中表格的用途 67
3.1.2 創建表格 68
3.1.3 調整表格 71
3.2 添加表格內容 73
3.2.1 在表格中輸入文本 73
3.2.2 在表格中插入圖像 74
3.3 設置表格和儲存格屬性 75
3.3.1 設置表格屬性 75
3.3.2 設置儲存格屬性 78
3.4 排序表格資料 82
3.5 導入和匯出網頁表格 83
3.5.1 導入表格式資料 83
3.5.2 匯出表格式資料 85
3.6 上機練習 85
3.6.1 製作婚嫁網站首頁 85
3.6.2 製作網站引導頁面 90
3.7 習題 94
第4章 製作多媒體網頁 95
4.1 插入Flash SWF動畫 95
4.1.1 插入SWF格式的動畫 96
4.1.2 調整Flash動畫大小 97
4.1.3 設定Flash動畫信息 97
4.1.4 控制Flash動畫播放 98
4.1.5 設置Flash動畫邊距 99
4.1.6 對齊方式與顏色設置 99
4.1.7 Flash附加參數設置 100
4.2 插入Flash Video視頻 101
4.3 插入普通音視頻 103
4.4 插入HTML 5音視頻 105
4.4.1 插入HTML 5視頻 105
4.4.2 插入HTML 5音訊 106
4.5 上機練習 107
4.5.1 製作Flash遊戲頁面 107
4.5.2 製作音樂播放網頁 110
4.6 習題 112
第5章 創建與設置超連結 113
5.1 超連結的基礎知識 113
5.1.1 超連結的類型 113
5.1.2 超連結的路徑 114
5.2 製作基本連結 115
5.2.1 製作文本圖像連結 115
5.2.2 製作影像對應連結 116
5.3 製作錨點連結 118
5.4 製作音視頻連結 120
5.5 製作檔下載連結 121
5.6 製作電子郵件連結 122
5.7 管理超連結 123
5.7.1 更新超連結 123
5.7.2 修改超連結 124
5.7.3 測試超連結 124
5.8 上機練習 124
5.8.1 製作攝影社區首頁 124
5.8.2 製作圖片展示頁面 128
5.9 習題 130
第6章 製作表單頁面 131
6.1 製作表單的方法 131
6.1.1 表單的基礎知識 131
6.1.2 創建表單 133
6.2 設置表單屬性 133
6.3 使用文本域和密碼域 134
6.4 使用文本區域 137
6.5 使用選擇(清單/功能表) 139
6.6 使用選項按鈕 142
6.7 使用核取方塊 143
6.8 使用檔域 145
6.9 使用標籤和域集 146
6.9.1 使用標籤 146
6.9.2 使用域集 147
6.10 使用按鈕和圖像按鈕 148
6.10.1 使用按鈕 149
6.10.2 使用圖像按鈕 150
6.11 使用隱藏欄位 151
6.12 使用HTML 5表單物件 152
6.13 上機練習 154
6.13.1 製作使用者登錄頁面 154
6.13.2 製作網站留言頁面 159
6.14 習題 164
第7章 使用CSS樣式修飾網頁 165
7.1 認識CSS樣式表 165
7.1.1 CSS樣式表的功能 165
7.1.2 CSS樣式表的規則 166
7.1.3 CSS樣式表的類型 166
7.2 創建CSS樣式表 168
7.2.1 創建外部樣式表 169
7.2.2 創建內部樣式表 170
7.2.3 附加外部樣式表 170
7.3 添加CSS選擇器 171
7.3.1 添加類別選取器 171
7.3.2 添加ID選擇器 172
7.3.3 添加標籤選擇器 173
7.3.4 添加其他選擇器 174
7.4 編輯CSS樣式效果 178
7.4.1 CSS類型設置 179
7.4.2 CSS背景設置 182
7.4.3 CSS區塊設置 184
7.4.4 CSS方框設置 186
7.4.5 CSS邊框設置 187
7.4.6 CSS列表設置 189
7.4.7 CSS定位設置 189
7.4.8 CSS擴展設置 191
7.4.9 CSS過渡設置 192
7.5 使用CSS+Div佈局頁面 193
7.5.1 理解標準佈局方式 194
7.5.2 使用CSS+Div 195
7.5.3 插入Div標籤 196
7.6 上機練習 198
7.6.1 使用Div+CSS製作紅酒
網站首頁 199
7.6.2 利用CSS排版圖文
混排網頁 205
7.7 習題 208
第8章 使用行為製作網頁特效 209
8.1 認識行為 209
8.1.1 行為的基礎知識 209
8.1.2 JavaScript代碼簡介 210
8.2 使用行為調節流覽器視窗 211
8.2.1 打開流覽器視窗 211
8.2.2 轉到URL 213
8.2.3 調用JavaScript 214
8.3 使用行為應用圖像 214
8.3.1 交換與恢復交換圖像 215
8.3.2 拖動AP元素 217
8.4 使用行為顯示文本 219
8.4.1 彈出信息 219
8.4.2 設置狀態列文本 220
8.4.3 設置容器的文本 221
8.4.4 設置文本域文本 222
8.5 使用行為載入多媒體 223
8.5.1 檢查外掛程式 223
8.5.2 顯示-隱藏元素 224
8.5.3 改變屬性 225
8.6 使用行為控制表單 226
8.6.1 跳轉功能表、跳轉功能表開始 226
8.6.2 檢查表單 228
8.7 上機練習 229
8.7.1 製作頁面表單確認效果 230
8.7.2 製作隨機驗證碼文本域 232
8.7.3 製作網頁圖文特效 234
8.8 習題 238
第9章 使用範本和庫專案 239
9.1 創建範本 239
9.1.1 將網頁保存為範本 240
9.1.2 創建空白網頁範本 240
9.2 編輯範本 241
9.2.1 設置可編輯區域 241
9.2.2 設置可選區域 242
9.2.3 設置重複區域 244
9.3 應用範本 245
9.3.1 從範本新建網頁 245
9.3.2 為網頁應用範本 246
9.4 管理範本 246
9.4.1 刪除網頁範本 246
9.4.2 打開網頁上附加的範本 247
9.4.3 更新網頁範本 247
9.4.4 將網頁脫離範本 247
9.5 使用庫專案 247
9.5.1 認識庫專案 248
9.5.2 創建庫項目 248
9.5.3 設置庫專案 248
9.5.4 應用庫專案 249
9.5.5 修改庫專案 249
9.6 上機練習 251
9.7 習題 252
第10章 製作移動設備網頁 253
10.1 Query和jQuery Mobile簡介 253
10.1.1 Query 253
10.1.2 jQuery Mobile 254
10.2 建立jQuery Mobile頁面 255
10.3 使用jQuery Mobile元件 257
10.3.1 使用列表視圖 257
10.3.2 使用佈局網格 261
10.3.3 使用可折疊區塊 263
10.3.4 使用文本輸入框 264
10.3.5 使用密碼輸入框 264
10.3.6 使用文本區域 265
10.3.7 使用選擇功能表 265
10.3.8 使用核取方塊 266
10.3.9 使用選項按鈕 267
10.3.10 使用按鈕 268
10.3.11 使用滑塊 269
10.3.12 使用翻轉切換開關 269
10.4 使用jQuery Mobile主題 270
10.5 上機練習 272

10.6 習題 274
第11章 網頁資訊整體設置 275
11.1 設置網頁頭部資訊 275
11.1.1 設置META 275
11.1.2 設置說明 277
11.1.3 關鍵字 278
11.2 設置外觀(CSS) 278
11.3 設置外觀(HTML) 281
11.4 設置連結(CSS) 283
11.5 設置標題(CSS) 285
11.6 設置標題/編碼 286
11.7 設置跟蹤圖像 287
11.8 上機練習 287
11.9 習題 290

中文版Dreamweaver CC 2018是Adobe公司最新推出的專業化網頁製作軟體，目前正廣泛應用於網站設計、網頁規劃等諸多領域。隨著Internet的日益盛行，成功的網頁不 僅能提升公司和個人形象，還能展現一些特有的產品、個人資訊等內容。為了適應網路時代人們對網頁製作軟體的要求，新版本的軟體在原有版本的基礎上進行了諸 多功能改進。

《中文版Dreamweaver CC 2018網頁製作實用教程》從教學實際需求出發，合理安排知識結構，從零開始、由淺入深、循序漸進地講解Dreamweaver CC 2018的基本操作方法和使用技巧。《中文版Dreamweaver CC 2018網頁製作實用教程》共分為11章，主要內容如下。
第1章介紹了網頁與網站的基礎知識以及Dreamweaver CC 2018的常用操作。
第2章通過實例操作，詳細介紹了創建效果精美的簡單圖文頁面的方法。
第3章介紹了在Dreamweaver中利用表格佈局網頁的方法與技巧。
第4章介紹了使用Dreamweaver製作多媒體網頁的方法。
第5章介紹了在網頁中創建、設置與管理超連結的方法。
第6章介紹了通過在網頁中插入表單與表單物件，從而創建表單頁面的方法。
第7章介紹了使用Div+CSS設置網頁佈局並修飾網頁效果的方法。
第8章介紹了使用Dreamweaver內置行為製作各種網頁特效的方法。
第9章介紹了使用範本和庫專案批量製作風格類似網頁的方法。
第10章介紹了使用Dreamweaver製作jQuery Mobile網頁的方法。
第11章介紹了在Dreamweaver中設置網頁的頭部資訊和基本屬性的方法。

《中文版Dreamweaver CC 2018網頁製作實用教程》圖文並茂，條理清晰，通俗易懂，內容豐富，在講解每個知識點時都配有相應的實例，方便讀者上機實踐。同時在難於理解和掌握的部 分內容上給出相關提示，讓讀者能夠快速地提高操作技能。此外，《中文版Dreamweaver CC 2018網頁製作實用教程》配有大量綜合實例和練習，讓讀者在不斷的實際操作中更加牢固地掌握書中講解的內容。
為了方便老師教學，我們免費提供《中文版Dreamweaver CC 2018網頁製作實用教程》對應的電子課件、實例原始檔案和習題答案，您可以到 網站的相關頁面上進行下載。

《中文版Dreamweaver CC 2018網頁製作實用教程》分為11章，哈爾濱體育學院的宋楊編寫了全書。另外，參加《中文版Dreamweaver CC 2018網頁製作實用教程》編寫的人員還有陳笑、孔祥亮、杜思明、高娟妮、熊曉磊、曹漢鳴、何美英、陳宏波、潘洪榮、王燕、謝李君、李珍珍、王華健、柳松 洋、陳彬、劉芸、高維傑、張素英、洪妍、方峻、邱培強、顧永湘、王璐、管兆昶、顏靈佳、曹曉松等。由於作者水準所限，《中文版Dreamweaver CC 2018網頁製作實用教程》難免有不足之處，歡迎廣大讀者批評指正。……
作 者
2018年3月