Dreamweaver CS6精彩網頁製作與網站建設

《Dreamweaver CS6精彩網頁製作與網站建設》是2013年6月出版的圖書，作者是何海霞。本書主要介紹了精彩網頁製作與網站建設的相關知識。

基本介紹

• 中文名：Dreamweaver CS6精彩網頁製作與網站建設
• ISBN ：978-7-121-20236-0
• 出版：2013年6月
• 定價：66.00元

基本信息

學用一冊通：DreamweaverCS6精彩網頁製作與網站建設(含CD光碟1張)

何海霞編著

476頁

16開

內容提要

本書從實用的角度出發，培養讀者實際製作網頁的能力。本書共20章，分為8部分。全書包括跨入網頁製作大門、使用網頁元素美化網頁、搭建與布局網頁架構、製作炫目的特效網頁、設計動態網頁、網站發布運營與推廣、綜合實踐案例、附錄等部分，每一章都配有精美的範例，培養讀者的實際動手能力。

本書結構安排合理，符合教學需要和個人自學的習慣。每章都先介紹學習要點，便於教師和自學者提綱挈領地了解或掌握本章重點知識，最後還有綜合實例介紹軟體的綜合套用。

本書適合以下讀者對象：網頁設計與製作人員、網站建設與開發人員、大中專院校相關專業師生、網頁製作培訓班學員、個人網站製作愛好者、Dreamweaver自學者。

目錄

第1篇 跨入網頁製作大門

網頁製作與網站建設基礎 2

1.1 網頁的基本概念 3

1.1.1 什麼是網頁 3

1.1.2 什麼是網站 4

1.1.3 什麼是靜態網頁 4

1.1.4 什麼是動態網頁 5

1.2 網頁的基本構成元素 6

1.3 網頁製作常用軟體和技術 9

1.3.1 網頁編輯排版軟體Dreamweaver CS6 9

1.3.2 網頁圖像製作軟體Photoshop CS6和Fireworks CS6 9

1.3.3 網頁動畫製作軟體Flash CS6 10

1.3.4 網頁標記語言HTML11

1.3.5 網頁腳本語言JavaScript 11

1.3.6 動態網頁程式語言ASP 11

1.4 網站建設的基本流程 12

1.4.1 網站的需求分析 12

1.4.2 規劃站點結構 12

1.4.3 收集資源 13

1.4.4 設計網頁圖像 14

1.4.5 製作網頁 14

1.4.6 開發動態網站模組 15

1.4.7 申請域名和伺服器空間 15

1.4.8 網站的測試與發布 16

1.4.9 網站的維護與推廣 16

1.5 本章小結 17

頁面創意與色彩搭配 18

2.1 頁面設計創意思維 19

2.1.1 什麼是創意 19

2.1.2 創意的原則 20

2.1.3 創意過程 22

2.2 色彩理論 22

2.2.1 色彩與視覺原理 22

2.2.2 色彩三要素 23

2.2.3 三原色 23

2.3 網頁色彩技術 23

2.3.1 網頁安全色 23

2.3.2 HTML語言中的顏色值表示 24

2.4 色彩對比 24

2.4.1 色相對比 25

2.4.2 明度對比 25

2.4.3 純度對比 26

2.4.4 冷暖對比 27

2.4.5 面積對比 28

2.5 網頁色彩搭配 29

2.5.1 紅色系的配色 29

2.5.2 橙色系的配色 30

2.5.3 黃色系的配色 31

2.5.4 紫色系的配色 32

2.5.5 綠色系的配色 33

2.5.6 藍色系的配色 34

2.5.7 黑色系的配色 35

2.5.8 灰色系的配色 36

2.6 本章小結 36

第2篇 使用網頁元素美化網頁

在Dreamweaver中 使用文本 38

3.1 Dreamweaver CS6操作環境 39

3.1.1 選單欄 39

3.1.2 屬性面板 40

3.1.3 插入欄 41

3.1.4 浮動面板 41

3.2 創建站點 41

3.2.1 上機練習——使用嚮導搭建站點 42

3.2.2 上機練習——站點高級設定 43

3.3 輸入文本 47

