內容簡介
dreamweaver是adobe公司出品的一款專業網頁設計軟體,其功能強大,操作簡單,是同類軟體中的佼佼者,受到眾多的網頁設計者們的好評與青睞。《dreamweaver cs5中文版實訓教程》從網頁設計入門知識開始,全面介紹了該軟體的最新版本dreamweaver cs5中文版的功能、特性、基本組成及運用等基礎知識,並穿插大量的典型實例,詳盡說明使用dreamweaver cs5中文版的方法和操作技巧。《dreamweaver cs5中文版實訓教程》內容主要包括網頁設計基礎知識,dreamweaver cs5的功能、工作流程及界面組成,站點的設定與管理,文本、圖像、多媒體組件、表格、框架、ap元素、表單、超連結等網頁元素的添加與設定,層疊樣式表 css的使用與編輯,html代碼的使用,動態特效的製作,庫與模板的使用,spry構件和spry效果的添加,以及站點的創建、發布與維護等。
《dreamweaver cs5中文版實訓教程》以基本概念和入門知識為基礎,以實際操作為主線,內容詳略得當、結構清晰,具有較強的可讀性和可操作性,是學習使用 dreamweaver cs5中文版製作網頁及管理站點的入門級參考書。《dreamweaver cs5中文版實訓教程》針對初、中級用戶編寫,可作為網頁製作初學者的自學教程,也可用做各種電腦培訓班、輔導班的教材。
目錄
《dreamweaver cs5中文版實訓教程》
第1章 網頁設計基礎 1
1.1 網站與網頁概述 2
1.1.1 網頁與網站的關係 2
1.1.2 網站的類型 2
1.1.3 網頁的類型 3
1.1.4 構成網頁的元素 4
1.2 網頁的設計和布局 5
1.2.1 網頁主題 5
1.2.2 網頁的命名與網站標誌 5
1.2.3 網頁的色彩 6
1.2.4 網頁中的文字 6
1.2.5 網頁中的表格 7
1.2.6 網頁的版面和布局 7
1.3 網站的規劃 9
1.3.1 網站的開發規範 9
1.3.2 網站的目標定位 9
1.3.3 網站的風格 10
1.3.4 網站的ci形象 10
1.3.5 網站的欄目和版塊 11
.1.3.6 網站的目錄結構 11
1.3.7 網站信息的準備和收集 12
1.4 網站的開發流程 12
1.4.1 定義站點 12
1.4.2 建立網站結構 13
1.4.3 首頁的設計和製作 13
1.4.4 製作其他頁面 13
1.4.5 網頁的測試與調試 14
1.4.6 發布與維護 14
1.5 認識dreamweaver cs5 14
1.5.1 dreamweaver cs5的主要功能 15
1.5.2 工作區布局 15
1.5.3 dreamweaver cs5的工作界面 16
1.5.4 實例——設定文檔視窗和顯示器大小 20
1.6 動手實踐——規劃和設計個人網站 21
1.7 習題練習 22
1.7.1 選擇題 22
1.7.2 填空題 23
1.7.3 問答題 23
1.7.4 上機練習 23
第2章 構建站點 25
2.1 建站必備知識 26
2.1.1 本地計算機和internet伺服器 26
2.1.2 本地站點和遠程站點 26
2.2 創建和設定站點 26
2.2.1 關於本地和遠程資料夾 27
2.2.2 創建站點 27
2.2.3 新建和保存網頁 30
2.2.4 實例——創建站點和網頁 31
2.3 管理web站點 32
2.3.1 導入和導出站點 33
2.3.2 從站點列表中刪除站點 33
2.3.3 獲取和上傳檔案 33
2.3.4 同步本地和遠程站點檔案 34
2.3.5 遮蓋站點中的檔案和資料夾 35
2.3.6 在設計備註中存儲檔案信息 35
2.3.7 實例——站點的上傳與同步 37
2.4 動手實踐——創建和管理站點 38
2.5 習題練習 40
2.5.1 選擇題 40
2.5.2 填空題 40
2.5.3 問答題 40
2.5.4 上機練習 40
第3章 使用css樣式 41
3.1 了解層疊樣式表 42
3.1.1 認識層疊樣式表 42
3.1.2 css的語法規則 42
3.1.3 css樣式的優先順序 44
3.2 創建和套用css樣式 44
3.2.1 自定義css樣式 44
3.2.2 將內聯 css 轉換為css規則 45
3.2.3 附加樣式表 46
3.2.4 設定css樣式屬性 46
3.2.5 套用自定義css樣式 47
3.2.6 刪除自定義css樣式 47
3.2.7 實例——創建css樣式 48
3.3 編輯css樣式規則 49
3.3.1 在面板中編輯css規則 49
3.3.2 向規則中添加屬性 49
3.3.3 實例——更改css規則 50
3.4 使用css布局網頁 50
3.4.1 使用css布局創建頁面 50
3.4.2 實例——使用css布局創建頁面 51
3.5 使用div標籤 52
3.5.1 創建div標籤 52
3.5.2 實例——創建一個div標籤並在其中添加內容 52
3.6 動手實踐——設定css樣式 54
3.7 習題練習 56
3.7.1 選擇題 56
3.7.2 填空題 56
3.7.3 問答題 56
3.7.4 上機練習 56
第4章 製作網頁 57
4.1 在網頁中添加文本對象 58
4.1.1 添加普通文本 58
4.1.2 插入特殊字元 58
4.1.3 複製word文檔中的內容 58
4.1.4 導入外部文檔 59
4.1.5 插入更新日期 59
4.1.6 實例——在文檔中添加文本內容和更新日期 59
4.2 格式化文本 60
4.2.1 設定html格式 60
4.2.2 設定css樣式 61
4.2.3 添加段落間距 62
4.2.4 實例——格式化網頁中的文本 62
4.3 使用水平分隔線 63
4.3.1 添加水平分隔線 63
4.3.2 修改分隔線屬性 63
4.3.3 設定分隔線顏色 64
4.3.4 實例——用水平分隔線分隔網頁內容 64
4.4 設定網頁屬性 65
4.4.1 設定css頁面屬性 65
4.4.2 設定html頁面屬性 65
4.4.3 設定css連結屬性 66
4.4.4 設定css頁面標題屬性 66
4.4.5 設定標題和編碼頁面屬性 67
4.4.6 使用跟蹤圖像設計頁面 67
4.4.7 實例——設定網頁整體屬性 68
4.5 動手實踐——為首頁設定屬性並添加文本 69
4.6 習題練習 71
4.4.1 選擇題 71
4.4.2 填空題 72
4.4.3 問答題 72
4.4.4 上機練習 72
第5章 使用ap元素布局頁面 73
5.1 什麼是ap元素 74
5.2 創建ap div元素 74
5.2.1 繪製一個或多個ap元素 74
5.2.2 在特定位置插入ap元素 75
5.2.3 創建嵌套ap元素 76
5.2.4 實例——創建div元素 77
5.3 設定ap元素的屬性 77
5.3.1 選擇ap元素 77
5.3.2 設定單個ap元素屬性 78
5.3.3 同時設定多個ap元素的屬性 79
5.3.4 實例——設定ap屬性 79
5.4 編輯ap元素 80
5.4.1 調整ap元素大小 80
5.4.2 移動ap元素 81
5.4.3 對齊ap元素 81
5.4.4 顯示/隱藏ap元素 82
5.4.5 改變ap元素的堆疊次序 82
5.4.6 ap元素和表格的轉換 83
5.4.7 防止ap元素重疊 84
5.4.8 實例——編輯ap元素 85
5.5 動手實踐——利用ap元素布局頁面 86
5.6 上機練習與習題 89
5.6.1 選擇題 89
5.6.2 填空題 90
5.6.3 問答題 90
5.6.4 上機練習 90
第6章 使用表格布局頁面 91
6.1 創建表格 92
6.1.1 插入表格 92
6.1.2 添加表格數據 92
6.1.3 導入外部表格數據檔案 92
6.1.4 實例——創建表格 93
6.2 設定表格和表格對象的屬性 94
6.2.1 選擇表格 94
6.2.2 設定表格屬性 94
6.2.3 實例——設定表格屬性 95
6.3 設定表格對象 95
6.3.1 選擇表格對象 95
6.3.2 設定單元格、行或列屬性 96
6.3.3 實例——設定單元格屬性 97
6.4 編輯表格對象 97
6.4.1 添加與刪除行或列 97
6.4.2 合併與拆分單元格 98
6.4.3 調整表格、行和列的大小 99
6.4.4 實例——調整表格 99
6.5 表格的嵌套 100
6.5.1 嵌套表格 100
6.5.2 實例——創建嵌套表格 100
6.6 擴展表格模式 101
6.7 動手實踐——利用表格布局主頁 101
6.8 習題練習 103
6.8.1 選擇題 103
6.8.2 填空題 104
6.8.3 問答題 104
6.8.4 上機練習 104
第7章 創建文本超連結 105
7.1 什麼是超連結 106
7.1.1 超連結的概念 106
7.1.2 認識連結路徑 106
7.2 創建內部超連結 107
7.2.1 為文字添加內部超連結 107
7.2.2 設定文字超連結的屬性 107
7.2.3 實例——在網頁中添加內部超連結 108
7.3 創建外部超連結 110
7.3.1 為文字添加外部超連結 110
7.3.2 實例——在主頁中添加外部超連結 110
7.4 創建錨點連結 111
7.4.1 創建錨記 112
7.4.2 連結錨記 112
7.4.3 實例——創建網頁內部元素的錨記連結 112
7.5 其他特殊超連結 114
7.5.1 檔案下載連結 114
7.5.2 郵件連結 114
7.5.3 實例——創建檔案下載連結和郵件連結 115
7.6 動手實踐——添加連結 116
7.7 習題練習 117
7.7.1 選擇題 117
7.7.2 填空題 117
7.7.3 問答題 118
7.7.4 上機練習 118
第8章 添加網頁圖像 119
8.1 常見的網頁圖像格式 120
8.2 插入圖像 120
8.2.1 插入普通圖像 120
8.2.2 插入photoshop圖像 122
8.2.3 實例——在網頁中插入圖像 124
8.3 編輯圖像 124
8.3.1 設定圖像屬性 125
8.3.2 調整圖像 125
8.3.3 實例——設定圖像的大小及位置 128
8.4 圖像占位符 128
8.4.1 插入圖像占位符 128
8.4.2 設定圖像占位符屬性 129
8.4.3 替換占位符 129
8.4.4 實例——插入和設定圖像占位符 129
8.5 滑鼠經過時變化的圖像 131
8.5.1 插入滑鼠經過時變化的圖像 131
8.5.2 實例——在網頁中插入滑鼠經過時變化的圖像 132
8.6 圖像超連結 132
8.6.1 為整張圖像設定超連結 133
8.6.2 為圖像某部分設定超連結 133
8.6.3 實例——創建圖像超連結 134
8.7 動手實踐——在主頁中添加圖像並創建連結 135
8.8 習題練習 137
8.8.1 選擇題 137
8.8.2 填空題 138
8.8.3 問答題 138
8.8.4 上機練習 138
第9章 插入多媒體對象 139
9.1 網頁中的多媒體對象 140
9.1.1 音頻 140
9.1.2 視頻 140
9.1.3 動畫 140
9.2 添加聲音 141
9.2.1 連結到音頻檔案 141
9.2.2 嵌入聲音檔案 141
9.2.3 實例——在網頁中嵌入聲音檔案 141
9.3 添加swf檔案 142
9.3.1 插入swf檔案 142
9.3.2 編輯 flash player 下載信息 143
9.3.3 設定swf對象屬性 143
9.3.4 預覽 swf 檔案 144
9.3.5 實例——在網頁中插入swf檔案 144
9.4 添加flv檔案 145
9.4.1 插入flv檔案 145
9.4.2 累進式下載視頻 145
9.4.3 流視頻 146
9.4.4 實例——在網頁中插入flv檔案 147
9.5 添加其他媒體對象 148
9.5.1 添加視頻 148
9.5.2 插入shockwave 影片 148
9.5.3 插入activex控制項 149
9.5.4 插入java applet 150
9.5.5 實例——插入mpg視頻檔案 150
9.6 動手實踐——在網頁中添加動畫和音樂 150
9.7 習題練習 151
9.7.1 選擇題 151
9.7.2 填空題 152
9.7.3 問答題 152
9.7.4 上機練習 152
第10章 使用框架布局頁面 153
10.1 關於框架與框架集 154
10.1.1 使用框架的優缺點 154
10.1.2 框架與框架集的工作方式 154
10.2 創建框架與框架集 155
10.2.1 使用預定義創建框架集 155
10.2.2 拆分框架集 155
10.2.3 刪除框架 156
10.3 保存框架和框架集檔案 156
10.3.1 保存框架檔案 156
10.3.2 保存框架集檔案 156
10.3.3 實例——保存設定的框架 156
10.4 選擇框架與框架集 157
10.4.1 在“文檔”視窗中選擇 157
10.4.2 在“框架”面板中選擇 158
10.5 設定框架與框架集屬性 158
10.5.1 設定框架屬性 158
10.5.2 設定框架集屬性 159
10.5.3 實例——設定框架 159
10.6 編輯框架頁面 160
10.6.1 設定框架文檔內容 160
10.6.2 設定框架連結目標 161
10.6.3 為不支持框架的瀏覽器提供內容 161
10.6.4 實例——設定框架頁面 161
10.7 典型實例——製作框架頁 162
10.8 上機練習與習題 165
10.8.1 選擇題 165
10.8.2 填空題 165
10.8.3 問答題 166
10.8.4 上機練習 166
第11章 生成表單 167
11.1 認識表單和表單對象 168
11.1.1 認識表單 168
11.1.2 認識表單對象 168
11.2 創建與設定表單 169
11.2.1 創建表單 169
11.2.2 設定表單屬性 169
11.2.3 實例——創建空白表單 170
11.3 文本域、文本區域和隱藏域 170
11.3.1 插入文本域 171
11.3.2 插入文本區域 172
11.3.3 插入隱藏域 172
11.3.4 實例——創建用戶註冊頁 172
11.4 複選框、單選按鈕和複選框組、單選按鈕組 173
11.4.1 插入單選按鈕 173
11.4.2 插入單選按鈕組 174
11.4.3 插入複選框和複選框組 174
11.4.4 實例——創建登入設定 174
11.5 列表框和彈出選單 176
11.5.1 插入列表框與彈出選單 176
11.5.2 設定列表/選單屬性 176
11.5.3 實例——創建公司信息頁 177
11.6 跳轉選單 178
11.6.1 插入跳轉選單 178
11.6.2 實例——製作跳轉選單 179
11.7 檔案域 180
11.7.1 插入檔案域 180
11.7.2 實例——製作檔案上傳按鈕 180
11.8 表單按鈕 181
11.8.1 插入表單按鈕 181
11.8.2 實例——插入按鈕 181
11.9 檢查表單 182
11.9.1 檢查表單 182
11.9.2 實例——為“提交”按鈕添加檢查表單行為 182
11.10 動手實踐——製作表單頁 183
11.11 上機練習與習題 186
11.11.1 選擇題 186
11.11.2 填空題 186
11.11.3 問答題 186
11.11.4 上機練習 186
第12章 使用html/xhtml代碼 187
12.1 認識html 188
12.1.1 html概述 188
12.1.2 html的基本語法 188
12.1.3 html中的常用標籤 189
12.2 認識xhtml 191
12.2.1 xhtml概述 191
12.2.2 xhtml檔案結構 192
12.2.3 xhtml與html的不同之外 192
12.3 插入html/xhtml代碼 194
12.3.1 在“代碼”模式下插入xhtml代碼 194
12.3.2 使用代碼檢查器 196
12.3.3 實例——合理套用代碼創建表格 196
12.4 設定html代碼參數 197
12.4.1 設定代碼顏色 197
12.4.2 設定代碼格式 198
12.4.3 設定代碼提示 198
12.4.4 設定代碼改寫參數 199
12.4.5 實例——設定代碼參數 200
12.5 清理html代碼 200
12.5.1 消除多餘的html代碼 200
12.5.2 清除多餘的word代碼 201
12.5.3 實例——清理word網頁中的多餘代碼 202
12.6 實例——套用代碼編輯網頁 202
12.7 上機練習與習題 205
12.7.1 選擇題 205
12.7.2 填空題 206
12.7.3 問答題 206
12.7.4 上機練習 206
第13章 使用javascript行為 207
13.1 認識javascript行為 208
13.1.1 認識“行為”面板 208
13.1.2 dreamweaver中的內置行為 208
13.1.3 常用事件 209
13.2 幾種常用行為 210
13.2.1 為對象附加行為 210
13.2.2 套用交換圖像行為 211
13.2.3 單擊文本彈出信息 212
13.2.4 載入網頁時打開瀏覽器視窗 212
13.2.5 套用設定狀態欄文本行為 213
13.2.6 套用拖動ap元素行為 213
13.2.7 套用顯示-隱藏元素行為 215
13.2.8 添加檢查外掛程式行為 215
13.2.9 實例——顯示/隱藏元素 216
13.3 更改或刪除行為 217
13.4 第三方行為 217
13.5 動手實踐——載入網頁時打開瀏覽器視窗 218
13.6 習題練習 219
13.6.1 選擇題 219
13.6.2 填空題 220
13.6.3 問答題 220
13.6.4 上機練習 220
第14章 添加spry構件和spry效果 221
14.1 關於spry 構件 222
14.2 添加spry構件 222
14.2.1 插入spry構件 222
14.2.2 使用spry顯示數據 223
14.2.3 使用spry驗證構件 227
14.2.4 使用spry選單欄構件 231
14.2.5 使用spry選項卡式面板構件 232
14.2.6 使用spry摺疊式構件 232
14.2.7 使用spry可摺疊面板構件 233
14.2.8 使用spry工具提示構件 234
14.2.9 實例——製作選單欄 235
14.3 添加spry效果 236
14.3.1 套用spry效果 236
14.3.2 刪除spry效果 238
14.3.3 實例——設定spry效果 238
14.4 動手實踐——添加spry驗證構件 239
14.5 上機練習與習題 241
14.5.1 選擇題 241
14.5.2 填空題 241
14.5.3 問答題 242
14.5.4 上機練習 242
第15章 庫和模板 243
15.1 關於庫與模板 244
15.2 使用庫項目 244
15.2.1 認識“資源”面板中的庫 244
15.2.2 創建庫項目 245
15.2.3 將庫項目添加到網頁 245
15.2.4 實例——創建庫項目 245
15.3 編輯與管理庫項目 246
15.3.1 庫項目的屬性檢查器 246
15.3.2 刪除與重命名庫項目 247
15.3.3 實例——編輯庫項目 247
15.4 創建模板 248
15.4.1 將文檔另外儲存為模板 248
15.4.2 創建可編輯區域 248
15.4.3 創建重複區域 249
15.4.4 定義可選區域 249
15.4.5 定義可編輯標記屬性 250
15.4.6 模板高亮顯示參數 250
15.4.7 實例——創建模板 251
15.5 基於模板創建文檔 252
15.5.1 基於模板創建文檔 252
15.5.2 實例——基於模板創建文檔 252
15.6 利用庫項目及模板更新網站 253
15.6.1 利用庫項目更新網站 253
15.6.2 利用模板更新網站 254
15.6.3 實例——利用模板更新網站 254
15.7 導入和導出模板為xml 254
15.7.1 導出可編輯區域內容 254
15.7.2 導出不帶模板標記的站點 255
15.7.3 導入xml內容 255
15.7.4 實例——導出基於模板創建的頁面 256
15.8 實例——製作模板 256
15.9 上機練習與習題 257
15.9.1 選擇題 257
15.9.2 填空題 258
15.9.3 問答題 258
15.9.4 上機練習 258
第16章 站點的共同開發及測試與發布 259
16.1 管理檔案 260
16.1.1 使用“存回/取出”功能共同開發站點 260
16.1.2 “獲取”或“上傳”檔案 261
16.2 測試站點 262
16.2.1 測試站點時需考慮的問題 262
16.2.2 在瀏覽器中預覽頁面 262
16.2.3 檢查頁面或站點內的連結 263
16.2.4 修復斷開的連結 264
16.2.5 預估頁面下載時間 264
16.2.6 使用報告檢查站點 265
16.2.7 實例——使用檢查站點報告 266
16.3 申請網站空間 267
16.3.1 選擇網站空間 267
16.3.2 申請免費空間 267
16.4 上傳站點 267
16.4.1 設定ftp伺服器 267
16.4.2 傳送站點 268
16.4.3 實例——ftp上傳站點 268
16.5 網站的宣傳和推廣 269
16.5.1 在dreamweaver中插入關鍵字與說明 269
16.5.2 廣告與友情連結 269
16.5.3 套用e-mail與聊天軟體進行宣傳 269
16.5.4 在bbs或新聞組中宣傳 269
16.5.5 在搜尋引擎網站中宣傳 270
16.6 典型實例——測試上傳站點 270
16.7 上機練習與習題 271
16.7.1 選擇題 271
16.7.2 填空題 272
16.7.3 問答題 272
16.7.4 上機練習 272
附錄 習題答案 273