Dreamweaver CS6中文版網頁設計與製作

Dreamweaver CS6中文版網頁設計與製作

《Dreamweaver CS6中文版網頁設計與製作》是2014年清華大學出版社出版的圖書,作者是文杰書院。

圖書簡介

本書是“範例導航系列叢書”中的一個分冊,以通俗易懂的語言、精挑細選的實用技巧、翔實生動的操作案例,全面介紹了Dreamweaver CS6網頁設計與製作的知識以及套用案例,主要內容包括網頁製作基礎知識、創建與管理本地站點、創建網頁、使用圖像與多媒體、使用表格與CSS布局網頁、模板和庫的套用,以及創建表單和站點的發布與推廣等方面的知識、案例、技巧等。本書配套一張多媒體全景教學光碟,收錄了全部知識點的視頻教學課程。

目錄

第1章網頁製作基礎知識 1

1.1網頁製作基礎 2

1.1.1什麼是靜態網頁 2

1.1.2什麼是動態網頁 3

1.2網頁的基本要素 4

1.2.1Logo 4

1.2.2Banner 5

1.2.3導航欄 5

1.2.4文本 5

1.2.5圖像 6

1.2.6Flash動畫 7

1.2.7表單 7

1.3網頁中的色彩特性 8

1.3.1相近色的套用 8

1.3.2對比色的套用 9

1.3.3網頁安全色 10

1.3.4色彩模式 11

1.4網頁製作常用軟體 12

1.4.1網頁編輯排版軟體DreamweaverCS6 13

1.4.2圖像製作軟體PhotoshopCS6和FireworksCS6 13

1.4.3網頁動畫製作軟體FlashCS6 14

1.4.4網頁標記語言HTML 15

1.4.5網頁腳本語言JavaScript 15

1.4.6動態網頁程式語言ASP 16

1.5怎樣設計出好的網頁 16

1.5.1網頁設計的基本原則 16

1.5.2網頁設計的成功要素 17

1.5.3網頁的色彩搭配 19

1.6範例套用與上機操作 19

1.6.1網站製作流程 20

1.6.2靜態網頁的製作流程 21

1.7課後練習 22

思考與練習 22

第2章DreamweaverCS6輕鬆入門 23

2.1DreamweaverCS6工作環境 24

2.1.1工作界面 24

2.1.2選單欄 24

2.1.3工具列 25

2.1.4【屬性】面板 26

2.1.5面板組 26

2.2【插入】欄 26

2.2.1【常用】插入欄 27

2.2.2【布局】插入欄 28

2.2.3【表單】插入欄 28

2.2.4【數據】插入欄 29

2.2.5Spry插入欄 30

2.2.6【文本】插入欄 30

2.2.7【收藏夾】插入欄 31

2.3使用可視化助理布局 32

2.3.1使用標尺 32

2.3.2顯示格線 33

2.4範例套用與上機操作 33

2.4.1使用輔助線 33

2.4.2調整縮放比率 34

2.4.3調整頁面顯示方向 35

2.5課後練習 36

2.5.1思考與練習 36

2.5.2上機操作 36

第3章創建與管理本地站點 37

3.1創建本地站點 38

3.1.1使用嚮導搭建站點 38

3.1.2使用【高級】面板創建站點 39

3.1.3設定伺服器 43

3.1.4伺服器基本選項 44

3.1.5伺服器高級選項 45

3.1.6版本控制選項 45

3.2管理站點 46

3.2.1認識【管理站點】對話框 46

3.2.2打開站點 47

3.2.3編輯站點 48

3.2.4複製站點 48

3.2.5刪除站點 49

3.3站點的規劃與操作 50

3.3.1站點規劃 50

3.3.2在站點中新建資料夾 50

3.3.3在站點中新建網頁檔案 51

3.3.4使用【新建文檔】對話框新建檔案 52

3.3.5移動和複製檔案或資料夾 52

3.3.6重命名檔案或資料夾 54