3.3.1 在網頁中插入文本 47

3.3.2 上機練習——改變字型 48

3.3.3 上機練習——設定文字大小 49

3.4 插入其他文本元素 50

3.4.1 上機練習——插入特殊字元 50

3.4.2 上機練習——插入水平線 52

3.4.3 插入時間 54

3.4.4 插入注釋 56

3.5 列表的設定 57

3.5.1 上機練習——使用項目列表 57

3.5.2 上機練習——使用編號列表 57

3.6 綜合套用——創建文本網頁實例 59

3.7 專家秘籍 61

3.8 本章小結 62

利用圖像美化網頁 63

4.1 網頁中常用的圖像格式 64

4.1.1 GIF格式 64

4.1.2 JPG格式 65

4.1.3 PNG格式 65

4.2 在網頁中插入圖像 65

4.2.1 上機練習——插入圖像 66

4.2.2 設定圖像屬性 67

4.3 在網頁中簡單編輯圖像 69

4.3.1 打開Adobe Photoshop編輯圖像 70

4.3.2 上機練習——最佳化圖像 70

4.3.3 上機練習——裁剪圖像 71

4.3.4 上機練習——調整圖像亮度和對比度 72

4.3.5 上機練習——銳化圖像 74

4.4 插入其他圖像元素 75

4.4.1 上機練習——插入圖像占位符 76

4.4.2 上機練習——插入滑鼠經過圖像 77

4.5 綜合套用 80

4.5.1 綜合套用1——創建圖文混排網頁80

4.5.2 綜合套用2——創建翻轉圖像導航82

4.6 專家秘籍 84

4.7 本章小結 85

創建網頁超連結 86

5.1 超連結基礎知識 87

5.1.1 超連結的基本概念 87

5.1.2 兩種常見的連結路徑 88

5.2 創建超連結 88

5.2.1 上機練習——創建電子郵件連結 89

5.2.2 上機練習——創建錨點連結 90

5.2.3 上機練習——創建腳本連結 95

5.2.4 上機練習——創建下載檔案連結 97

5.2.5 上機練習——創建圖像熱點連結 98

5.3 管理連結 100

5.3.1 檢查站點連結 100

5.3.2 更改站點連結 101

5.4 綜合套用——創建錨點連結網頁 102

5.5 專家秘籍 105

5.6 本章小結 106

創建豐富多彩的多媒體頁面 107

6.1 插入Flash動畫 108

6.2 插入Shockwave動畫 111

6.3 插入聲音 112

6.3.1 音頻檔案格式 112

6.3.2 上機練習——添加背景音樂 112

6.4 插入視頻 115

6.4.1 視頻檔案的格式 115

6.4.2 上機練習——在網頁中插入視頻檔案 115

6.5 插入其他多媒體 117

6.5.1 上機練習——插入Java小程式 118

6.5.2 插入ActiveX控制項 121

6.5.3 插入參數 121

6.5.4 上機練習——插入滾動字幕 122

6.6 綜合套用 124

6.6.1 實例1——插入Flash動畫 124

6.6.2 實例2——製作水中倒影特效125

6.7 專家秘籍 127

6.8 本章小結 128

第3篇 搭建與布局網頁架構

利用表格排列網頁數據 130

7.1 插入表格 131

7.1.1 上機練習——插入表格 131

7.1.2 添加內容到單元格 133

7.2 編輯表格 134

7.2.1 選擇表格及其元素 134

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

7.2.3 添加、刪除行或列 140

7.2.4 拆分單元格 142

7.2.5 合併單元格 143

7.2.6 剪下、複製和貼上表格 143

7.3 設定表格屬性 144

7.3.1 設定整個表格的屬性 144

7.3.2 設定行、列和單元格屬性 145

7.4 排序以及整理表格和單元格內容 146

7.4.1 上機練習——導入表格數據 146

7.4.2 上機練習——排序表格 148

7.5 綜合套用 150

7.5.1 實例1——製作細線表格150

7.5.2 實例2——製作圓角表格153

7.6 專家秘籍 156

7.7 本章小結 157

套用CSS樣式表美化網頁 158

8.1 了解CSS樣式表 159

