Dreamweaver網(wǎng)頁制作課堂實(shí)錄

第1課 認(rèn)識Dreamweaver CS3操作界面 1
1.1 網(wǎng)頁基礎(chǔ)知識入門 2
1.1.1 認(rèn)識互聯(lián)網(wǎng) 2
1.1.2 網(wǎng)頁與網(wǎng)站 2
1.1.3 靜態(tài)網(wǎng)頁 3
1.1.4 動(dòng)態(tài)網(wǎng)頁 3
1.2 網(wǎng)頁的基本元素 4
1.2.1 網(wǎng)站Logo 4
1.2.2 網(wǎng)站Banner 4
1.2.3 導(dǎo)航欄 4
1.2.4 文本 5
1.2.5 圖像 5
1.2.6 Flash動(dòng)畫 6
1.3 網(wǎng)頁的色彩搭配 6
1.3.1 網(wǎng)頁色彩三要素 6
1.3.2 網(wǎng)頁色彩搭配技巧 7
1.3.3 網(wǎng)頁色彩選擇標(biāo)準(zhǔn) 8
1.4 Dreamweaver CS3簡介 9
1.5 Dreamweaver CS3的工作區(qū) 9
1.6 Dreamweaver CS3工具欄 10
1.7 插入欄 11
1.7.1 “常用”插入欄 11
1.7.2 “布局”插入欄 12
1.7.3 “表單”插入欄 13
1.7.4 “數(shù)據(jù)”插入欄 13
1.7.5 “Spry”插入欄 14
1.7.6 “文本”插入欄 15
1.7.7 “收藏夾”插入欄 15
1.8 菜單欄 16
1.8.1 “文件”菜單 16
1.8.2 “編輯”菜單 16
1.8.3 “查看”菜單 17
1.8.4 “插入記錄”菜單 17
1.8.5 “修改”菜單 18
1.8.6 “文本”菜單 18
1.8.7 “命令”菜單 19
1.8.8 “站點(diǎn)”菜單 19
1.8.9 “窗口”菜單 20
1.8.10 “幫助”菜單 20
1.9 課后習(xí)題 21
1.9.1 選擇題 21
1.9.2 填空題 21
1.9.3 操作題 21
第2課 創(chuàng)建與管理站點(diǎn) 22
2.1 創(chuàng)建本地站點(diǎn) 23
2.1.1 使用向?qū)Т罱ㄕ军c(diǎn) 23
2.1.2 通過高級面板創(chuàng)建站點(diǎn) 25
2.2 站點(diǎn)的管理操作 26
2.2.1 打開站點(diǎn) 26
2.2.2 編輯站點(diǎn) 27
2.2.3 刪除站點(diǎn) 27
2.2.4 復(fù)制站點(diǎn) 28
2.3 管理站點(diǎn)中的文件 28
2.3.1 創(chuàng)建文件夾和文件 28
2.3.2 移動(dòng)和復(fù)制文件 29
2.4 站點(diǎn)地圖的使用 30
2.4.1 查看站點(diǎn)地圖 30
2.4.2 站點(diǎn)地圖布局 30
2.5 高手支招 31
2.6 課后習(xí)題 34
2.6.1 選擇題 34
2.6.2 填空題 34
2.6.3 操作題 34
第3課 設(shè)計(jì)基本文本網(wǎng)頁 35
3.1 在網(wǎng)頁中插入文本 36
3.1.1 普通文本的插入 36
3.1.2 特殊字符的插入 37
3.2 文本屬性的設(shè)置 38
3.2.1 設(shè)置文本字體和字號 38
3.2.2 設(shè)置文本顏色 39
3.2.3 設(shè)置文本對齊方式 40
3.2.4 設(shè)置文本縮進(jìn)和凸出 40
3.3 項(xiàng)目列表和編號列表的使用 40
3.3.1 創(chuàng)建項(xiàng)目列表 41
3.3.2 創(chuàng)建編號列表 41
3.4 插入網(wǎng)頁頭部內(nèi)容 42
3.4.1 插入Meta 42
3.4.2 插入關(guān)鍵字 42
3.4.3 插入說明 43
3.4.4 設(shè)置刷新 43
3.4.5 設(shè)置基礎(chǔ) 44
3.4.6 設(shè)置鏈接 44
3.5 插入其他元素 45
3.5.1 插入水平線 45
3.5.2 插入注釋 46
3.6 檢查拼寫與查找替換 46
3.6.1 檢查拼寫 47
3.6.2 查找和替換 47
3.7 課堂練習(xí)——?jiǎng)?chuàng)建基本文本網(wǎng)頁 49
3.8 高手支招 50
3.9 課后習(xí)題 52
3.9.1 選擇題 52
3.9.2 填空題 52
3.9.3 操作題 53
第4課 制作精美的圖像網(wǎng)頁 54
4.1 網(wǎng)頁中常用的圖像格式 55
4.2 在網(wǎng)頁中插入圖像 56
4.2.1 插入普通圖像 56
4.2.2 插入圖像占位符 57
4.2.3 插入鼠標(biāo)經(jīng)過圖像 58
4.3 設(shè)置圖像屬性 59
4.3.1 調(diào)整圖像大小和邊距 59
4.3.2 設(shè)置圖像對齊方式 60
4.4 在Dreamweaver中編輯圖像 61
4.4.1 優(yōu)化圖像 61
4.4.2 裁剪圖像 62
4.4.3 重新取樣圖像 63
4.4.4 調(diào)整圖像亮度和對比度 63
4.5 課堂練習(xí) 63
課堂練習(xí)1——?jiǎng)?chuàng)建圖文混排網(wǎng)頁 63
課堂練習(xí)2——?jiǎng)?chuàng)建翻轉(zhuǎn)圖像導(dǎo)航 65
4.6 高手支招 66
4.7 課后習(xí)題 67
4.7.1 選擇題 67
4.7.2 填空題 67
4.7.3 操作題 67
第5課 超級鏈接的創(chuàng)建 69
5.1 超級鏈接的基本概念 70
5.2 超級鏈接的創(chuàng)建 70
5.2.1 使用屬性面板創(chuàng)建鏈接 70
5.2.2 使用指向文件圖標(biāo)創(chuàng)建鏈接 71
5.2.3 使用菜單創(chuàng)建鏈接 71
5.3 超級鏈接的管理 71
5.3.1 自動(dòng)更新鏈接 72
5.3.2 在站點(diǎn)范圍內(nèi)更改鏈接 72
5.3.3 檢查站點(diǎn)中的鏈接錯(cuò)誤 73
5.4 創(chuàng)建各種類型的鏈接 73
課堂練習(xí)1——文本鏈接 73
課堂練習(xí)2——圖像熱點(diǎn)鏈接 74
課堂練習(xí)3——E-mail鏈接 76
課堂練習(xí)4——下載文件鏈接 77
課堂練習(xí)5——錨點(diǎn)鏈接 77
課堂練習(xí)6——腳本鏈接 79
課堂練習(xí)7——空鏈接 80
5.5 高手支招 80
5.6 課后習(xí)題 84
5.6.1 選擇題 84
5.6.2 填空題 84
5.6.3 操作題 84
第6課 應(yīng)用表格排列網(wǎng)頁數(shù)據(jù) 85
6.1 在網(wǎng)頁中插入表格 86
6.1.1 表格的基本概念 86
6.1.2 插入表格 86
6.2 設(shè)置表格和單元格屬性 87
6.2.1 設(shè)置表格屬性 88
6.2.2 設(shè)置單元格屬性 88
6.3 表格的基本操作 89
6.3.1 選擇表格 89
6.3.2 調(diào)整表格和單元格的大小 90
6.3.3 添加或刪除行或列 90
6.3.4 拆分單元格 91
6.3.5 合并單元格 91
6.3.6 剪切、復(fù)制、粘貼表格 92
6.4 表格的其他功能 92
6.4.1 導(dǎo)入表格式數(shù)據(jù) 92
6.4.2 排序表格 94
6.5 課堂練習(xí) 96
課堂練習(xí)1——制作網(wǎng)頁 細(xì)線表格 96
課堂練習(xí)2——制作網(wǎng)頁圓角表格 97
6.6 高手支招 99
6.7 課后習(xí)題 101
6.7.1 選擇題 101
6.7.2 填空題 102
6.7.3 操作題 102
第7課 制作特殊布局的框架網(wǎng)頁 103
7.1 框架概述 104
7.1.1 框架結(jié)構(gòu)的組成 104
7.1.2 框架結(jié)構(gòu)的優(yōu)缺點(diǎn) 104
7.2 創(chuàng)建框架網(wǎng)頁 105
7.2.1 創(chuàng)建框架集 105
7.2.2 插入預(yù)定義框架集 105
7.2.3 創(chuàng)建嵌套框架集再插入一個(gè) 106
7.3 框架的基本操作 107
7.3.1 選擇框架和框架集 107
7.3.2 保存框架和框架集 108
7.3.3 在框架中創(chuàng)建鏈接 108
7.4 框架和框架集屬性 109
7.4.1 設(shè)置框架屬性 109
7.4.2 設(shè)置框架集屬性 110
7.5 課堂練習(xí) 110
課堂練習(xí)1——使用浮動(dòng)框架iframe 110
課堂練習(xí)2——?jiǎng)?chuàng)建完整的框架網(wǎng)頁 112
7.6 高手支招 115
7.7 課后習(xí)題 115
7.7.1 選擇題 115
7.7.2 填空題 115
7.7.3 操作題 116
第8課 制作動(dòng)感的多媒體網(wǎng)頁 117
8.1 在網(wǎng)頁中插入Flash 118
8.1.1 插入Flash動(dòng)畫 118
8.1.2 插入Flash按鈕 119
8.1.3 插入Flash文本 121
8.1.4 插入Flash視頻 122
8.2 插入Shockwave動(dòng)畫 123
8.3 插入背景音樂 124
8.4 插入Java Applet 126
8.5 插入ActiveX控件 127
8.6 插入插件 128
8.7 課堂練習(xí) 129
課堂練習(xí)1——插入透明Flash動(dòng)畫 129
課堂練習(xí)2——利用Java Applet制作水中倒影效果 130
8.8 高手支招 131
8.9 課后習(xí)題 134
8.9.1 選擇題 134
8.9.2 填空題 135
8.9.3 操作題 135
第9課 使用CSS美化與布局網(wǎng)頁 137
9.1 CSS簡介 138
9.1.1 CSS的基本概念 138
9.1.2 CSS的類型和語法 138
9.2 使用CSS 140
9.2.1 建立標(biāo)簽樣式 140
9.2.2 建立類樣式 141
9.2.3 建立自定義高級樣式 141
9.3 設(shè)置CSS屬性 142
9.3.1 設(shè)置文本屬性 142
9.3.2 設(shè)置背景樣式 143
9.3.3 設(shè)置區(qū)塊樣式 143
9.3.4 設(shè)置方框樣式 144
9.3.5 設(shè)置邊框樣式 145
9.3.6 設(shè)置列表樣式 145
9.3.7 設(shè)置定位樣式 146
9.3.8 設(shè)置擴(kuò)展樣式 146
9.4 課堂練習(xí) 147
課堂練習(xí)1——應(yīng)用CSS固定字體大小 147
課堂練習(xí)2——應(yīng)用CSS改變文本間行距 149
課堂練習(xí)3——應(yīng)用CSS創(chuàng)建動(dòng)感光暈文字 150
9.5 高手支招 151
9.6 課后習(xí)題 157
9.6.1 選擇題 157
9.6.2 填空題 157
9.6.3 操作題 158
第10課 使用行為給網(wǎng)頁添加特效 159
10.1 行為的概念 160
10.2 動(dòng)作和事件 161
10.2.1 常見動(dòng)作類型 161
10.2.2 常見事件 162
10.3 使用Dreamweaver內(nèi)置行為 163
10.3.1 制作交換圖像 163
10.3.2 彈出提示信息 164
10.3.3 打開瀏覽器窗口 165
10.3.4 拖動(dòng)AP元素 166
10.3.5 轉(zhuǎn)到URL 167
10.3.6 添加聲音 168
10.3.7 檢查插件 169
10.3.8 檢查瀏覽器 169
10.3.9 檢查表單 170
10.3.10 設(shè)置導(dǎo)航欄圖像 171
10.3.11 設(shè)置狀態(tài)欄文本 172
10.3.12 調(diào)用JavaScript 173
10.3.13 應(yīng)用跳轉(zhuǎn)菜單 173
10.4 高手支招 174
10.5 課后習(xí)題 175
10.5.1 選擇題 175
10.5.2 填空題 176
10.5.3 操作題 176
第11課 使用模板和庫提高網(wǎng)頁制作效率 177
11.1 使用資源面板 178
11.1.1 將資源添加到文檔 178
11.1.2 添加或刪除資源 178
11.2 模板的創(chuàng)建 179
11.2.1 直接創(chuàng)建模板 179
11.2.2 從現(xiàn)有文檔創(chuàng)建模板 180
11.3 模板的設(shè)置 181
11.3.1 定義可編輯區(qū) 181
11.3.2 定義可選區(qū)域 181
11.3.3 定義重復(fù)區(qū)域 182
11.3.4 創(chuàng)建基于模板網(wǎng)頁 182
11.4 管理模板 184
11.4.1 更新模板 184
11.4.2 從模板中分離 185
11.5 庫項(xiàng)目的創(chuàng)建與使用 185
11.5.1 關(guān)于庫項(xiàng)目 186
11.5.2 創(chuàng)建庫項(xiàng)目 186
11.5.3 應(yīng)用庫項(xiàng)目 187
11.5.4 修改庫項(xiàng)目 188
11.6 課堂練習(xí) 188
課堂練習(xí)1——?jiǎng)?chuàng)建模板 188
課堂練習(xí)2——利用模板創(chuàng)建網(wǎng)頁 192
11.7 高手支招 193
11.8 課后習(xí)題 194
11.8.1 選擇題 194
11.8.2 填空題 195
11.8.3 操作題 195
第12課 插入表單及表單元素 196
12.1 創(chuàng)建表單 197
12.1.1 表單概述 197
12.1.2 插入表單 197
12.2 插入文本域 199
12.2.1 單行文本域 199
12.2.2 多行文本域 200
12.2.3 密碼域 200
12.3 插入復(fù)選框和單選按鈕 200
12.3.1 插入復(fù)選框 201
12.3.2 插入單選按鈕 201
12.4 插入列表和菜單 202
12.5 插入跳轉(zhuǎn)菜單 203
12.6 使用隱藏域和文件域 204
12.6.1 文件域 204
12.6.2 隱藏域 204
12.7 插入按鈕 205
12.8 課堂練習(xí)——?jiǎng)?chuàng)建電子郵件表單 206
12.9 高手支招 209
12.10 課后習(xí)題 210
12.10.1 選擇題 210
12.10.2 填空題 211
12.10.3 操作題 211
第13課 Dreamweaver的插件擴(kuò)展功能 212
13.1 Dreamweaver CS3插件簡介 213
13.2 安裝插件 213
13.3 插件應(yīng)用實(shí)例 214
課堂練習(xí)1——使用插件制作背景音樂網(wǎng)頁 214
課堂練習(xí)2——彩色漸變文字插件 215
課堂練習(xí)3——使用飄浮圖像插件創(chuàng)建飄浮廣告網(wǎng)頁 216
課堂練習(xí)4——利用插件 創(chuàng)建E-mail鏈接 217
課堂練習(xí)5——根據(jù)不同的時(shí)段顯示不同的問候語插件 218
課堂練習(xí)6——利用插件創(chuàng)建隨機(jī)切換的廣告圖 218
課堂練習(xí)7——使用插件制作滾動(dòng)標(biāo)題欄 220
13.4 高手支招 220
13.5 課后習(xí)題 222
13.5.1 填空題 222
13.5.2 操作題 222
第14課 在Dreamweaver中編寫HTML代碼 223
14.1 HTML基礎(chǔ) 224
14.1.1 HTML概述 224
14.1.2 HTML基本結(jié)構(gòu) 224
14.2 HTML常用標(biāo)記 225
14.2.1 文本與段落 225
14.2.2 表格 227
14.2.3 超級鏈接 228
14.2.4 圖像 229
14.2.5 框架 230
14.2.6 表單 231
14.3 在Dreamweaver中編輯代碼 235
14.3.1 查看源代碼 235
14.3.2 使用標(biāo)簽選擇器和標(biāo)簽編輯器 235
14.3.3 使用代碼提示 236
14.4 使用代碼片斷面板 238
14.4.1 插入代碼片斷 238
14.4.2 創(chuàng)建代碼片斷 239
14.5 優(yōu)化代碼 240
14.5.1 清理HTML/XHTML代碼 240
14.5.2 清理Word生成的HTML代碼 241
14.6 課堂練習(xí)——使用標(biāo)簽選擇器插入滾動(dòng)公告 241
14.7 高手支招 244
14.8 課后習(xí)題 245
14.8.1 選擇題 245
14.8.2 填空題 245
14.8.3 操作題 245
第15課 創(chuàng)建動(dòng)態(tài)交互式網(wǎng)頁 247
15.1 創(chuàng)建ASP應(yīng)用程序開發(fā)環(huán)境 248
15.1.1 安裝IIS 248
15.1.2 設(shè)置IIS 249
15.2 設(shè)計(jì)數(shù)據(jù)庫 250
15.3 建立數(shù)據(jù)庫連接 251
15.3.1 了解DSN 252
15.3.2 定義DSN 252
15.3.3 建立DSN連接 253
15.4 定義記錄集 254
15.4.1 簡單記錄集的定義 254
15.4.2 高級記錄集的定義 255
15.4.3 調(diào)用存儲過程 256
15.4.4 簡單的SQL查詢語句 256
15.5 其他數(shù)據(jù)源的定義 257
15.5.1 請求變量 257
15.5.2 階段變量 258
15.5.3 應(yīng)用程序變量 258
15.6 動(dòng)態(tài)數(shù)據(jù)的綁定 259
15.6.1 綁定動(dòng)態(tài)文本 259
15.6.2 設(shè)置動(dòng)態(tài)文本數(shù)據(jù)格式 259
15.6.3 綁定動(dòng)態(tài)圖像 261
15.6.4 向表單對象綁定動(dòng)態(tài)數(shù)據(jù) 262
15.7 添加服務(wù)器行為 262
15.7.1 顯示多條記錄 263
15.7.2 移動(dòng)記錄 263
15.7.3 顯示區(qū)域 264
15.7.4 頁面之間信息傳遞 264
15.7.5 用戶驗(yàn)證 265
15.8 課堂練習(xí)——?jiǎng)?chuàng)建新聞發(fā)布管理系統(tǒng) 267
15.8.1 新聞發(fā)布管理系統(tǒng)分析 267
15.8.2 設(shè)計(jì)數(shù)據(jù)庫 270
15.8.3 創(chuàng)建數(shù)據(jù)庫連接 270
15.8.4 新聞列表頁面 271
15.8.5 新聞詳細(xì)顯示頁面 275
15.8.6 管理員登錄頁面 276
15.8.7 新聞列表管理頁面 279
15.8.8 新聞添加頁面 283
15.8.9 新聞修改頁面 285
15.8.10 新聞刪除頁面 287
15.9 高手支招 289
15.10 課后習(xí)題 290
15.10.1 選擇題 290
15.10.2 填空題 290
15.10.3 操作題 290
第16課 設(shè)計(jì)房地產(chǎn)企業(yè)網(wǎng)站 291
16.1 網(wǎng)站建設(shè)準(zhǔn)備工作 292
16.1.1 網(wǎng)站建設(shè)的目的 292
16.1.2 網(wǎng)站主要功能欄目 293
16.2 設(shè)計(jì)企業(yè)網(wǎng)站片頭動(dòng)畫 294
16.3 設(shè)計(jì)留言系統(tǒng) 298
16.3.1 設(shè)計(jì)數(shù)據(jù)庫 298
16.3.2 創(chuàng)建數(shù)據(jù)庫連接 299
16.3.3 設(shè)計(jì)留言列表頁面 300
16.3.4 設(shè)計(jì)留言添加頁面 305
16.3.5 設(shè)計(jì)留言詳細(xì)信息頁面 308
16.4 高手支招 309
16.5 課后習(xí)題 312
16.5.1 填空題 312
16.5.2 操作題 312
第17課 設(shè)計(jì)在線購物網(wǎng)站 313
17.1 購物網(wǎng)站設(shè)計(jì)概述 314
17.1.1 購物網(wǎng)站概念 314
17.1.2 購物網(wǎng)站設(shè)計(jì)要點(diǎn) 315
17.1.3 主要功能頁面 315
17.2 設(shè)計(jì)網(wǎng)頁Banner 317
17.3 創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)庫連接 320
17.3.1 創(chuàng)建數(shù)據(jù)庫表 320
17.3.2 創(chuàng)建數(shù)據(jù)庫連接 321
17.4 設(shè)計(jì)購物系統(tǒng)前臺頁面 321
17.4.1 設(shè)計(jì)商品分類展示頁面 321
17.4.2 設(shè)計(jì)商品詳細(xì)信息頁面 327
17.5 設(shè)計(jì)購物系統(tǒng)后臺管理頁面 329
17.5.1 設(shè)計(jì)管理員登錄頁面 329
17.5.2 設(shè)計(jì)添加商品分類 頁面 332
17.5.3 設(shè)計(jì)添加商品頁面 334
17.5.4 設(shè)計(jì)商品管理頁面 336
17.5.5 制作修改頁面 340
17.5.6 設(shè)計(jì)刪除頁面 342
17.6 高手支招 344
17.7 課后習(xí)題 347
17.7.1 填空題 347
17.7.2 操作題 347
第18課 站點(diǎn)的發(fā)布與推廣 348
18.1 站點(diǎn)的測試 349
18.1.1 檢查鏈接 349
18.1.2 站點(diǎn)報(bào)告 350
18.1.3 清理文檔 350
18.2 發(fā)布網(wǎng)站 351
18.3 網(wǎng)站維護(hù) 352
18.3.1 網(wǎng)站內(nèi)容的更新 353
18.3.2 網(wǎng)站風(fēng)格的更新 353
18.4 網(wǎng)站的推廣 353
18.4.1 登錄搜索引擎 353
18.4.2 利用友情鏈接 353
18.4.3 借助網(wǎng)絡(luò)廣告 354
18.4.4 登錄網(wǎng)址導(dǎo)航站點(diǎn) 354
18.4.5 BBS宣傳 354
18.5 高手支招 355
18.6 課后習(xí)題 356
18.6.1 選擇題 356
18.6.2 填空題 356
18.6.3 操作題 356