內容簡介
本書是“Adobe中國數字藝術教育及ACAA中國數字藝術教育聯盟標準培訓教材”中的一本。為了讓讀者系統、快速地掌握Adobe Dreamweaver CS5軟體,本書全面詳細地介紹了建立站點以及管理站點資源的方法,圖文並茂地講解了文本、表格、框霸拔體雅架、層(APDIV)等網頁排版方法,另外還介紹了如何在Dreamweaver中套用圖像和多媒體元素。結合實際套用環境,書中還著重講解了建立超級連結、使用庫和行為的方法。
本書語言通俗易懂、循序漸進,並配以大量的圖示,特別適合初學者學主連鑽習,對有一定基礎的讀者也大有裨益。本書對Adobe中國認證設計師考試具有指導意義,同時也可以作為高等院校美術專業計算機輔助設計課程的教材。另外,本書也非常適合其他各類相關培訓班學員及廣大自學人員參考閱讀。
圖書目錄
第 1章 Dreamweaver CS5基礎知識 1
1.1 Dreamweaver CS5簡介 1
1.2 Dreamweaver CS5的工作界面 2
1.2.1 界面布局 2
1.2.2 工具、視窗和面板 9
1.2.3 使用插入欄 14
1.2.4 屬性檢查器 16
1.2.5 使用管理面板和面板組 17
1.2.6 Dreamweaver中的自定義功能 19
1.3 Dreamweaver CS5的新功能 22
第 2章 文本的處理與控制 25
2.1 設定戀埋勸網頁標題 遙蘭25
2.2 HTML檔案的基本結構 27
2.2.1 標籤 29
2.2.2 標籤 29
2.3 文本的基本設定 30
2.3.1 設定文本標題 30
2.3.2 添加空格 32
2.3.3 強制換行 33
2.3.4 文字的基本設定 34
2.3.5 “文本”插入欄的使用 36
2.4 項目列表 39
2.4.1 設定無序列表 39
2.4.2 設定有序列表 42
2.4.3 在標籤檢查器中設定項目列表 44
2.4.4 定義項目列表 45
2.5 使用外部文本 46
2.5.1 貼上文本 46
2.5.2 貼上表格 47
2.5.3 導入Word文檔和Excel表格 48
第3章 建立超級連結 52
3.1 超級連結的概念 52
3.1.1 URL概述 52
3.1.2 超級連結中的路徑 53
3.2 為文本添加連結 54
3.2.1 添加連結 55
3.2.2 設定連結 57
3.2.3 使用超級連結標籤 58
3.3 檢查連結 59
3.4 製作電子郵件連結 61
3.5 下載連結 65
3.6 添加錨連結 67
3.6.1 在同一頁面奔局潤拔中添加錨連結 67
3.6.2 在不同的頁面上使用錨連結 71
第4章 在網頁中使用圖像 74
4.1 網路圖形格式 74
4.1.1 GIF圖像 74
4.1.2 JPEG圖像 75
4.1.3 PNG圖像 76
4.2 在Dreamweaver中插入圖片 77
4.2.1 在設計視圖中插入圖片 77
4.2.2 從“資源”面板中插入圖片 78
4.2.3 在代碼視圖中插入圖片 79
4.3 抹定獄在Dreamweaver中處理圖片 81
4.3.1 圖片的基本設定 81
4.3.2 編輯圖片 81
4.4 使用熱區 87
4.4.1 繪製熱區 88
4.4.2 在標籤檢查器中設定熱區 90
4.5 製作滑鼠指針經過圖像 91
4.6 插入圖微再影像占位符 93
4.7 添加背景圖像 94
4.8 使用Photoshop檔案 96
4.8.1 插入PSD檔案 96
4.8.2 從Photoshop複製和貼上 100
4.8.3 Adobe Photoshop智慧型對象 101
4.8.4 在Bridge中使用素材 104
第5章 在網頁中使用多媒體 106
5.1 在網頁中使用Flash 106
5.1.1 關於Flash 106
5.1.2 插入Flash影片檔案(SWF) 108
5.1.3 對插入的Flash進行編輯 109
5.1.4 使用其他的Flash元素 112
5.2 在網頁中添加其他外掛程式 120
5.2.1 插入其他視頻檔案 120
5.2.2 為網頁添加聲音檔案 121
第6章 使用表格布局頁面 123
6.1 頁面的布局 123
6.2 認識表格 124
6.2.1
和
標記 124
6.2.2 和標記 125
6.2.3 在代碼視圖中設定表格 125
6.3 使用表格 127
6.3.1 在文檔中插入表格 127
6.3.2 選擇表格 129
6.3.3 設定表格屬性 131
6.3.4 編輯表格 132
6.4 格式化表格 135
6.4.1 表格格式的設定 135
6.4.2 表格的排序 137
6.5 導入表格式數據 139
6.6 導出表格式數據 140
6.7 擴展表格模式和標準模式 141
6.7.1 關於擴展表格和標準模式 141
6.7.2 在擴展表格模式下插入元素 143
第7章 使用AP Div布局頁面 145
7.1 創建AP Div 145
7.1.1 創建基本的AP Div 146
7.1.2 創建嵌套AP Div 147
7.1.3 定位的度量 148
7.2 AP Div的操作 149
7.2.1 選擇AP Div 149
7.2.2 調整AP Div的大小 151
7.2.3 移動AP Div 152
7.2.4 排列AP Div 153
7.3 設定AP Div的屬性 154
7.4 使用“AP元素”面板 157
7.4.1 “AP元素”面板的主體部分 157
7.4.2 防止重疊 158
7.5 AP Div的使用技巧 158
7.5.1 將AP Div轉換成表格 158
7.5.2 將表格轉化為AP Div 159
7.5.3 可視化剪輯AP Div 160
7.5.4 構建相對定位的AP Div 161
第8章 使用層疊樣式表 163
8.1 層疊樣式表基礎 163
8.1.1 CSS樣式簡介 163
8.1.2 CSS樣式的規則及分類 164
8.2 在Dreamweaver中創建層疊樣式表 165
8.2.1 “CSS樣式”面板 165
8.2.2 新建CSS樣式 168
8.2.3 創建CSS文檔 169
8.3 使用CSS樣式 171
8.3.1 定義CSS規則 171
8.3.2 套用CSS樣式 182
8.3.3 附加樣式表 183
8.3.4 刪除已套用的樣式 184
8.3.5 使用範例Dreamweaver樣式表 185
8.4 ID 186
8.5 標籤 187
8.6 複合內容 188
8.7 使用Div標籤 191
8.7.1 插入Div標籤 191
8.7.2 編輯Div標籤 193
8.8 CSS布局塊可視化 193
第9章 使用框架布局頁面 195
9.1 框架簡介 195
9.2 創建框架和框架集 196
9.2.1 使用預設的框架集 196
9.2.2 創建和編輯框架集 197
9.2.3 創建嵌套框架集 199
9.3 框架的基本操作 199
9.3.1 選擇框架和框架集 199
9.3.2 保存框架和框架集檔案 200
9.4 在框架中打開文檔 201
9.5 查看和設定框架屬性 201
9.6 在框架內控制連結 203
9.7 為不支持框架的瀏覽器定義內容 204
9.8 創建嵌入式框架 205
第 10章 使用模板和庫 208
10.1 使用軟體自身提供的模板 208
10.2 創建自定義模板 210
10.2.1 將文檔另外儲存為模板 211
10.2.2 使用“資源”面板創建新模板 211
10.3 創建模板的可編輯區域 212
10.4 使用可選區域 215
10.5 使用重複區域 216
10.5.1 模板中創建重複區域 217
10.5.2 插入重複表格 217
10.6 套用模板 218
10.6.1 使用模板創建文檔 218
10.6.2 在現有文檔中套用或刪除模板 219
10.7 編輯和更新模板 221
10.8 在基於模板的文檔中編輯內容 222
10.9 管理模板 223
10.10 庫項目 223
10.10.1 了解庫項目 224
10.10.2 在“資源”面板中添加庫項目 224
10.10.3 庫項目的屬性 225
10.10.4 使庫項目可編輯 226
10.10.5 套用庫項目 227
10.10.6 修改庫項目 227
第 11章 使用行為 230
11.1 什麼是行為 230
11.2 套用行為 231
11.3 修改行為 232
11.4 設定行為 233
11.4.1 彈出訊息 233
11.4.2 打開瀏覽器視窗 234
11.4.3 播放聲音 235
11.4.4 改變屬性 236
11.4.5 檢查表單 238
11.4.6 檢查外掛程式 238
11.4.7 檢查瀏覽器 239
11.4.8 預先載入圖像 240
11.4.9 交換圖像 241
11.4.10 轉到URL 242
11.4.11 拖動AP元素 243
第 12章 使用表單 245
12.1 表單的工作模式 245
12.2 在頁面中插入表單 246
12.3 插入表單對象並設定其屬性 249
12.3.1 使用表單 249
12.3.2 使用文本域 249
12.3.3 使用隱藏域 251
12.3.4 使用複選框 252
12.3.5 使用單選按鈕 253
12.3.6 使用單選按鈕組 254
12.3.7 使用列表/選單 255
12.3.8 使用跳轉選單 256
12.3.9 使用圖像域 257
12.3.10 使用檔案域 257
12.3.11 使用標準按鈕 258
12.4 Spry構件 258
12.4.1 製作Spry選單欄 259
12.4.2 製作Spry選項卡式面板 261
12.4.3 製作Spry摺疊式 263
12.4.4 Spry可摺疊面板 264
12.4.5 Spry表單控制項 266
12.4.6 Spry工具效果 269
12.4.7 為Spry工具提示添加行為 273
第 13章 網站的創建與管理 286
13.1 規劃網站 286
13.1.1 網站與訪客 286
13.1.2 創建具有瀏覽器兼容性的站點 287
13.1.3 組織站點結構和資料夾命名原則 287
13.1.4 確定站點風格 288
13.1.5 設計導航方案 288
13.1.6 規劃和收集資源 289
13.2 使用“資源”面板 290
13.2.1 查看資源 290
13.2.2 選取資源類別 291
13.2.3 添加資源 292
13.2.4 選擇和編輯資源 293
13.2.5 在站點間使用資源 293
13.2.6 刷新“資源”面板 294
13.2.7 管理“資源”面板 295
13.3 創建Dreamweaver本地站點 296
13.3.1 使用站點嚮導創建站點 296
13.3.2 “高級設定”選項 300
13.4 管理站點信息 301
13.5 創建和管理檔案 303
13.5.1 “檔案”面板 303
13.5.2 新建檔案和資料夾 306
13.5.3 檔案的上傳和下載 307
第 14章 Adobe Dreamweaver CS5高效的代碼編寫 308
14.1 代碼編寫基礎 308
14.1.1 什麼是HTML 308
14.1.2 什麼是XHTML 310
14.1.3 支持的語言種類 311
14.2 定義檔案頭元素 313
14.2.1 查看和建立檔案頭元素 313
14.2.2 設定頁面的meta屬性 316
14.2.3 設定網頁關鍵字 318
14.2.4 設定網頁說明 318
14.2.5 設定網頁刷新 319
14.2.6 設定網頁基礎URL 320
14.2.7 設定網頁連結屬性 321
14.2.8 設定meta搜尋機器人 323
14.2.9 設定meta禁用訪問者快取 324
14.2.10 設定meta網頁過渡效果 325
14.3 查看代碼 327
14.3.1 代碼、拆分與實時代碼視圖 327
14.3.2 相關檔案 330
14.3.3 代碼檢查器 330
14.4 編寫代碼 335
14.4.1 代碼提示與自動完成 335
14.4.2 顯示代碼瀏覽器 338
14.4.3 摺疊代碼 341
14.4.4 選擇代碼 343
14.4.5 插入HTML注釋 343
14.4.6 插入代碼片段 344
14.4.7 使用標籤檢查器 346
14.4.8 快速標籤編輯器 348
14.4.9 使用標籤選擇器 350
14.4.10 使用語言參考 351
14.5 自定義編碼環境 352
14.5.1 設定代碼格式 352
14.5.2 設定代碼顏色和提示 353
14.5.3 使用外部編輯器 354
3.5 下載連結 65
3.6 添加錨連結 67
3.6.1 在同一頁面中添加錨連結 67
3.6.2 在不同的頁面上使用錨連結 71
第4章 在網頁中使用圖像 74
4.1 網路圖形格式 74
4.1.1 GIF圖像 74
4.1.2 JPEG圖像 75
4.1.3 PNG圖像 76
4.2 在Dreamweaver中插入圖片 77
4.2.1 在設計視圖中插入圖片 77
4.2.2 從“資源”面板中插入圖片 78
4.2.3 在代碼視圖中插入圖片 79
4.3 在Dreamweaver中處理圖片 81
4.3.1 圖片的基本設定 81
4.3.2 編輯圖片 81
4.4 使用熱區 87
4.4.1 繪製熱區 88
4.4.2 在標籤檢查器中設定熱區 90
4.5 製作滑鼠指針經過圖像 91
4.6 插入圖像占位符 93
4.7 添加背景圖像 94
4.8 使用Photoshop檔案 96
4.8.1 插入PSD檔案 96
4.8.2 從Photoshop複製和貼上 100
4.8.3 Adobe Photoshop智慧型對象 101
4.8.4 在Bridge中使用素材 104
第5章 在網頁中使用多媒體 106
5.1 在網頁中使用Flash 106
5.1.1 關於Flash 106
5.1.2 插入Flash影片檔案(SWF) 108
5.1.3 對插入的Flash進行編輯 109
5.1.4 使用其他的Flash元素 112
5.2 在網頁中添加其他外掛程式 120
5.2.1 插入其他視頻檔案 120
5.2.2 為網頁添加聲音檔案 121
第6章 使用表格布局頁面 123
6.1 頁面的布局 123
6.2 認識表格 124
6.2.1
和
標記 124
6.2.2 和標記 125
6.2.3 在代碼視圖中設定表格 125
6.3 使用表格 127
6.3.1 在文檔中插入表格 127
6.3.2 選擇表格 129
6.3.3 設定表格屬性 131
6.3.4 編輯表格 132
6.4 格式化表格 135
6.4.1 表格格式的設定 135
6.4.2 表格的排序 137
6.5 導入表格式數據 139
6.6 導出表格式數據 140
6.7 擴展表格模式和標準模式 141
6.7.1 關於擴展表格和標準模式 141
6.7.2 在擴展表格模式下插入元素 143
第7章 使用AP Div布局頁面 145
7.1 創建AP Div 145
7.1.1 創建基本的AP Div 146
7.1.2 創建嵌套AP Div 147
7.1.3 定位的度量 148
7.2 AP Div的操作 149
7.2.1 選擇AP Div 149
7.2.2 調整AP Div的大小 151
7.2.3 移動AP Div 152
7.2.4 排列AP Div 153
7.3 設定AP Div的屬性 154
7.4 使用“AP元素”面板 157
7.4.1 “AP元素”面板的主體部分 157
7.4.2 防止重疊 158
7.5 AP Div的使用技巧 158
7.5.1 將AP Div轉換成表格 158
7.5.2 將表格轉化為AP Div 159
7.5.3 可視化剪輯AP Div 160
7.5.4 構建相對定位的AP Div 161
第8章 使用層疊樣式表 163
8.1 層疊樣式表基礎 163
8.1.1 CSS樣式簡介 163
8.1.2 CSS樣式的規則及分類 164
8.2 在Dreamweaver中創建層疊樣式表 165
8.2.1 “CSS樣式”面板 165
8.2.2 新建CSS樣式 168
8.2.3 創建CSS文檔 169
8.3 使用CSS樣式 171
8.3.1 定義CSS規則 171
8.3.2 套用CSS樣式 182
8.3.3 附加樣式表 183
8.3.4 刪除已套用的樣式 184
8.3.5 使用範例Dreamweaver樣式表 185
8.4 ID 186
8.5 標籤 187
8.6 複合內容 188
8.7 使用Div標籤 191
8.7.1 插入Div標籤 191
8.7.2 編輯Div標籤 193
8.8 CSS布局塊可視化 193
第9章 使用框架布局頁面 195
9.1 框架簡介 195
9.2 創建框架和框架集 196
9.2.1 使用預設的框架集 196
9.2.2 創建和編輯框架集 197
9.2.3 創建嵌套框架集 199
9.3 框架的基本操作 199
9.3.1 選擇框架和框架集 199
9.3.2 保存框架和框架集檔案 200
9.4 在框架中打開文檔 201
9.5 查看和設定框架屬性 201
9.6 在框架內控制連結 203
9.7 為不支持框架的瀏覽器定義內容 204
9.8 創建嵌入式框架 205
第 10章 使用模板和庫 208
10.1 使用軟體自身提供的模板 208
10.2 創建自定義模板 210
10.2.1 將文檔另外儲存為模板 211
10.2.2 使用“資源”面板創建新模板 211
10.3 創建模板的可編輯區域 212
10.4 使用可選區域 215
10.5 使用重複區域 216
10.5.1 模板中創建重複區域 217
10.5.2 插入重複表格 217
10.6 套用模板 218
10.6.1 使用模板創建文檔 218
10.6.2 在現有文檔中套用或刪除模板 219
10.7 編輯和更新模板 221
10.8 在基於模板的文檔中編輯內容 222
10.9 管理模板 223
10.10 庫項目 223
10.10.1 了解庫項目 224
10.10.2 在“資源”面板中添加庫項目 224
10.10.3 庫項目的屬性 225
10.10.4 使庫項目可編輯 226
10.10.5 套用庫項目 227
10.10.6 修改庫項目 227
第 11章 使用行為 230
11.1 什麼是行為 230
11.2 套用行為 231
11.3 修改行為 232
11.4 設定行為 233
11.4.1 彈出訊息 233
11.4.2 打開瀏覽器視窗 234
11.4.3 播放聲音 235
11.4.4 改變屬性 236
11.4.5 檢查表單 238
11.4.6 檢查外掛程式 238
11.4.7 檢查瀏覽器 239
11.4.8 預先載入圖像 240
11.4.9 交換圖像 241
11.4.10 轉到URL 242
11.4.11 拖動AP元素 243
第 12章 使用表單 245
12.1 表單的工作模式 245
12.2 在頁面中插入表單 246
12.3 插入表單對象並設定其屬性 249
12.3.1 使用表單 249
12.3.2 使用文本域 249
12.3.3 使用隱藏域 251
12.3.4 使用複選框 252
12.3.5 使用單選按鈕 253
12.3.6 使用單選按鈕組 254
12.3.7 使用列表/選單 255
12.3.8 使用跳轉選單 256
12.3.9 使用圖像域 257
12.3.10 使用檔案域 257
12.3.11 使用標準按鈕 258
12.4 Spry構件 258
12.4.1 製作Spry選單欄 259
12.4.2 製作Spry選項卡式面板 261
12.4.3 製作Spry摺疊式 263
12.4.4 Spry可摺疊面板 264
12.4.5 Spry表單控制項 266
12.4.6 Spry工具效果 269
12.4.7 為Spry工具提示添加行為 273
第 13章 網站的創建與管理 286
13.1 規劃網站 286
13.1.1 網站與訪客 286
13.1.2 創建具有瀏覽器兼容性的站點 287
13.1.3 組織站點結構和資料夾命名原則 287
13.1.4 確定站點風格 288
13.1.5 設計導航方案 288
13.1.6 規劃和收集資源 289
13.2 使用“資源”面板 290
13.2.1 查看資源 290
13.2.2 選取資源類別 291
13.2.3 添加資源 292
13.2.4 選擇和編輯資源 293
13.2.5 在站點間使用資源 293
13.2.6 刷新“資源”面板 294
13.2.7 管理“資源”面板 295
13.3 創建Dreamweaver本地站點 296
13.3.1 使用站點嚮導創建站點 296
13.3.2 “高級設定”選項 300
13.4 管理站點信息 301
13.5 創建和管理檔案 303
13.5.1 “檔案”面板 303
13.5.2 新建檔案和資料夾 306
13.5.3 檔案的上傳和下載 307
第 14章 Adobe Dreamweaver CS5高效的代碼編寫 308
14.1 代碼編寫基礎 308
14.1.1 什麼是HTML 308
14.1.2 什麼是XHTML 310
14.1.3 支持的語言種類 311
14.2 定義檔案頭元素 313
14.2.1 查看和建立檔案頭元素 313
14.2.2 設定頁面的meta屬性 316
14.2.3 設定網頁關鍵字 318
14.2.4 設定網頁說明 318
14.2.5 設定網頁刷新 319
14.2.6 設定網頁基礎URL 320
14.2.7 設定網頁連結屬性 321
14.2.8 設定meta搜尋機器人 323
14.2.9 設定meta禁用訪問者快取 324
14.2.10 設定meta網頁過渡效果 325
14.3 查看代碼 327
14.3.1 代碼、拆分與實時代碼視圖 327
14.3.2 相關檔案 330
14.3.3 代碼檢查器 330
14.4 編寫代碼 335
14.4.1 代碼提示與自動完成 335
14.4.2 顯示代碼瀏覽器 338
14.4.3 摺疊代碼 341
14.4.4 選擇代碼 343
14.4.5 插入HTML注釋 343