8.2 CSS基本語法 160

8.3 設定CSS屬性 161

8.3.1 定義CSS類型屬性 161

8.3.2 定義CSS背景屬性 163

8.3.3 定義CSS塊屬性 164

8.3.4 定義CSS方框屬性 165

8.3.5 定義CSS框線屬性 166

8.3.6 定義CSS列表屬性 168

8.3.7 定義CSS定位屬性 168

8.3.8 定義CSS擴展屬性 169

8.3.9 定義CSS過渡屬性 170

8.4 連結到外部CSS樣式表 171

8.4.1 上機練習——創建內部樣式表 171

8.4.2 上機練習——創建外部樣式表 173

8.4.3 上機練習——連結外部樣式表 174

8.5 綜合套用 176

8.5.1 實例1——套用CSS樣式定義字型大小 177

8.5.2 實例2——套用CSS樣式製作陰影文字 178

8.6 專家秘籍 181

8.7 本章小結 182

用CSS+Div靈活布局頁面 183

9.1 初識Div184

9.1.1 Div概述 184

9.1.2 CSS+Div布局的優勢 185

9.2 關於AP Div 186

9.2.1 “AP元素”面板 186

9.2.2 創建普通AP Div186

9.2.3 創建嵌套AP Div187

9.3 設定AP Div的屬性 188

9.3.1 設定AP Div的顯示/隱藏屬性 188

9.3.2 改變AP Div的堆疊順序 189

9.3.3 為AP Div添加滾動條 190

9.3.4 改變AP Div的可見性 191

9.4 CSS定位與Div布局 191

9.4.1 盒子模型 191

9.4.2 元素的定位 192

9.5 CSS+Div布局理念196

9.5.1 使用Div對頁面進行整體規劃196

9.5.2 設計各塊的位置 197

9.5.3 使用CSS定位 197

9.6 專家秘籍 199

9.7 本章小結 202

利用庫和模板創建網頁 203

10.1 模板的概念204

10.2 創建模板 205

10.2.1 上機練習——從空白文檔創建模板 205

10.2.2 上機練習——將已有文檔轉換成模板 206

10.2.3 上機練習——創建可編輯區域 207

10.3 模板的使用208

10.3.1 上機練習——套用模板 208

10.3.2 上機練習——更新模板 212

10.4 管理模板 213

10.4.1 重命名模板 213

10.4.2 刪除模板 214

10.5 套用庫元素215

10.5.1 上機練習——創建庫項目 215

10.5.2 設定庫項目屬性 216

10.5.3 編輯庫項目和更新站點 217

10.6 綜合套用 218

10.6.1 實例1——創建模板網頁 218

10.6.2 實例2——利用模板創建網頁 224

10.7 專家秘籍 227

10.8 本章小結 228

第4篇 製作炫目的特效網頁

Dreamweaver的外掛程式擴展功能 230

11.1 Dreamweaver CS6外掛程式簡介 231

11.2 安裝外掛程式 231

11.3 外掛程式套用實例 232

11.3.1 上機練習——使用外掛程式製作背景音樂網頁 232

11.3.2 上機練習——彩色漸變文字外掛程式 234

11.3.3 上機練習——使用飄浮圖像外掛程式創建飄浮廣告網頁 236

11.3.4 上機練習——利用外掛程式創建E-mail連結 238

11.3.5 上機練習——根據不同的時段顯示不同的問候語外掛程式 239

11.3.6 上機練習——利用外掛程式創建隨機切換的廣告圖 240

11.3.7 上機練習——利用外掛程式製作圖片漸顯漸隱 242

11.4 專家秘籍 244

11.5 本章小結 246

使用行為和JavaScript 創建特效網頁247

12.1 行為概述 248

12.1.1 使用“行為”面板 248

12.1.2 關於事件 249

12.1.3 關於動作 250

12.2 使用Dreamweaver內置行為 250

12.2.1 上機練習——交換圖像 251

12.2.2 上機練習——恢復交換圖像 252

12.2.3 上機練習——打開瀏覽器視窗 253

12.2.4 上機練習——調用JavaScript255

12.2.5 上機練習——拖動AP元素 256