3.3.7刪除檔案或資料夾 55

3.4 範例套用與上機操作 56

3.4.1在站點中新建音樂資料夾 56

3.4.2在站點中新建視頻網頁檔案 56

3.4.3使用站點地圖 57

3.5課後練習 58

3.5.1思考與練習 58

3.5.2上機操作 58

第4章創建結構清晰的文本網頁 59

4.1文本與文檔 60

4.1.1輸入文本 60

4.1.2設定文本屬性 60

4.1.3允許輸入連續的空格 65

4.1.4設定是否顯示不可見元素 66

4.1.5設定頁邊距 67

4.1.6設定網頁的標題 67

4.1.7設定網頁的默認格式 68

4.2插入特殊文本對象 69

4.2.1插入特殊字元 69

4.2.2插入水平線 70

4.2.3插入注釋 71

4.2.4插入日期 71

4.3項目符號和編號列表 72

4.3.1設定項目符號或編號 72

4.3.2修改項目符號或編號 73

4.3.3設定文本縮進格式 74

4.4插入頁面的頭部內容 75

4.4.1設定META 75

4.4.2插入關鍵字 75

4.4.3插入說明 76

4.4.4插入刷新 76

4.4.5設定基礎 77

4.4.6設定連結 78

4.5範例套用與上機操作 78

4.5.1設定主標題 78

4.5.2批量設定列表編號 79

4.6課後練習 80

4.6.1思考與練習 80

4.6.2上機操作 80

第5章套用超連結 81

5.1超連結基礎知識 82

5.1.1超連結的定義 82

5.1.2內部、外部與腳本連結 82

5.1.3超連結的類型 83

5.2什麼是連結路徑 84

5.2.1絕對路徑 84

5.2.2文檔相對路徑 85

5.2.3站點根目錄相對路徑 86

5.3創建超連結 86

5.3.1使用選單創建連結 87

5.3.2使用【屬性】面板創建連結 88

5.3.3使用指向檔案圖示創建連結 88

5.4創建不同種類的超連結 89

5.4.1創建文本連結 89

5.4.2創建E-mail連結 90

5.4.3創建下載檔案連結 91

5.4.4創建腳本連結 92

5.4.5創建空連結 94

5.5管理與設定超連結 94

5.5.1自動更新連結 95

5.5.2在站點範圍內更改連結 96

5.5.3檢查站點中的連結錯誤 96

5.6添加錨點連結 97

5.6.1什麼是錨點連結 97

5.6.2在同一頁面中添加錨點連結 98

5.6.3在不同的頁面上使用錨點連結 99

5.7範例套用與上機操作 101

5.7.1創建圖像超連結 101

5.7.2利用錨點連結分段閱讀 102

5.8課後練習 103

5.8.1思考與練習 103

5.8.2上機操作 104

第6章使用圖像與多媒體豐富網頁內容 105

6.1網頁中常使用的圖像格式 106

6.1.1JPEG格式圖像 106

6.1.2GIF格式圖像 106

6.1.3PNG格式圖像 106

6.2插入與設定圖像 107

6.2.1在設計視圖中插入圖片 107

6.2.2從【資源】面板中插入圖片 108

6.2.3在代碼視圖中插入圖片 109

6.2.4圖像對齊方式 110

6.2.5設定圖像屬性 111

6.3插入其他圖像元素 111

6.3.1插入圖像占位符 111

6.3.2製作滑鼠指針經過圖像 112

6.3.3添加背景圖像 114

6.4 使用熱區 115

6.4.1 繪製熱區 115

6.4.2 在標籤檢查器中設定熱區 117

6.5編輯圖像 117

6.5.1裁剪圖像 117

6.5.2重新取樣圖像 118

6.5.3調整圖像亮度和對比度 119

6.5.4銳化圖像 120

6.6多媒體在網頁中的套用 120

6.6.1插入Flash動畫 120

6.6.2插入FLV視頻 121

6.6.3插入背景音樂 123

