Dreamweaver cs3標(biāo)準(zhǔn)教程

第1章 初識(shí)Dreamweaver CS3 1
1.1 網(wǎng)頁中的基本元素 1
1.1.1 文字 1
1.1.2 圖像 2
1.1.3 音頻 4
1.1.4 視頻 5
1.1.5 動(dòng)畫 6
1.1.6 虛擬現(xiàn)實(shí) 6
1.1.7 版式 7
1.1.8 色彩 9
1.1.9 鏈接和路徑 9
1.2 啟動(dòng)Dreamweaver CS3 10
1.3 使用開始頁 10
1.4 窗口布局 13
1.4.1 菜單欄 13
1.4.2 “插入”工具欄 14
1.4.3 面板 15
1.5 面板與面板組 15
1.5.1 打開與關(guān)閉面板 15
1.5.2 展開與折疊面板組 16
1.5.3 移動(dòng)面板組 16
1.5.4 開啟與關(guān)閉全部面板 17
1.5.5 常用面板 17
1.6 網(wǎng)頁編輯視圖 18
1.7 獲取幫助 19
1.7.1 幫助窗口 20
1.7.2 “參考”面板 21
1.8 練習(xí)題 22
第2章 創(chuàng)建本地站點(diǎn) 23
2.1 新建站點(diǎn) 23
2.1.1 準(zhǔn)備工作 23
2.1.2 定義站點(diǎn) 23
2.2 修改站點(diǎn)信息 26
2.2.1 打開站點(diǎn)定義對話框 26
2.2.2 設(shè)置本地信息 26
2.2.3 文件視圖列調(diào)整 28
2.3 多站點(diǎn)管理 29
2.4 創(chuàng)建站點(diǎn)目錄結(jié)構(gòu) 31
2.4.1 創(chuàng)建一級(jí)目錄 31
2.4.2 創(chuàng)建二級(jí)目錄 32
2.4.3 新建網(wǎng)頁 33
2.4.4 重命名文件或文件夾 33
2.4.5 移動(dòng)文件或文件夾 34
2.4.6 刪除文件或文件夾 34
2.4.7 復(fù)制文件到站點(diǎn)內(nèi) 35
2.5 文件目錄命名規(guī)范 35
2.5.1 文件或文件夾的命名 35
2.5.2 網(wǎng)站首頁的命名 36
2.6 目錄結(jié)構(gòu)規(guī)范 37
2.7 練習(xí)題 37
第3章 制作簡單網(wǎng)頁 38
3.1 新建網(wǎng)頁 38
3.1.1 新建文檔 38
3.1.2 保存網(wǎng)頁 42
3.1.3 關(guān)閉文件 42
3.2 設(shè)置文件頭 42
3.2.1 打開網(wǎng)頁 42
3.2.2 設(shè)置網(wǎng)頁的編碼 43
3.2.3 設(shè)定文檔標(biāo)題 43
3.2.4 添加關(guān)鍵字 44
3.2.5 描述文本 45
3.2.6 設(shè)置網(wǎng)頁的刷新 45
3.2.7 查看代碼 46
3.2.8 插入對象 46
3.2.9 刪除頭對象 47
3.3 使用文本 47
3.3.1 輸入文本 47
3.3.2 設(shè)置標(biāo)題文本 47
3.3.3 設(shè)置段落文本 48
3.3.4 設(shè)置預(yù)先格式化的文本 49
3.3.5 修改字體 49
3.3.6 修改文字大小 50
3.3.7 設(shè)置文本樣式 51
3.3.8 設(shè)置對齊方式 51
3.3.9 設(shè)置文本縮進(jìn) 51
3.3.10 修改文本顏色 52
3.3.11 設(shè)置文本換行 53
3.3.12 設(shè)置首行縮進(jìn) 55
3.3.13 創(chuàng)建列表 56
3.4 使用圖像 59
3.4.1 插入圖像 60
3.4.2 修改圖像屬性 61
3.5 插入Flash對象 65
3.5.1 插入Flash動(dòng)畫 65
3.5.2 插入Flash文本 67
3.5.3 插入Flash按鈕 68
3.6 添加背景音樂 69
3.7 插入RealPlayer視頻 69
3.8 插入QuickTime電影 72
3.9 插入Java Applet程序 73
3.10 用CSS樣式設(shè)定網(wǎng)頁屬性 75
3.10.1 “頁面屬性”對話框 75
3.10.2 外觀 75
3.10.3 鏈接 78
3.10.4 標(biāo)題 79
3.10.5 標(biāo)題/編碼 80
3.10.6 跟蹤圖像 81
3.11 用HTML定義網(wǎng)頁屬性 81
3.12 練習(xí)題 83
第4章 超級(jí)鏈接 84
4.1 地址和鏈接 84
4.1.1 文件地址 84
4.1.2 關(guān)于超級(jí)鏈接 86
4.2 添加鏈接 86
4.2.1 添加外部鏈接 86
4.2.2 添加內(nèi)部鏈接 87
4.2.3 添加E-mail鏈接 88
4.3 錨記鏈接 89
4.3.1 網(wǎng)頁內(nèi)部錨記鏈接 89
4.3.2 頁面之間的錨記鏈接 91
4.4 熱點(diǎn)鏈接 92
4.5 練習(xí)題 95
第5章 使用表格 96
5.1 插入表格 96
5.2 選擇表格對象 99
5.3 設(shè)置表格屬性 100
5.4 調(diào)整表格結(jié)構(gòu) 103
5.4.1 插入單行或單列 103
5.4.2 插入多行或多列 104
5.4.3 刪除行或列 104
5.4.4 單元格的拆分與合并 104
5.5 設(shè)置單元格屬性 105
5.5.1 設(shè)置單元格寬度和高度 105
5.5.2 對齊設(shè)置 105
5.5.3 將單元格轉(zhuǎn)換為表頭 106
5.6 嵌套表格 106
5.7 導(dǎo)入表格化數(shù)據(jù) 107
5.8 表格數(shù)據(jù)排序 108
5.9 練習(xí)題 108
第6章 常用表格技巧 109
6.1 細(xì)線邊框表格 109
6.2 簡單導(dǎo)航條 111
6.3 水平細(xì)線 113
6.4 標(biāo)題欄 115
6.5 垂直細(xì)線 116
6.6 圓角表格（一） 116
6.7 圓角表格（二） 119
6.8 立體表格 121
6.9 讓兩個(gè)表格并排 123
6.10 用表格留空 123
6.11 添加小圖標(biāo) 124
6.12 無縫拼接圖片 126
6.13 練習(xí)題 128
第7章 布局視圖排版 129
7.1 布局視圖 129
7.2 創(chuàng)建布局表格和布局單元格 130
7.2.1 創(chuàng)建布局表格 130
7.2.2 繪制布局單元格 130
7.3 嵌套布局表格 131
7.4 使用標(biāo)尺與網(wǎng)格 132
7.4.1 使用標(biāo)尺 132
7.4.2 使用網(wǎng)格 132
7.5 調(diào)整布局表格及布局單元格 133
7.5.1 選擇布局表格和布局單元格 133
7.5.2 調(diào)整布局表格和布局單元格大小 133
7.5.3 移動(dòng)布局表格和布局單元格 134
7.5.4 修改布局表格的屬性 134
7.5.5 修改布局單元格的屬性 135
7.5.6 調(diào)整列 136
7.6 設(shè)定布局視圖參數(shù) 138
7.7 練習(xí)題 138
第8章 制作表單頁面 139
8.1 關(guān)于表單 139
8.1.1 什么是表單 139
8.1.2 表單的作用 140
8.1.3 表單的制作步驟 140
8.2 確定頁面布局 141
8.3 添加表單域 142
8.3.1 插入表單域 142
8.3.2 修改表單域?qū)傩?142
8.3.3 查看代碼 144
8.3.4 移動(dòng)表格 144
8.4 添加文本域 144
8.4.1 添加單行文本框 144
8.4.2 添加密碼文本框 146
8.4.3 添加文本區(qū)域 147
8.5 添加復(fù)選框 148
8.6 添加單選按鈕 149
8.6.1 添加單選按鈕 149
8.6.2 添加單選按鈕組 150
8.7 添加菜單和列表 151
8.7.1 添加菜單 151
8.7.2 添加列表 152
8.8 添加其他表單域 153
8.8.1 添加文件域 153
8.8.2 添加隱藏域 154
8.9 插入按鈕 155
8.10 添加圖像域 156
8.11 制作跳轉(zhuǎn)菜單 157
8.11.1 插入跳轉(zhuǎn)菜單 157
8.11.2 修改跳轉(zhuǎn)菜單 159
8.11.3 添加JavaScript腳本 159
8.12 添加搜索引擎 161
8.12.1 插入表單對象 162
8.12.2 修改菜單屬性 162
8.12.3 設(shè)定表單屬性 163
8.13 練習(xí)題 164
第9章 使用CSS樣式 165
9.1 關(guān)于CSS樣式 165
9.1.1 CSS和HTML 165
9.1.2 CSS樣式分類 166
9.1.3 存放樣式的位置 167
9.2 本文檔內(nèi)自定義樣式 167
9.2.1 文字 167
9.2.2 背景 172
9.2.3 區(qū)塊 174
9.2.4 方框 176
9.2.5 邊框 177
9.2.6 列表 178
9.2.7 定位 179
9.2.8 擴(kuò)展 180
9.3 本文檔內(nèi)重定義標(biāo)簽樣式 183
9.3.1 設(shè)置網(wǎng)頁背景顏色 183
9.3.2 定義標(biāo)題文本 184
9.3.3 樣式的應(yīng)用優(yōu)先次序 185
9.4 本文檔內(nèi)CSS選擇器樣式 185
9.4.1 a：link的設(shè)定 185
9.4.2 a：active的設(shè)定 186
9.4.3 a：visited的設(shè)定 187
9.4.4 a：hover的設(shè)定 187
9.5 管理本文檔中的樣式 190
9.6 CSS文件中的重定義標(biāo)簽樣式 190
9.6.1 定義的樣式 190
9.6.2 定義和 的樣式 192
9.6.3 定義的樣式 193
9.6.4 設(shè)定段落格式 194
9.6.5 定義表單元素的樣式 194
9.6.6 設(shè)置頁面中的滾動(dòng)條 196
9.7 CSS文件中的自定義樣式 197
9.8 CSS文件中的CSS選擇器樣式 198
9.8.1 簡單的CSS選擇器樣式 198
9.8.2 獨(dú)立CSS選擇器樣式 200
9.9 管理CSS文件中的樣式 202
9.9.1 樣式表的鏈接和導(dǎo)入 202
9.9.2 管理外部樣式表中的樣式 204
9.10 CSS布局 204
9.10.1 使用CSS布局創(chuàng)建頁面 204
9.10.2 向選項(xiàng)列表添加自定義CSS布局 206
9.11 CSS樣式使用原則 208
9.12 練習(xí)題 208
第10章 制作網(wǎng)站首頁（上） 209
10.1 分析網(wǎng)頁結(jié)構(gòu) 209
10.2 頁面整體設(shè)計(jì) 211
10.2.1 新建文件 211
10.2.2 使用跟蹤圖像 212
10.2.3 調(diào)整頁面屬性 213
10.2.4 鏈接樣式表 214
10.3 制作網(wǎng)頁頂部 214
10.4 制作中部框架 221
10.5 制作網(wǎng)頁底部 222
10.6 創(chuàng)建鏈接 224
10.7 版式設(shè)計(jì)原則 225
10.8 練習(xí)題 226
第11章 制作網(wǎng)站首頁（下） 227
11.1 制作網(wǎng)頁左側(cè)部分 227
11.1.1 論壇入口 228
11.1.2 本站公告 231
11.1.3 本站鏈接 232
11.1.4 創(chuàng)建庫 233
11.2 制作網(wǎng)頁右側(cè)部分 233
11.2.1 頂部 233
11.2.2 中部 237
11.2.3 底部 238
11.3 首頁制作注意問題 244
第12章 使用庫和模板 245
12.1 庫的使用 245
12.1.1 創(chuàng)建庫 245
12.1.2 插入庫 247
12.1.3 編輯庫 249
12.1.4 使庫對象脫離源文件 251
12.2 模板的使用 251
12.2.1 保存為模板 251
12.2.2 設(shè)置可編輯區(qū)域 252
12.2.3 從模板創(chuàng)建新文件 253
12.2.4 將模板應(yīng)用于已存在的網(wǎng)頁 254
12.2.5 更新模板內(nèi)容 256
12.2.6 使網(wǎng)頁脫離模板 257
12.2.7 定義可編輯標(biāo)簽 257
12.3 練習(xí)題 260
第13章 制作其他頁面 261
13.1 制作留言板 261
13.2 制作新聞首頁 265
13.2.1 添加字幕 265
13.2.2 滾動(dòng)新聞欄 267
13.3 其他欄目首頁 268
13.3.1 通訊手冊首頁 268
13.3.2 本部簡介首頁 269
13.4 練習(xí)題 269
第14章 使用框架 270
14.1 關(guān)于框架 270
14.2 創(chuàng)建框架的步驟 270
14.3 創(chuàng)建框架 271
14.3.1 創(chuàng)建框架結(jié)構(gòu) 271
14.3.2 設(shè)置框架集的屬性 273
14.3.3 設(shè)置框架的屬性 275
14.3.4 設(shè)置無框架內(nèi)容 277
14.3.5 框架內(nèi)的鏈接 278
14.3.6 保存框架 278
14.4 練習(xí)題 279
第15章 使用行為 280
15.1 關(guān)于行為 280
15.2 彈出信息框 281
15.2.1 查看效果 282
15.2.2 創(chuàng)建行為 282
15.2.3 修改事件 283
15.2.4 查看源代碼 283
15.3 打開瀏覽器窗口 283
15.3.1 查看效果 283
15.3.2 創(chuàng)建行為 284
15.3.3 修改動(dòng)作 285
15.3.4 修改事件 286
15.4 設(shè)置狀態(tài)欄文本 286
15.5 插入JavaScript腳本 287
15.6 插入Spry構(gòu)件 288
15.6.1 關(guān)于Spry構(gòu)件 288
15.6.2 使用可折疊面板構(gòu)件 289
15.6.3 使用折疊式構(gòu)件 292
15.6.4 使用選項(xiàng)卡式面板構(gòu)件 294
15.6.5 使用菜單欄構(gòu)件 295
15.6.6 使用表單驗(yàn)證構(gòu)件 296
15.6.7 使用Spry顯示數(shù)據(jù) 300
15.6.8 添加Spry效果 307
15.7 使用擴(kuò)展管理器 311
15.7.1 擴(kuò)展對象 311
15.7.2 安裝擴(kuò)展組件 312
15.7.3 使用擴(kuò)展組件 313
15.7.4 刪除擴(kuò)展組件 314
15.8 練習(xí)題 314
第16章 使用AP元素與時(shí)間軸 315
16.1 AP元素的創(chuàng)建與編輯 315
16.1.1 AP元素的創(chuàng)建 316
16.1.2 AP元素的調(diào)整與移動(dòng) 316
16.1.3 在AP元素中添加內(nèi)容 317
16.1.4 創(chuàng)建嵌套AP元素 317
16.1.5 “AP元素”面板 318
16.1.6 AP元素的屬性 319
16.2 使用AP元素排版 320
16.2.1 防止重疊 320
16.2.2 對齊AP元素 321
16.2.3 AP元素轉(zhuǎn)換為表格 321
16.3 AP元素上的行為 322
16.3.1 拖動(dòng)AP元素 322
16.3.2 顯示和隱藏AP元素 324
16.4 時(shí)間軸 326
16.4.1 創(chuàng)建AP元素 326
16.4.2 將AP元素添加到時(shí)間軸 327
16.4.3 調(diào)整時(shí)間軸 327
16.4.4 增加關(guān)鍵幀 328
16.4.5 循環(huán)播放 329
16.4.6 錄制AP元素的路徑 329
16.4.7 控制時(shí)間軸的行為 330
16.4.8 控制多個(gè)時(shí)間軸 332
16.5 練習(xí)題 332
第17章 網(wǎng)站管理 333
17.1 上傳與下載 333
17.1.1 設(shè)置服務(wù)器信息 334
17.1.2 設(shè)定站點(diǎn)信息 335
17.1.3 上傳與下載站點(diǎn)文件 336
17.1.4 選用Dreamweaver的理由 336
17.2 遮蓋文件和文件夾 336
17.3 本地/遠(yuǎn)程站點(diǎn)文件管理 338
17.3.1 對遠(yuǎn)程文件的操作 338
17.3.2 同步文件或站點(diǎn) 338
17.4 多人在線協(xié)作管理站點(diǎn) 339
17.4.1 啟用存回和取出 339
17.4.2 設(shè)計(jì)備注 341
17.5 創(chuàng)建網(wǎng)站報(bào)告 343
17.6 網(wǎng)頁內(nèi)容的管理 345
17.6.1 檢查網(wǎng)頁鏈接 345
17.6.2 清理HTML代碼 346
17.6.3 查找和替換文字 347
17.6.4 查找和替換大小寫 349
17.6.5 查找和替換代碼 349
17.7 創(chuàng)建網(wǎng)站結(jié)構(gòu)圖 349
17.8 網(wǎng)站測試 351
17.8.1 網(wǎng)站測試方向 351
17.8.2 常見錯(cuò)誤信息 351
17.9 網(wǎng)站發(fā)布 352
17.9.1 網(wǎng)絡(luò)配置 353
17.9.2 安裝與配置IIS 354
17.9.3 打開IIS 357
17.9.4 設(shè)定網(wǎng)站和主目錄 357
17.9.5 設(shè)定默認(rèn)文檔 359
17.9.6 設(shè)定文檔目錄權(quán)限 360
17.10 提高網(wǎng)站訪問量 361
17.10.1 注冊一個(gè)好名字 361
17.10.2 注冊搜索引擎 362
17.10.3 友情鏈接 363
17.10.4 其他方式 363
17.11 申請域名 363
17.11.1 IP地址 363
17.11.2 域名管理系統(tǒng) 363
17.11.3 域名注冊步驟 364
17.12 練習(xí)題 365
第18章 常用技巧 366
18.1 學(xué)習(xí)優(yōu)秀網(wǎng)頁的制作方法 366
18.1.1 用Dreamweaver查看網(wǎng)頁 366
18.1.2 將網(wǎng)頁轉(zhuǎn)換為效果圖 368
18.2 與Fireworks的結(jié)合 369
18.2.1 設(shè)定外部編輯器 369
18.2.2 插入Fireworks HTML文件 370
18.2.3 編輯網(wǎng)頁中的圖像 371
18.2.4 優(yōu)化網(wǎng)頁中的圖像 372
18.2.5 創(chuàng)建網(wǎng)站相冊 372
18.3 導(dǎo)入Word文檔 375
18.4 練習(xí)題 378