12.2.6 上機練習——轉到URL 258

12.2.7 上機練習——彈出信息 260

12.2.8 上機練習——預先載入圖像 261

12.2.9 上機練習——設定狀態欄文本 263

12.2.10 上機練習——檢查表單 264

12.2.11 上機練習——增大/收縮效果 266

12.2.12 上機練習——擠壓 267

12.3 使用JavaScript製作特效網頁 269

12.3.1 上機練習——利用JavaScript函式實現列印功能 269

12.3.2 上機練習——利用JavaScript函式實現關閉視窗功能 270

12.4 專家秘籍 271

12.5 本章小結 272

第5篇 設計動態網頁

使用表單創建互動式網頁 274

13.1 創建和使用表單275

13.1.1 創建表單 275

13.1.2 設定表單可見屬性 277

13.2 創建文本域278

13.2.1 上機練習——單行文本域和密碼域 278

13.2.2 上機練習——多行文本域 280

13.3 創建單選按鈕和複選框 281

13.3.1 上機練習——單選按鈕和單選按鈕組 282

13.3.2 上機練習——複選框 284

13.4 創建列表和選單285

13.5 創建跳轉選單 286

13.6 創建檔案域和圖像域287

13.6.1 上機練習——創建檔案域 287

13.6.2 上機練習——創建圖像域 288

13.7 創建隱藏域和按鈕 289

13.7.1 上機練習——插入隱藏域 289

13.7.2 上機練習——插入按鈕 289

13.8 綜合套用——創建電子郵件表單 290

13.9 專家秘籍 295

13.10 本章小結 296

動態資料庫網站開發基礎 297

14.1 動態網頁的特點和製作流程 298

14.1.1 動態網頁的特點 299

14.1.2 動態網頁的製作流程 300

14.2 搭建本地伺服器300

14.2.1 安裝IIS 301

14.2.2 配置Web伺服器 302

14.3 創建資料庫連線303

14.3.1 創建ODBC連線 303

14.3.2 使用DSN創建ADO連線 304

14.4 編輯數據表記錄306

14.4.1 創建記錄集（查詢） 306

14.4.2 插入記錄 307

14.4.3 更新記錄 308

14.4.4 刪除記錄 309

14.5 添加伺服器行為309

14.5.1 插入重複區域 310

14.5.2 插入顯示區域 310

14.5.3 記錄集分頁 311

14.5.4 轉到詳細頁面 312

14.5.5 轉到相關頁面 312

14.5.6 用戶身份驗證 313

14.6 綜合套用——創建留言系統 315

14.6.1 資料庫設計 315

14.6.2 創建資料庫連線 317

14.6.3 製作留言列表頁面 318

14.6.4 製作留言詳細信息頁面 323

14.6.5 製作發表留言頁面 325

14.7 專家秘籍 330

14.8 本章小結 332

第6篇 網站發布運營與推廣

網站的發布上傳 334

15.1 上傳網站前的準備工作 335

15.1.1 註冊域名 335

15.1.2 申請空間 336

15.2 網站的測試338

15.2.1 報告 338

15.2.2 檢查站點範圍的連結 338

15.2.3 改變站點範圍的連結 339

15.2.4 查找和替換 339

15.2.5 清理文檔 341

15.3 網站上傳 342

15.4 專家秘籍 344

15.5 本章小結 345

網站的運營維護與安全 346

16.1 網站運營的工作內容347

16.2 網站運營的關鍵問題348

16.3 網站的日常維護與管理 349

16.4 反黑客技術350

16.4.1 計算機的設定 350

16.4.2 隱藏IP位址 353

16.4.3 作業系統賬號的管理 354

16.4.4 安裝必要的安全軟體 355

16.4.5 做好瀏覽器的安全設定 355

16.5 網路安全防範措施 356

16.5.1 防火牆技術 356

16.5.2 網路加密技術 357

16.5.3 反病毒軟體 358

16.5.4 漏洞掃描 358

16.6 本章小結 358

網站的宣傳與推廣 359

17.1 搜尋引擎註冊 360

17.1.1 搜尋引擎 360