6.6.4插入JavaApplet 124

6.7範例套用與上機操作 125

6.7.1在網頁中嵌入音樂 125

6.7.2在網頁中嵌入常見視頻格式 127

6.8課後練習 128

6.8.1思考與練習 128

6.8.2上機操作 128

第7章使用表格排版網頁 129

7.1表格的創建與套用 130

7.1.1表格的基本概念 130

7.1.2創建表格 130

7.1.3在表格中輸入內容 132

7.2設定表格 133

7.2.1設定表格屬性 134

7.2.2設定單元格屬性 134

7.3調整表格結構 135

7.3.1選擇表格和單元格 135

7.3.2調整單元格和表格的大小 138

7.3.3添加與刪除行與列 139

7.3.4拆分單元格 141

7.3.5合併單元格 141

7.3.6複製、剪下和貼上表格 142

7.4處理表格數據 144

7.4.1排序表格 144

7.4.2導入Excel表格數據 145

7.5套用數據表格樣式控制 145

7.5.1表格模型 146

7.5.2表格標題 147

7.5.3表格樣式控制 147

7.6範例套用與上機操作 148

7.6.1利用表格設計網頁 148

7.6.2導入影片詳細資訊 151

7.7課後練習 152

7.7.1思考與練習 152

7.7.2上機操作 152

第8章使用CSS修飾美化網頁 153

8.1什麼是CSS樣式表 154

8.1.1認識CSS 154

8.1.2CSS樣式的類型 154

8.1.3CSS樣式基本語法 156

8.2創建CSS樣式 156

8.2.1建立標籤樣式 156

8.2.2建立類樣式 157

8.2.3建立複合內容樣式 159

8.2.4連結外部樣式表 159

8.2.5建立ID樣式 161

8.3將CSS套用到網頁 161

8.3.1內聯樣式表 162

8.3.2外部樣式表 162

8.3.3內部樣式表 162

8.4設定CSS樣式 163

8.4.1設定文本類型 163

8.4.2設定背景樣式 164

8.4.3設定方框樣式 166

8.4.4設定區塊樣式 167

8.4.5設定框線樣式 168

8.4.6設定定位樣式 169

8.4.7設定擴展樣式 170

8.4.8設定過渡樣式 171

8.5CSS濾鏡設計特效文字 172

8.5.1濾鏡概述 172

8.5.2光暈(Glow) 173

8.5.3模糊(Blur) 173

8.5.4遮罩(Mask) 174

8.5.5透明色(Chroma) 174

8.5.6陰影(Dropshadow) 174

8.5.7波浪(Wave) 174

8.5.8X射線(X-ray) 175

8.6範例套用與上機操作 175

8.6.1套用CSS設定固定字型、字號以及字型顏色 175

8.6.2套用CSS設定文本的行間距 176

8.7課後練習 178

8.7.1思考與練習 178

8.7.2上機操作 178

第9章套用CSS+Div布局網頁 179

9.1什麼是Div 180

9.1.1Div概述 180

9.1.2<Div>和<Span>區別與相同點 180

9.1.3Div與CSS布局優勢 182

9.2CSS定位 182

9.2.1盒子模型 182

9.2.2position定位 183

9.2.3float定位 185

9.3Div布局理念 186

9.3.1 將頁面用Div分塊規劃 186

9.3.2 設計各塊的位置 186

9.3.3 使用CSS定位 187

9.4常見的布局類型 188

9.4.1居中版式布局 188

9.4.2浮動版式布局 189

9.4.3一列固定寬度 189

9.4.4一列自適應 190

9.4.5兩列固定寬度 191

9.4.6兩列寬度自適應 192

9.4.7兩列右列寬度自適應 192

9.4.8三列浮動中間寬度自適應 193

9.5範例套用與上機操作 195

9.5.1兩列左列寬度自適應 195

9.5.2三列寬度自適應 196

9.6課後練習 197

9.6.1思考與練習 197

9.6.2上機操作 198

