內容簡介
Dreamweaver CC是一款集網頁製作和管理網站於一身的網頁編輯器,是針對專業網頁設計師特別開發的視覺化網頁開發工具。《Dreamweaver CC中文版網頁設計與製作(微課版)》以通俗易懂的語言、翔實生動的操作案例、精挑細選的使用技巧,指導初學者快速掌握Dreamweaver CC中文版的基礎知海承求識與方法。《Dreamweaver CC中文版網頁設計與製作(微課版)》共分為16章,主要內容包括網頁設計製作基礎入門、Dreamweaver CC輕鬆入門、創建與管理本地站點、編輯結構清晰的網頁信息、在網頁中套用圖像與多媒體、超連結、使用表格布局頁面、套用CSS樣式美化網頁、套用Div+CSS布局網頁、使放祖騙用模板和庫創建網頁、創建表單網頁、使用行為創建動態效果、製作jQuery Mobile頁面、編輯HTML代碼與實踐套用、站點的發布與推廣以及設計與製作網站等方面的知識。全書結構清晰、圖文並茂,以實戰演練的方式介紹知識點,讓讀者一看就懂。
《Dreamweaver CC中文版網頁設計與製作(微課版)》面向學習該軟體的初、中級用戶,適合夜贈鴉想無基礎又想快速掌握Dreamweaver CC入門操作經驗的讀者,同時對有經驗的Dreamweaver CC使用者也有很高的參考價值,還可以作為高等院校專業課教材和社會培訓機構的培訓教材。
圖書目錄
第1章 網頁設計製作基礎入門 1
1.1 什麼是網頁 2
1.1.1 認識網站與網頁 2
1.1.2 靜態網頁 3
1.1.3 動態網頁 4
1.2 製作網頁的常用工具 5
1.2.1 網頁編輯排版軟體Dreamweaver 5
1.2.2 圖像製作軟體Photoshop和Fireworks 6
1.2.3 網頁動畫製作軟巴提雄件Flash 7
1.2.4 網頁標記語言HTML 8
1.2.5 網頁腳本語言JavaScript 8
1.2.6 動態網頁程式語言ASP 8
1.3 網頁的基本要素 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.4 網頁的白白相關知識 12
1.4.1 網際網路 12
1.4.2 全球資訊網 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 網頁設計中的色彩套用 15
1.5.1 網頁色彩的特性 15
1.5.2 網頁安全色 16
1.5.3 色彩模式 16
1.5.4 網頁配色的基本規則 17
1.5.5 網頁配色中的文本顏色 18
1.6 怎樣設計出好的網頁 19
1.6.1 網頁設計的基本原則 19
1.6.2 網頁設計的成功要素 20
1.6.3 網頁的色彩搭配 21
1.7 範例套用與上機操作 22
1.7.1 網站的製作流程 22
1.7.2 靜態網頁的製作流程 24
1.7.3 網頁編輯器 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 調整視窗大小 39
2.3.5 調整頁面方向 39
2.3.6 設定工具列顯示方式 40
2.4 本章小結與課後練習 41
2.4.1 思考與練習 41
2.4.2 上機操作 41
第3章 創建與管理本地站點 43
3.1 站點及站點結構 44
3.1.1 什麼是站點 44
3.1.2 站點結構 44
3.2 創建本地站點 45
3.2.1 使用嚮導搭建站點 45
3.2.2 使用高級面板創建站點 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 站點的規劃與操作 51
3.4.1 站點規劃 51
3.4.2 在站點中新建資料夾 51
3.4.3 在站點中新建網頁檔案 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 在站點中新建名為“視頻網頁”的檔案 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章 編輯結構清晰的網頁信息 61
4.1 在網頁中插入文本 62
4.1.1 輸入網頁文本 62
4.1.2 設定文本屬性 63
4.1.3 允許輸入連續的空格 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 設定網頁的文字編碼格式 70
4.4.2 設定網頁的到期時間 70
4.4.3 禁止瀏覽器從本地計算機的快取中讀取頁面內容 70
4.5 設定網頁的頭信息 71
4.5.1 設定網頁標題 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 強制網頁在當前視窗中以獨立頁面顯示 77
4.7.3 設定網頁打開時的效果 78
4.7.4 設定網頁退出時的效果 78
4.7.5 插入短破折線 79
4.8 本章小結與課後練習 79
4.8.1 思考與練習 80
4.8.2 上機操作 80
第5章 在網頁中套用圖像與多媒體 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 在網頁中插入圖像檔案 83
5.2.2 設定網頁背景圖 84
5.2.3 圖像的對齊方式 84
5.2.4 插入Photoshop智慧型對象 85
5.2.5 更改圖像的基本屬性 86
5.3 多媒體在網頁中的套用 87
5.3.1 插入並設定Flash動畫 88
5.3.2 插入Flash Video 89
5.3.3 插入普通音頻 91
5.4 插入其他圖像 92
5.4.1 插入滑鼠經過圖像 92
5.4.2 插入Fireworks HTML 93
5.5 編輯圖像 94
5.5.1 裁剪圖像 94
5.5.2 更改圖像大小 95
5.5.3 調整亮度和對比度 95
5.5.4 銳化圖像 96
5.6 使用熱區 97
5.6.1 繪製熱區 97
5.6.2 在【屬性】面板中設定熱區 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選區圖像 102
5.8 本章小結與課後練習 103
5.8.1 思考與練習 104
5.8.2 上機操作 104
第6章 超連結 105
6.1 超連結基本概念 106
6.1.1 超連結的定義 106
6.1.2 內部、外部與腳本連結 106
6.1.3 超連結的類型 107
6.2 連結路徑 109
6.2.1 絕對路徑 109
6.2.2 文檔相對路徑 110
6.2.3 站點根相對路徑 111
6.3 創建超連結的方法 112
6.3.1 使用指向檔案圖示創建連結 112
6.3.2 使用【屬性】面板創建連結 112
6.4 創建不同種類的超連結 113
6.4.1 文本超連結 113
6.4.2 空連結 114
6.4.3 電子郵件連結 115
6.5 管理與設定超連結 116
6.5.1 自動更新連結 116
6.5.2 在站點範圍內更改連結 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 創建腳本連結 120
6.7.2 創建下載檔案連結 121
6.7.3 創建錨記連結 122
6.7.4 創建音視頻連結 122
6.7.5 使用Hyperlink對話框 123
6.8 本章小結與課後練習 124
6.8.1 思考與練習 124
6.8.2 上機操作 125
第7章 使用表格布局頁面 127
7.1 表格的創建與套用 128
7.1.1 表格的定義與用途 128
7.1.2 創建表格 129
7.1.3 在表格中輸入內容 130
7.1.4 在單元格中插入圖像 130
7.1.5 創建嵌套表格 131
7.2 設定表格及單元格的屬性 132
7.2.1 設定表格屬性 132
7.2.2 設定單元格屬性 133
7.3 調整表格結構 134
7.3.1 選擇單元格和表格 134
7.3.2 調整單元格和表格的大小 135
7.3.3 插入與刪除表格的行和列 137
7.4 處理表格數據 139
7.4.1 導入Excel文檔 139
7.4.2 排序表格 140
7.5 數據表格樣式 141
7.5.1 表格模型 142
7.5.2 表格標題 143
7.5.3 表格樣式控制 143
7.6 範例套用與上機操作 144
7.6.3 複製、剪下和貼上表格 146
7.6.4 導入表格式數據 148
7.6.5 導入Word文檔 149
7.7 本章小結與課後練習 149
7.7.1 思考與練習 150
7.7.2 上機操作 150
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.3 設定媒體查詢 158
8.2.4 定義選擇器 159
8.2.5 設定CSS規則屬性 161
8.3 CSS選擇器的類型 161
8.3.1 通配符選擇器 162
8.3.3 類選擇器 162
8.3.4 ID選擇器 164
8.3.5 偽類及偽對象選擇器 164
8.3.6 群選擇器 165
8.4 創建CSS樣式 166
8.4.1 創建標籤CSS樣式 166
8.4.2 創建類CSS樣式 167
8.4.4 創建複合CSS樣式 170
8.5 編輯CSS樣式 171
8.5.1 設定類型屬性 171
8.5.2 設定背景屬性 172
8.5.3 設定方框屬性 173
8.5.4 設定區塊屬性 174
8.5.5 設定框線屬性 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 內聯CSS樣式 178
8.6.2 內部CSS樣式 178
8.6.4 導入外部CSS樣式表檔案 179
8.7 套用CSS3過渡效果 179
8.7.1 創建CSS3過渡效果 179
8.7.2 編輯CSS3過渡效果 181
8.7.3 刪除CSS3過渡效果 181
8.8 範例套用與上機操作 183
8.8.1 套用CSS設定固定字型、字號以及字型顏色 183
8.8.2 給網頁添加框線效果 183
8.8.3 為網頁添加CSS類選區 184
8.8.4 設定內邊距屬性 185
8.8.5 給文本添加列表項目符號 186
8.8.6 給網頁添加背景 187
8.9 本章小結與課後練習 188
8.9.1 思考與練習 188
8.9.2 上機操作 188
第9章 套用Div+CSS布局網頁 189
9.1 Div概述 190
9.1.1 什麼是Div 190
9.1.2 Div CSS布局的優勢 190
9.1.3 Div標記和Span標記的區別 191
9.2 套用Div布局網頁 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章 使用模板和庫創建網頁 213
10.1 使用模板 214
10.1.1 模板的特點 214
10.1.2 創建模板 214
10.1.3 嵌套模板 215
10.2 設定模板 216
10.2.1 定義可編輯區域 216
10.2.2 定義可選區域 217
10.2.3 定義重複區域 217
10.2.4 定義可編輯的可選區域 218
10.2.5 定義重複表格 219
10.2.6 設定可編輯標籤屬性 220
10.3 套用模板 221
10.3.1 創建基於模板的網頁 221
10.3.2 更新模板和基於模板的網頁 222
10.3.3 從模板中脫離 223
10.4 創建與套用庫項目 223
10.4.1 認識庫項目 224
10.4.2 創建庫項目 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章 創建表單網頁 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 網頁元素 239
11.3.1 表單密碼 239
11.3.2 Url對象 239
11.3.3 Tel對象 240
11.3.4 搜尋對象 240
11.3.5 數字對象 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章 使用行為創建動態效果 259
12.1 認識網頁行為 260
12.1.1 事件與動作 260
12.1.2 使用【行為】面板 260
12.1.3 常見動作類型 261
12.1.4 常見事件 262
12.1.5 編輯與套用網頁行為 263
12.2 使用行為調節瀏覽器 263
12.2.1 打開瀏覽器視窗 264
12.2.2 調用JavaScript 265
12.2.3 轉到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 設定狀態欄文本 270
12.4.3 設定容器的文本 271
12.5 使用行為載入多媒體 272
12.5.1 檢查外掛程式 272
12.5.2 改變屬性 274
12.6 控制表單 275
12.6.1 跳轉選單 275
12.6.2 跳轉選單開始 277
12.6.3 檢查表單 277
12.7 使用JavaScript 278
12.7.1 利用JavaScript實現列印功能 279
12.7.2 利用JavaScript函式跳轉到某個頁面 279
12.7.3 利用JavaScript創建自動滾屏網頁效果 280
12.7.4 利用JavaScript函式實現動態時間 281
12.7.5 利用JavaScript函式實現動態側邊欄 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函式實現隨意更改背景顏色 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 創建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 使用布局格線 296
13.3.3 使用可摺疊區塊 297
13.3.4 使用文本輸入框 298
13.3.5 使用密碼輸入框 298
13.3.6 使用文本區域 299
13.3.7 使用選擇選單 300
13.4 列表與主題 300
13.4.1 創建有序列表 301
13.4.2 創建內嵌列表 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 設定翻轉切換開關 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 區段格式標籤 313
14.2.4 列表標籤 314
14.2.5 表格標籤 315
14.2.6 超連結標籤 315
14.3 在Dreamweaver中編輯HTML 316
14.3.1 在代碼視圖中創建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 使用環繞模式的快速標籤編輯器 320
14.5 使用代碼片段 320
14.5.1 插入代碼片段 321
14.5.2 創建代碼片段 321
14.6 最佳化代碼 322
14.6.1 最佳化HTML代碼 322
14.6.2 清理Word生成的HTML代碼 323
14.7 網頁中的其他原始碼 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 分區標籤 328
14.8.5 環繞標籤 328
14.9 本章小結與課後練習 328
14.9.1 思考與練習 329
14.9.2 上機操作 330
第15章 站點的發布與推廣 331
15.1 測試與維護站點 332
15.1.1 創建站點報告 332
15.1.2 使用連結檢查器 333
15.2 上傳發布網站 334
15.2.1 設定FTP伺服器 334
15.2.2 連線到遠程伺服器 335
15.2.3 檔案上傳 335
15.3 網站的運營與維護 336
15.3.1 網站的運營 336
15.3.2 網站的更新維護 337
15.4 推廣網站 338
15.4.1 註冊搜尋引擎 338
15.4.2 資源合作推廣方法 338
15.4.3 電子郵件推廣 339
15.4.4 導航網站登錄 340
15.4.5 軟文推廣 340
15.4.6 BBS論壇網站推廣 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 最佳化網站SEO 344
15.6 本章小結與課後練習 345
15.6.1 思考與練習 345
15.6.2 上機操作 345
第16章 設計與製作網站 347
16.1 確定網頁主題 348
16.1.1 選擇網站的主題 348
16.1.2 創建網頁 348
16.1.3 創建CSS連結 348
16.1.4 設定CSS樣式 349
16.2 添加網頁內容 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 上傳與瀏覽網頁 357
16.3.1 連線遠程伺服器 357
16.3.2 瀏覽網頁 357
參考答案 359
1.6 怎樣設計出好的網頁 19
1.6.1 網頁設計的基本原則 19
1.6.2 網頁設計的成功要素 20
1.6.3 網頁的色彩搭配 21
1.7 範例套用與上機操作 22
1.7.1 網站的製作流程 22
1.7.2 靜態網頁的製作流程 24
1.7.3 網頁編輯器 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 調整視窗大小 39
2.3.5 調整頁面方向 39
2.3.6 設定工具列顯示方式 40
2.4 本章小結與課後練習 41
2.4.1 思考與練習 41
2.4.2 上機操作 41
第3章 創建與管理本地站點 43
3.1 站點及站點結構 44
3.1.1 什麼是站點 44
3.1.2 站點結構 44
3.2 創建本地站點 45
3.2.1 使用嚮導搭建站點 45
3.2.2 使用高級面板創建站點 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 站點的規劃與操作 51
3.4.1 站點規劃 51
3.4.2 在站點中新建資料夾 51
3.4.3 在站點中新建網頁檔案 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 在站點中新建名為“視頻網頁”的檔案 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章 編輯結構清晰的網頁信息 61
4.1 在網頁中插入文本 62
4.1.1 輸入網頁文本 62
4.1.2 設定文本屬性 63
4.1.3 允許輸入連續的空格 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 設定網頁的文字編碼格式 70
4.4.2 設定網頁的到期時間 70
4.4.3 禁止瀏覽器從本地計算機的快取中讀取頁面內容 70
4.5 設定網頁的頭信息 71
4.5.1 設定網頁標題 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 強制網頁在當前視窗中以獨立頁面顯示 77
4.7.3 設定網頁打開時的效果 78
4.7.4 設定網頁退出時的效果 78
4.7.5 插入短破折線 79
4.8 本章小結與課後練習 79
4.8.1 思考與練習 80
4.8.2 上機操作 80
第5章 在網頁中套用圖像與多媒體 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 在網頁中插入圖像檔案 83
5.2.2 設定網頁背景圖 84
5.2.3 圖像的對齊方式 84
5.2.4 插入Photoshop智慧型對象 85
5.2.5 更改圖像的基本屬性 86
5.3 多媒體在網頁中的套用 87
5.3.1 插入並設定Flash動畫 88
5.3.2 插入Flash Video 89
5.3.3 插入普通音頻 91
5.4 插入其他圖像 92
5.4.1 插入滑鼠經過圖像 92
5.4.2 插入Fireworks HTML 93
5.5 編輯圖像 94
5.5.1 裁剪圖像 94
5.5.2 更改圖像大小 95
5.5.3 調整亮度和對比度 95
5.5.4 銳化圖像 96
5.6 使用熱區 97
5.6.1 繪製熱區 97
5.6.2 在【屬性】面板中設定熱區 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選區圖像 102
5.8 本章小結與課後練習 103
5.8.1 思考與練習 104
5.8.2 上機操作 104
第6章 超連結 105
6.1 超連結基本概念 106
6.1.1 超連結的定義 106
6.1.2 內部、外部與腳本連結 106
6.1.3 超連結的類型 107
6.2 連結路徑 109
6.2.1 絕對路徑 109
6.2.2 文檔相對路徑 110
6.2.3 站點根相對路徑 111
6.3 創建超連結的方法 112
6.3.1 使用指向檔案圖示創建連結 112
6.3.2 使用【屬性】面板創建連結 112
6.4 創建不同種類的超連結 113
6.4.1 文本超連結 113
6.4.2 空連結 114
6.4.3 電子郵件連結 115
6.5 管理與設定超連結 116
6.5.1 自動更新連結 116
6.5.2 在站點範圍內更改連結 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 創建腳本連結 120
6.7.2 創建下載檔案連結 121
6.7.3 創建錨記連結 122
6.7.4 創建音視頻連結 122
6.7.5 使用Hyperlink對話框 123
6.8 本章小結與課後練習 124
6.8.1 思考與練習 124
6.8.2 上機操作 125
第7章 使用表格布局頁面 127
7.1 表格的創建與套用 128
7.1.1 表格的定義與用途 128
7.1.2 創建表格 129
7.1.3 在表格中輸入內容 130
7.1.4 在單元格中插入圖像 130
7.1.5 創建嵌套表格 131
7.2 設定表格及單元格的屬性 132
7.2.1 設定表格屬性 132
7.2.2 設定單元格屬性 133
7.3 調整表格結構 134
7.3.1 選擇單元格和表格 134
7.3.2 調整單元格和表格的大小 135
7.3.3 插入與刪除表格的行和列 137
7.4 處理表格數據 139
7.4.1 導入Excel文檔 139
7.4.2 排序表格 140
7.5 數據表格樣式 141
7.5.1 表格模型 142
7.5.2 表格標題 143
7.5.3 表格樣式控制 143
7.6 範例套用與上機操作 144
7.6.3 複製、剪下和貼上表格 146
7.6.4 導入表格式數據 148
7.6.5 導入Word文檔 149
7.7 本章小結與課後練習 149
7.7.1 思考與練習 150
7.7.2 上機操作 150
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.3 設定媒體查詢 158
8.2.4 定義選擇器 159
8.2.5 設定CSS規則屬性 161
8.3 CSS選擇器的類型 161
8.3.1 通配符選擇器 162
8.3.3 類選擇器 162
8.3.4 ID選擇器 164
8.3.5 偽類及偽對象選擇器 164
8.3.6 群選擇器 165
8.4 創建CSS樣式 166
8.4.1 創建標籤CSS樣式 166
8.4.2 創建類CSS樣式 167
8.4.4 創建複合CSS樣式 170
8.5 編輯CSS樣式 171
8.5.1 設定類型屬性 171
8.5.2 設定背景屬性 172
8.5.3 設定方框屬性 173
8.5.4 設定區塊屬性 174
8.5.5 設定框線屬性 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 內聯CSS樣式 178
8.6.2 內部CSS樣式 178
8.6.4 導入外部CSS樣式表檔案 179
8.7 套用CSS3過渡效果 179
8.7.1 創建CSS3過渡效果 179
8.7.2 編輯CSS3過渡效果 181
8.7.3 刪除CSS3過渡效果 181
8.8 範例套用與上機操作 183
8.8.1 套用CSS設定固定字型、字號以及字型顏色 183
8.8.2 給網頁添加框線效果 183
8.8.3 為網頁添加CSS類選區 184
8.8.4 設定內邊距屬性 185
8.8.5 給文本添加列表項目符號 186
8.8.6 給網頁添加背景 187
8.9 本章小結與課後練習 188
8.9.1 思考與練習 188
8.9.2 上機操作 188
第9章 套用Div+CSS布局網頁 189
9.1 Div概述 190
9.1.1 什麼是Div 190
9.1.2 Div CSS布局的優勢 190
9.1.3 Div標記和Span標記的區別 191
9.2 套用Div布局網頁 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章 使用模板和庫創建網頁 213
10.1 使用模板 214
10.1.1 模板的特點 214
10.1.2 創建模板 214
10.1.3 嵌套模板 215
10.2 設定模板 216
10.2.1 定義可編輯區域 216
10.2.2 定義可選區域 217
10.2.3 定義重複區域 217
10.2.4 定義可編輯的可選區域 218
10.2.5 定義重複表格 219
10.2.6 設定可編輯標籤屬性 220
10.3 套用模板 221
10.3.1 創建基於模板的網頁 221
10.3.2 更新模板和基於模板的網頁 222
10.3.3 從模板中脫離 223
10.4 創建與套用庫項目 223
10.4.1 認識庫項目 224
10.4.2 創建庫項目 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章 創建表單網頁 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 網頁元素 239
11.3.1 表單密碼 239
11.3.2 Url對象 239
11.3.3 Tel對象 240
11.3.4 搜尋對象 240
11.3.5 數字對象 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章 使用行為創建動態效果 259
12.1 認識網頁行為 260
12.1.1 事件與動作 260
12.1.2 使用【行為】面板 260
12.1.3 常見動作類型 261
12.1.4 常見事件 262
12.1.5 編輯與套用網頁行為 263
12.2 使用行為調節瀏覽器 263
12.2.1 打開瀏覽器視窗 264
12.2.2 調用JavaScript 265
12.2.3 轉到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 設定狀態欄文本 270
12.4.3 設定容器的文本 271
12.5 使用行為載入多媒體 272
12.5.1 檢查外掛程式 272
12.5.2 改變屬性 274
12.6 控制表單 275
12.6.1 跳轉選單 275
12.6.2 跳轉選單開始 277
12.6.3 檢查表單 277
12.7 使用JavaScript 278
12.7.1 利用JavaScript實現列印功能 279
12.7.2 利用JavaScript函式跳轉到某個頁面 279
12.7.3 利用JavaScript創建自動滾屏網頁效果 280
12.7.4 利用JavaScript函式實現動態時間 281
12.7.5 利用JavaScript函式實現動態側邊欄 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函式實現隨意更改背景顏色 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 創建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 使用布局格線 296
13.3.3 使用可摺疊區塊 297
13.3.4 使用文本輸入框 298
13.3.5 使用密碼輸入框 298
13.3.6 使用文本區域 299
13.3.7 使用選擇選單 300
13.4 列表與主題 300
13.4.1 創建有序列表 301
13.4.2 創建內嵌列表 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 設定翻轉切換開關 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 區段格式標籤 313
14.2.4 列表標籤 314
14.2.5 表格標籤 315
14.2.6 超連結標籤 315
14.3 在Dreamweaver中編輯HTML 316
14.3.1 在代碼視圖中創建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 使用環繞模式的快速標籤編輯器 320
14.5 使用代碼片段 320
14.5.1 插入代碼片段 321
14.5.2 創建代碼片段 321
14.6 最佳化代碼 322
14.6.1 最佳化HTML代碼 322
14.6.2 清理Word生成的HTML代碼 323
14.7 網頁中的其他原始碼 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 分區標籤 328
14.8.5 環繞標籤 328
14.9 本章小結與課後練習 328
14.9.1 思考與練習 329
14.9.2 上機操作 330
第15章 站點的發布與推廣 331
15.1 測試與維護站點 332
15.1.1 創建站點報告 332
15.1.2 使用連結檢查器 333
15.2 上傳發布網站 334
15.2.1 設定FTP伺服器 334
15.2.2 連線到遠程伺服器 335
15.2.3 檔案上傳 335
15.3 網站的運營與維護 336
15.3.1 網站的運營 336
15.3.2 網站的更新維護 337
15.4 推廣網站 338
15.4.1 註冊搜尋引擎 338
15.4.2 資源合作推廣方法 338
15.4.3 電子郵件推廣 339
15.4.4 導航網站登錄 340
15.4.5 軟文推廣 340
15.4.6 BBS論壇網站推廣 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 最佳化網站SEO 344
15.6 本章小結與課後練習 345
15.6.1 思考與練習 345
15.6.2 上機操作 345
第16章 設計與製作網站 347
16.1 確定網頁主題 348
16.1.1 選擇網站的主題 348
16.1.2 創建網頁 348
16.1.3 創建CSS連結 348
16.1.4 設定CSS樣式 349
16.2 添加網頁內容 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 上傳與瀏覽網頁 357
16.3.1 連線遠程伺服器 357
16.3.2 瀏覽網頁 357
參考答案 359