17.1.2 搜尋引擎的最佳化與關鍵字 361

17.1.3 搜尋引擎註冊 362

17.1.4 如何讓搜尋引擎快速收錄自己的網站 362

17.2 電子郵件 363

17.2.1 電子郵件推廣 363

17.2.2 讓客戶一定回覆你的郵件技巧 365

17.3 部落格推廣 365

17.3.1 做好定位 365

17.3.2 建立部落格 366

17.3.3 引人入勝的標題 366

17.3.4 撰寫博文的技巧 367

17.4 站點間宣傳合作368

17.4.1 商業資源合作推廣 368

17.4.2 通過互換友情連結推廣 369

17.5 論壇宣傳 369

17.6 軟文推廣 370

17.7 投放網路廣告 371

17.8 登錄導航網站 371

17.9 本章小結 372

第7篇 綜合實踐案例

設計富有個性的個人網站 374

18.1 個人網站設計概述 375

18.1.1 個人網站的類型 375

18.1.2 個人網站設計注意事項 377

18.2 個人網站色彩搭配 378

18.3 網站前期策劃 378

18.3.1 確定網站主題 378

18.3.2 確定目錄結構 379

18.3.3 網站藍圖的規劃 379

18.4 製作網站頁面 380

18.4.1 導入外部CSS 380

18.4.2 製作頂部檔案 382

18.4.3 製作個人簡介 384

18.4.4 製作個人相冊 386

18.4.5 製作最新動態和聯繫方式 387

18.4.6 製作底部檔案 388

18.5 專家秘籍 389

18.6 本章小結 390

製作企業宣傳網站 391

19.1 企業網站概述 392

19.1.1 企業網站主要功能欄目 393

19.1.2 企業網站風格與色彩搭配 395

19.2 設計網站首頁 395

19.2.1 設計網站首頁 396

19.2.2 切割網站首頁 401

19.3 製作模板 402

19.3.1 製作頂部檔案 403

19.3.2 製作會員登錄頁面 404

19.3.3 製作園林動態頁面 407

19.3.4 製作友情連結 408

19.3.5 製作著作權 408

19.3.6 保存為模板 409

19.4 利用模板製作主頁 410

19.5 添加實用的查詢工具412

19.5.1 添加天氣預報 412

19.5.2 添加百度搜尋 413

19.5.3 添加IP查詢 415

19.6 專家秘籍 416

19.7 本章小結 418

設計網上購物網站 419

20.1 網站概述 420

20.2 購物網站特點分析 422

20.3 主要功能和欄目423

20.4 創建資料庫表 427

20.5 創建資料庫連線429

20.6 製作購物系統前台頁面 430

20.6.1 製作商品分類展示頁面 430

20.6.2 製作商品詳細信息頁面 434

20.7 製作購物系統後台管理 436

20.7.1 製作後台管理員登錄頁面 437

20.7.2 製作添加商品頁面 440

20.7.3 製作添加商品分類頁面 443

20.7.4 製作商品管理頁面 446

20.7.5 製作修改頁面 451

20.7.6 製作刪除頁面 453

20.8 專家秘籍 456

20.9 本章小結 458

第8篇 附錄

HTML常用標記手冊 460

JavaScript語法手冊 465

CSS屬性一覽表 472

VBScript語法手冊 476

ADO對象方法屬性詳解 482

常見網頁配色詞典 487

前言

隨著網路信息技術的廣泛套用，網際網路正逐步改變著人們的生活和工作方式。越來越多的個人、企業紛紛建立自己的網站，利用網站來宣傳和推廣自己。在這一浪潮中，網路技術套用，特別是網頁製作技術，得到了很多人的青睞。在流行的“所見即所得”的網頁製作軟體中，Adobe公司的Dreamweaver無疑是使用得最為廣泛的一個。Dreamweaver用於網頁的整體布局和設計，以及對網站進行創建和管理，被稱為三劍客之一，利用它可以輕而易舉地製作出充滿動感的網頁。Dreamweaver是網頁設計與製作領域中用戶最多、套用最廣、功能最強的軟體之一，無論在國內還是國外，它都是備受專業Web開發人員喜愛的軟體。隨著新版本的DreamweaverCS6的發布，更夯實了Dreamweaver在網頁設計與製作領域中的地位。