第10章使用APDiv布局頁面 199

10.1認識APDiv 200

10.1.1APDiv概述 200

10.1.2APDiv和Div的區別 200

10.1.3【AP元素】面板簡介 201

10.2創建APDiv 201

10.2.1使用選單創建普通APDiv 201

10.2.2創建嵌套APDiv 202

10.3 APDiv的操作 202

10.3.1 選擇APDiv 203

10.3.2 調整APDiv的大小 203

10.3.3 移動APDiv 204

10.3.4 排列APDiv 204

10.4設定APDiv的屬性 205

10.4.1改變APDiv的堆疊順序 205

10.4.2為APDiv添加滾動條 206

10.4.3改變APDiv的可見性 206

10.4.4設定APDiv的顯示/隱藏屬性 207

10.5APDiv的常見套用 207

10.5.1把APDiv轉換為表格 207

10.5.2把表格轉換為APDiv 208

10.5.3可視化剪輯APDiv 209

10.5.4構建相對定位的APDiv 210

10.6範例套用與上機操作 210

10.6.1創建浮動框架 210

10.6.2利用APDiv製作網頁下拉選單 212

10.7課後練習 215

10.7.1思考與練習 215

10.7.2上機操作 216

第11章使用框架布局網頁 217

11.1什麼是框架 218

11.1.1框架的組成 218

11.1.2框架的優點與缺點 218

11.2框架和框架集 219

11.2.1插入預定義的框架集 219

11.2.2自定義框架集 220

11.2.3在框架中添加內容 221

11.2.4框架與框架集檔案的保存 223

11.2.5設定無框架內容 224

11.3選擇框架或框架集 225

11.3.1在文檔視窗中選擇 225

11.3.2在【框架】面板中選擇框架或框架集 226

11.4框架或框架集屬性的設定 227

11.4.1設定框架的屬性 227

11.4.2框架集的屬性設定 227

11.5使用IFrame框架布局網頁 228

11.5.1製作IFrame框架頁面 228

11.5.2製作IFrame框架頁面連結 229

11.6範例套用與上機操作 230

11.6.1製作環保類網站頁面 230

11.6.2設定框架框線寬度、顏色和背景顏色 234

11.7課後練習 235

11.7.1思考與練習 235

11.7.2上機操作 236

第12章使用模板和庫提高網頁製作效率 237

12.1創建模板 238

12.1.1新建網頁模板 238

12.1.2從現有文檔創建模板 238

12.2使用與設定模板 239

12.2.1創建模板中的可編輯區域 240

12.2.2創建模板中的可選區域 241

12.2.3創建模板中的重複區域 242

12.2.4創建模板中的可編輯可選區域 243

12.2.5可編輯標籤屬性 244

12.3管理模板 244

12.3.1更新模板 245

12.3.2在現有文檔中套用模板 245

12.3.3從模板中脫離 247

12.3.4新建基於模板的頁面 248

12.4創建與套用庫項目 248

12.4.1了解庫項目 248

12.4.2新建庫檔案 249

12.4.3在網頁中套用庫檔案 251

12.4.4編輯和更新庫檔案 252

12.4.5庫檔案的【屬性】面板 253

12.5範例套用與上機操作 254

12.5.1使用模板創建網頁 254

12.5.2重命名庫項目 256

12.5.3刪除庫項目 257

12.6課後練習 258

12.6.1思考與練習 258

12.6.2上機操作 258

第13章使用行為豐富網頁效果 259

13.1什麼是行為 260

13.1.1 行為的概念 260

13.1.2 常見動作類型 260

13.1.3 【行為】面板 261

13.1.4 常見事件 262

13.1.5 套用行為的方法 263

13.2內置行為 263

13.2.1彈出提示信息 264

13.2.2檢查外掛程式 265

13.2.3打開瀏覽器視窗 267

13.2.4設定狀態欄文本 268

13.2.5轉到URL 269

13.2.6設定容器的文本 270

13.2.7預先載入圖像 272

