ADOBE DREAMWEAVER CS4標(biāo)準培訓(xùn)教材

第1章 Dreamweaver CS4 基礎(chǔ)知識 1
1.1 Dreamweaver CS4簡介 1
1.2 Dreamweaver CS4 的工作界面 2
1.2.1 界面布局 2
1.2.2 工具、窗口和面板 7
1.2.3 使用插入欄 13
1.2.4 屬性檢查器 15
1.2.5 使用管理面板和面板組 15
1.2.6 Dreamweaver 中的自定義功能 17
1.3 Dreamweaver CS4 的新功能 19
第2章 文本的處理與控制 23
2.1 設(shè)置網(wǎng)頁標(biāo)題 23
2.2 HTML文件的基本結(jié)構(gòu) 25
2.2.1 標(biāo)簽 26
2.2.2 標(biāo)簽 27
2.3 文本的基本設(shè)置 27
2.3.1 設(shè)置文本標(biāo)題 27
2.3.2 添加空格 29
2.3.3 強制換行 30
2.3.4 文字的基本設(shè)置 31
2.3.5 文本插入欄的使用 33
2.4 項目列表 36
2.4.1 設(shè)置無序列表 36
2.4.2 設(shè)置有序列表 39
2.4.3 在標(biāo)簽檢查器中設(shè)置項目列表 41
2.4.4 定義項目列表 41
2.5 使用外部文本 42
2.5.1 粘貼文本 42
2.5.2 粘貼表格 44
2.5.3 導(dǎo)入Word 文檔和Excel表格 45
第3章 建立超級鏈接 49
3.1 超級鏈接的概念 49
3.1.1 URL 概述 49
3.1.2 超級鏈接中的路徑 50
3.2 為文本添加鏈接 51
3.2.1 添加鏈接 51
3.2.2 設(shè)置鏈接 53
3.2.3 使用超級鏈接標(biāo)簽 55
3.3 檢查鏈接 56
3.4 制作電子郵件鏈接 57
3.5 下載鏈接 61
3.6 添加錨鏈接 63
3.6.1 在同一頁面中添加錨鏈接 63
3.6.2 在不同的頁面上使用錨鏈接 67
第4章 在網(wǎng)頁中使用圖像 69
4.1 網(wǎng)絡(luò)圖形格式 69
4.1.1 GIF圖像 69
4.1.2 JPEG圖像 70
4.1.3 PNG圖像 71
4.2 在Dreamweaver 中插入圖片 72
4.2.1 在設(shè)計視圖中插入圖片 72
4.2.2 從資源面板中插入圖片 73
4.2.3 在代碼視圖中插入圖片 74
4.3 在Dreamweaver 中處理圖片 76
4.3.1 圖片的基本設(shè)置 76
4.3.2 編1/4圖片 77
4.4 使用熱區(qū) 82
4.4.1 繪制熱區(qū) 83
4.4.2 在標(biāo)簽檢查器中設(shè)置熱區(qū) 85
4.5 制作光標(biāo)3/4過圖像 86
4.6 制作導(dǎo)航條 87
4.7 插入圖像占位符 90
4.8 添加背景圖像 91
4.9 使用Photoshop文件 94
4.9.1 插入PSD文件 94
4.9.2 從Photoshop復(fù)制和粘貼 97
4.9.3 Adobe Photoshop智能對象 99
4.9.4 在Bridge中使用素材 101
第5章 在網(wǎng)頁中使用多媒體 105
5.1 在網(wǎng)頁中使用Flash 105
5.1.1 關(guān)于Flash 105
5.1.2 插入Flash影片文件(SWF) 106
5.1.3 對插入的Flash進行編1/4 108
5.1.4 使用其他的Flash 元素 110
5.2 在網(wǎng)頁中添加其他插件 118
5.2.1 插入其他視頻文件 118
5.2.2 為網(wǎng)頁添加聲音文件 119
第6章 使用表格布局頁面 121
6.1 頁面的布局 121
6.2 認識表格 122
6.2.1 和標(biāo)記 122
6.2.2 和標(biāo)記 123
6.2.3 在代碼視圖中設(shè)置表格 123
6.3 使用表格 125
6.3.1 在文檔中插入表格 125
6.3.2 選擇表格 127
6.3.3 設(shè)置表格屬性 129
6.3.4 編1/4表格 130
6.4 格式化表格 133
6.4.1 表格格式的設(shè)置 133
6.4.2 表格的排序 135
6.5 導(dǎo)入表格式數(shù)據(jù) 136
6.6 導(dǎo)出表格式數(shù)據(jù) 138
6.7 擴展表格模式和標(biāo)準模式 139
6.7.1 關(guān)于擴展表格和標(biāo)準模式 139
6.7.2 在“擴展表格”模式下插入元素 140
第7章 使用AP Div布局頁面 143
7.1 創(chuàng)建AP Div 143
7.1.1 創(chuàng)建基本的AP Div 144
7.1.2 創(chuàng)建嵌套AP Div 145
7.1.3 定位的度量 146
7.2 AP Div的操作 147
7.2.1 選擇AP Div 147
7.2.2 調(diào)整AP Div的大小 149
7.2.3 移動AP Div 150
7.2.4 排列AP Div 151
7.3 設(shè)置AP Div的屬性 151
7.4 使用“AP元素”面板 154
7.4.1 AP元素面板的主體部分 155
7.4.2 防止重疊 155
7.5 AP Div的使用技巧 156
7.5.1 將AP Div轉(zhuǎn)換成表格 156
7.5.2 將表格轉(zhuǎn)化為AP Div 157
7.5.3 可視化剪1/4AP Div 157
7.5.4 構(gòu)建相對定位的AP Div 159
第8章 使用層疊樣式表 161
8.1 層疊樣式表基礎(chǔ) 161
8.1.1 CSS樣式簡介 161
8.1.2 CSS樣式的規(guī)則及分類 162
8.2 在Dreamweaver 中創(chuàng)建層疊樣式表 163
8.2.1 “CSS樣式”面板 163
8.2.2 新建CSS 樣式 166
8.2.3 創(chuàng)建CSS文檔 167
8.3 使用CSS樣式 169
8.3.1 定義CSS規(guī)則 169
8.3.2 套用CSS 樣式 180
8.3.3 附加樣式表 181
8.3.4 刪除已應(yīng)用的樣式 182
8.3.5 使用范例Dreamweaver樣式表 183
8.4 ID 184
8.5 標(biāo)簽 184
8.6 復(fù)合內(nèi)容 186
8.7 使用Div 標(biāo)簽 188
8.7.1 插入Div標(biāo)簽 189
8.7.2 編1/4Div 標(biāo)簽 191
8.8 CSS布局塊可視化 191
第9章 使用框架布局頁面 193
9.1 框架簡介 193
9.2 創(chuàng)建框架和框架集 194
9.2.1 使用預(yù)設(shè)的框架集 194
9.2.2 創(chuàng)建和編1/4框架集 195
9.2.3 創(chuàng)建嵌套框架集 197
9.3 框架的基本操作 197
9.3.1 選擇框架和框架集 197
9.3.2 保存框架和框架集文件 198
9.4 在框架中打開文檔 199
9.5 查看和設(shè)置框架屬性 199
9.6 在框架內(nèi)控制鏈接 201
9.7 為不支持框架的瀏覽器定義內(nèi)容 202
9.8 創(chuàng)建嵌入式框架 203
第10章 使用模板和庫 207
10.1 使用軟件自身提供的模板 207
10.2 創(chuàng)建自定義模板 209
10.2.1 將文檔另存為模板 210
10.2.2 使用“資源”面板創(chuàng)建新模板 210
10.3 創(chuàng)建模板的可編1/4區(qū)域 212
10.4 使用可選區(qū)域 214
10.5 使用重復(fù)區(qū)域 215
10.5.1 模板中創(chuàng)建重復(fù)區(qū)域 215
10.5.2 插入重復(fù)表格 216
10.6 應(yīng)用模板 217
10.6.1 使用模板創(chuàng)建文檔 217
10.6.2 在現(xiàn)有文檔中應(yīng)用或刪除模板 218
10.7 編1/4和更新模板 220
10.8 在基于模板的文檔中編1/4內(nèi)容 221
10.9 管理模板 222
10.10 庫項目 222
10.10.1 了解庫項目 222
10.10.2 在“資源”面板中添加庫項目 223
10.10.3 庫項目的屬性 224
10.10.4 使庫項目可編1/4 225
10.10.5 應(yīng)用庫項目 226
10.10.6 修改庫項目 226
第11章 使用行為 229
11.1 什么是行為 229
11.2 應(yīng)用行為 230
11.3 修改行為 231
11.4 設(shè)置行為 232
11.4.1 彈出消息 232
11.4.2 打開瀏覽器窗口 233
11.4.3 播放聲音 234
11.4.4 改變屬性 235
11.4.5 檢查表單 236
11.4.6 檢查插件 237
11.4.7 檢查瀏覽器 238
11.4.8 預(yù)先載入圖像 239
11.4.9 交換圖像 239
11.4.10 轉(zhuǎn)到URL 241
11.4.11 拖動AP元素 242
第12章 使用表單 244
12.1 表單的工作模式 244
12.2 在頁面中插入表單 245
12.3 插入表單對象并設(shè)置其屬性 248
12.3.1 使用表單 248
12.3.2 使用文本域 249
12.3.3 使用隱藏域 250
12.3.4 使用復(fù)選框 251
12.3.5 使用單選按鈕 252
12.3.6 使用單選按鈕組 253
12.3.7 使用列表/菜單 254
12.3.8 使用跳轉(zhuǎn)菜單 255
12.3.9 使用圖像域 256
12.3.10 使用文件域 256
12.3.11 使用標(biāo)準按鈕 257
12.4 Spry構(gòu)件 257
12.4.1 制作Spry菜單欄 258
12.4.2 制作Spry選項卡式面板 261
12.4.3 制作Spry折疊式 262
12.4.4 Spry可折疊面板 263
12.4.5 Spry表單控件 264
12.4.6 Spry工具效果 267
12.4.7 為Spry工具提示添加行為 271
第13章 網(wǎng)站的創(chuàng)建與管理 284
13.1 規(guī)劃網(wǎng)站 284
13.1.1 網(wǎng)站與訪客 284
13.1.2 創(chuàng)建具有瀏覽器兼容性的站點 285
13.1.3 組織站點結(jié)構(gòu)和文件夾命名原則 285
13.1.4 確定站點風(fēng)格 286
13.1.5 設(shè)計導(dǎo)航方案 286
13.1.6 規(guī)劃和收集資源 287
13.2 使用“資源”面板 288
13.2.1 查看資源 288
13.2.2 選取資源類別 289
13.2.3 添加資源 290
13.2.4 選擇和編1/4資源 291
13.2.5 在站點間使用資源 291
13.2.6 刷新“資源”面板 292
13.2.7 管理“資源”面板 292
13.3 創(chuàng)建Dreamweaver本地站點 294
13.3.1 使用站點向?qū)?chuàng)建站點 294
13.3.2 使用“高級”選項卡創(chuàng)建站點 299
13.4 管理站點信息 301
13.5 創(chuàng)建和管理文件 303
13.5.1 “文件”面板 303
13.5.2 新建文件和文件夾 306
13.5.3 文件的上傳和下載 307
第14章 Adobe Dreamweaver CS4高效的代碼編寫 308
14.1 代碼編寫基礎(chǔ) 308
14.1.1 什么是HTML 308
14.1.2 什么是XHTML 310
14.1.3 支持的語言種類 311
14.2 定義文件頭元素 313
14.2.1 查看和建立文件頭元素 314
14.2.2 設(shè)置頁面的meta 屬性 316
14.2.3 設(shè)置網(wǎng)頁關(guān)鍵字 318
14.2.4 設(shè)置網(wǎng)頁說明 318
14.2.5 設(shè)置網(wǎng)頁刷新 319
14.2.6 設(shè)置網(wǎng)頁基礎(chǔ)URL 320
14.2.7 設(shè)置網(wǎng)頁鏈接屬性 321
14.2.8 設(shè)置meta搜索機器人 323
14.2.9 設(shè)置meta禁用訪問者緩存 324
14.2.10 設(shè)置meta網(wǎng)頁過渡效果 325
14.3 查看代碼 326
14.3.1 代碼、拆分與實時代碼視圖 326
14.3.2 相關(guān)文件 330
14.3.3 代碼檢查器 330
14.4 編寫代碼 335
14.4.1 代碼提示與自動完成 335
14.4.2 顯示代碼瀏覽器 337
14.4.3 折疊代碼 341
14.4.4 選擇代碼 342
14.4.5 插入HTML注釋 343
14.4.6 插入代碼片段 344
14.4.7 使用標(biāo)簽檢查器 346
14.4.8 快速標(biāo)簽編1/4器 348
14.4.9 使用標(biāo)簽選擇器 349
14.4.10 使用語言參考 351
14.5 自定義編碼環(huán)境 352
14.5.1 設(shè)置代碼格式 352
14.5.2 設(shè)置代碼顏色和提示 352
14.5.3 使用外部編1/4器 353