主要內容

本書從實用的角度出發，講解了使用Dreamweaver CS6進行網頁設計、製作的基本知識及實踐方法，每一章都配以精美的範例進行講解，由淺入深、由點到面地全面闡述Dreamweaver CS6的使用方法以及網頁的製作方法和技巧，培養實際製作網頁的能力。本書共20章，分為8部分。

部 分 名 主要內容

第1部分 跨入網頁製作大門 第1~2章，主要包括網頁製作與網站建設基礎，頁面創意與色彩搭配等

第2部分 使用網頁元素美化網頁 第3~6章，主要包括在Dreamweaver中使用文本、利用圖像美化網頁、創建網頁超連結、創建豐富多彩的多媒體頁面等

第3部分 搭建與布局網頁架構 第7~10章，主要包括利用表格排列網頁數據、使用CSS樣式表美化網頁、用CSS+Div靈活布局頁面、利用庫和模板創建網頁等

第4部分 製作炫目的特效網頁 第11~12章，主要包括Dreamweaver的外掛程式擴展功能、使用行為和JavaScript創建特效網頁等

第5部分 設計動態網頁 第13~14章，主要包括使用表單創建互動式網頁、動態資料庫網站開發基礎等

第6部分 網站發布運營與推廣 第15~17章，主要包括網站的發布上傳、網站的運營維護與安全、網站的宣傳與推廣等

第7部分 綜合實踐案例 第18~20章，主要包括個人網站、企業宣傳網站、網上購物網站的製作等

第8部分 附錄 附錄A～附錄F，主要包括HTML常用標籤手冊、JavaScript語法手冊、CSS屬性一覽表、VBScript語法手冊、ADO對象方法屬性詳解等

主要特點

 步驟詳細：為了使讀者能快速學會使用DreamweaverCS6，本書對每個知識點、每個功能都給出了詳細的操作步驟，採用Step by Step的製作流程進行講解，讓讀者能夠輕鬆上手、舉一反三。

 結構清晰：本書結構安排合理，符合教學需要和個人自學的習慣，每章都先介紹學習要點，便於讀者掌握本章重點知識，每章的最後還有範例精講，讀者不僅可以鍛鍊實際的操作能力，還可以複習本章知識。最後還有綜合實例，介紹軟體的綜合套用。

代碼揭秘：隨著網站設計人員技術的提升，對代碼有越來越深入的研究，本書增加了“代碼揭秘”欄目，提供了很多重要代碼，並進行了重點標註與提示。

雙欄排版，提示標註：採用雙欄圖解排版，一步一圖，圖文對應，並在圖中添加了操作提示標註，以便於讀者快速學習。

專家秘籍：每章最後一部分均安排了專家秘籍，這些秘籍來源於網站建設專家多年的經驗和技巧總結，解答了初學者常見的困惑，又擴大了初學者的知識面。

超值配套光碟：本書所附光碟的內容為書中介紹的範例的源檔案和重要實例的操作演示視頻。

讀者對象

本書語言敘述通俗易懂，突出了實用性，採用由淺入深的編排方法，內容豐富、結構清晰、語言簡練、實例眾多、圖文並茂。本書適用於以下讀者對象：

網頁設計與製作人員；

網站建設與開發人員；

大中專院校相關專業師生；

網頁製作培訓班學員；

個人網站製作愛好者與Dreamweaver自學讀者。

本書能夠在這么短的時間內出版，和很多人的努力是分不開的。感謝出版社的胡辛征老師和各位編審的老師，他們都非常認真地審閱了本書的內容，並提出了非常具體的修改意見和建議，沒有他們的幫助，這本書不可能面世。

本書由國內著名網頁設計培訓專家何海霞編寫，參與編寫的還有鄧靜靜、李銀修、劉宇星、徐洪峰、鄧方方、張禮明、楊建偉、李曉民、劉中華、陳石送、孫良軍、孫起雲、呂志彬等。由於作者水平有限，加之創作時間倉促，本書不足之處在所難免，歡迎廣大讀者批評指正。