13.2.8交換圖像 273

13.2.9拖動AP元素 275

13.2.10跳轉選單 276

13.2.11跳轉選單開始 279

13.2.12調用JavaScript 281

13.3 使用JavaScript 282

13.3.1 利用JavaScript實現列印功能 282

13.3.2 利用JavaScript函式跳轉到某個頁面 283

13.3.3 利用JavaScript創建自動滾屏網頁效果 284

13.4 範例套用與上機操作 285

13.4.1 利用JavaScript函式實現動態時間 285

13.4.2 利用JavaScript函式實現動態側邊欄 286

13.4.3 利用JavaScript函式實現隨意更改背景顏色 288

13.5課後練習 290

13.5.1思考與練習 290

13.5.2上機操作 290

第14章用表單創建互動式網頁 291

14.1關於表單 292

14.1.1表單概述 292

14.1.2在頁面中插入表單 292

14.1.3表單的【屬性】面板 293

14.2插入表單對象並設定屬性 293

14.2.1使用表單 293

14.2.2使用文本域 295

14.2.3使用隱藏域 296

14.2.4使用複選框 296

14.2.5使用單選按鈕 297

14.2.6使用單選按鈕組 298

14.2.7使用列表/選單 299

14.2.8使用跳轉選單 301

14.2.9使用圖像域 302

14.2.10使用檔案域 304

14.2.11使用標準按鈕 305

14.2.12插入密碼域 306

14.2.13插入多行文本域 308

14.3Spry驗證表單 309

14.3.1製作Spry選單欄 309

14.3.2製作Spry選項卡式面板 310

14.3.3製作Spry摺疊式 312

14.3.4Spry可摺疊面板 313

14.3.5Spry工具提示 315

14.3.6Spry驗證文本域 316

14.3.7Spry驗證文本區域 317

14.4 範例套用與上機操作 318

14.4.1 製作登錄頁面 318

14.4.2 製作申請密碼保護頁面 324

14.5課後練習 328

14.5.1思考與練習 328

14.5.2上機操作 328

第15章站點的發布與推廣 329

15.1測試製作的網站 330

15.1.1創建站點報告 330

15.1.2檢查瀏覽器兼容性 331

15.1.3使用連結檢查器 331

15.1.4清理文檔 332

15.2 發布網站 334

15.2.1連線到遠程伺服器 334

15.2.2檔案上傳 337

15.2.3檔案下載 337

15.3 網站運營與維護 338

15.3.1網站的運營 338

15.3.2網站的更新維護 340

15.3.3最佳化網站SEO 341

15.4 常見的網站推廣方式 342

15.4.1註冊搜尋引擎 342

15.4.2資源合作推廣方法 343

15.4.3電子郵件推廣 343

15.4.4軟文推廣 344

15.4.5導航網站登錄 345

15.4.6BBS論壇網站推廣 346

15.4.7部落格推廣 346

15.4.8微博推廣 347

15.4.9聊天工具推廣 348

15.4.10病毒性行銷方法 348

15.4.11口碑行銷 349

15.5課後練習 350

15.5.1思考與練習 350

15.5.2上機操作 350

第16章製作完整的網站 351

16.1確定網站主題 352

16.1.1選擇網站的主題 352

16.1.2建立站點 352

16.2製作前期規劃 353

16.2.1建立網頁文檔檔案與資料夾 353

16.2.2建立網頁的主體框架 355

16.3添加網頁內容 356

16.3.1輸入文本 356

16.3.2插入圖片 357

16.3.3設定背景顏色 358

16.3.4設定連結 358

16.3.5插入表單 359

16.4美化網頁 361

16.4.1建立一個外部連結樣式表 361

16.4.2建立其他外部連結樣式表 362

16.5上傳網頁 365

16.5.1連線遠程伺服器 366

16.5.2上傳檔案 367

16.5.3瀏覽網頁 368

參考答案 369

相關詞條

相關搜尋

熱門詞條

聯絡我們