Dreamweaver CS5中文版實訓教程

Dreamweaver CS5中文版實訓教程

《Dreamweaver CS5中文版實訓教程》是2011年電子工業出版社出版的圖書,作者是孫印傑、劉金廣、夏躍偉。

內容簡介

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

相關詞條

相關搜尋

熱門詞條

聯絡我們