暢銷圖書 全新升級
經久不衰的經典教程震撼升級，詮釋網頁制作的新技術。
實例典型 輕松易學
以實例方式講解理論知識，直觀、具體，有助於快速上手。
邊學邊做 學以致用
涵蓋網頁制作中的各類知識，高效解決工作中的實際問題。
配套課件 便於總結
精心配備了課件和案例文件，便於老師教學以及學生復習。
(配套素材文件及PPT課件請掃描封底左側二維碼進入社區，搜索本書書名即可進去資源下載頁面)

本書主要內容分為以下7個部分。
● 第1部分 網頁設計基礎與HTM L篇：網頁設計基礎知識、HTML基礎。
● 第2部分 Dreamweav er CC網頁制作篇：Dreamweaver CC創建基本文本網頁、創建超級鏈
接、使用圖像和多媒體創建豐富多彩的網頁、使用表格布局排版網頁、使用模板和庫批量制作風格
統一網頁、使用行為創建特效網頁、創建動態數據庫網頁。
● 第3部分 CSS美化布局網頁篇：使用CSS樣式表美化網頁、CSS屬性基礎、CSS+Div布局方法。
● 第4部分 JavaScript網頁特效篇：JavaScript腳本基礎、JavaScript中的事件、JavaScript
函數與對像。
● 第5部分 Flash動畫設計篇：Flash繪制圖形和編輯對像、使用文本工具創建特效文字、使用時間
軸與圖層、創建基本Flash動畫、使用ActionScript制作交互動畫、HTM L5創建動畫。
● 第6部分 Photoshop 圖像處理篇：Photoshop基礎操作、使用繪圖工具繪制圖像、圖層與文本
的使用、設計制作網頁中的圖像。
● 第7部分 網站綜合案例篇：從綜合應用的方面講述了一個完整建站過程，包括網站規劃、設計網站
封面型首頁、使用CSS+Div 布局網站主頁。

第1部分 網頁設計基礎與HTML篇
第1章 網頁設計基礎知識 2
1．1網頁基礎知識入門 2
1．1．1 認識互聯網 2
1．1．2 域名與空間 3
1．1．3 網頁與網站 3
1．1．4 靜態網頁與動態網頁 4
1．1．5 網站的類型 4
1．2 網頁的基素 9
1．2．1 網站Logo 9
1．2．2 網站Banner 9
1．2．3 導航欄 10
1．2．4 文本 10
1．2．5 圖像 10
1．2．6 Flash動畫 11
1．3網頁設計的原則 12
1．4常用網頁設計軟件 13
1．4．1 Dreamweaver CC概述 13
1．4．2 Photoshop CC概述 13
1．4．3 Flash CC概述 14
第2章 HTML基礎 15
2．1 HTML的基本概念 15
2．1．1 HTML簡介 15
2．1．2 HTML文件的基本結構 16
2．1．3 認識HTML標記 16
2．2 HTML文件的編寫方法 16
2．2．1 使用記事本手工編寫
HTML 16
2．2．2 使用Dreamweave編寫
HTML文件 18
2．3 HTML頭部標記head 19
2．4 網頁的主體標記body 19
2．4．1 網頁背景色bgcolor 19
2．4．2 網頁背景圖片background 20
2．4．3 文字顏色text 21
2．4．4 鏈接文字屬性link 22

第2部分 Dreamweaver CC網頁制作篇
第3章 Dreamweaver CC創建基本
文本網頁 26
3．1 Dreamweaver CC工作環境 26
3．1．1 菜單欄 27
3．1．2 文檔窗口 27
3．1．3 屬性面板 28
3．1．4 面板組 28
3．1．5 插入欄 29
3．2 創建站點 29
3．2．1 使用向導建立站點 29
3．2．2 使用高級設置建立站點 32
3．3添素 36
3．3．1在網頁中添加文本 36
3．3．2插入日期 38
3．3．3插入特殊字符 40
3．3．4 插入水平線 41
3．4編輯文本格式 44
3．4．1設置文本字體 44
3．4．2設置文本大小 45
3．4．3設置文本顏色 46
3．5設置頭信息 47
3．5．1設置META 47
3．5．2插入關鍵字 47
3．5．3插入說明 48
3．5．4插入腳本 48
3．6實戰演練——創建基本文本
網頁 49
第4章 創建超級鏈接 53
4．1 超級鏈接的基本概念 53
4．2 創建超級鏈接的方法 53
4．2．1 使用屬性面板創建
鏈接 53
4．2．2 使用指向文件圖標創建
鏈接 54
4．2．3 使用菜單命令創建鏈接 54
4．3 實戰演練 55
4．3．1 實例1——創建外部
鏈接 55
4．3．2實例2——創建E-mail
鏈接 56
4．3．3實例3——創建下載文
件的鏈接 58
4．3．4實例4——創建圖像熱
點鏈接 60
4．3．5實例5——創建腳本鏈接 63
4．3．6實例6——創建空鏈接 65
第5章 使用圖像和多媒體創建
豐富多彩的網頁 67
5．1 網頁中圖像的使用常識 67
5．2 在網頁中插入圖像 68
5．2．1 插入普通圖像 68
5．2．2 設置圖像的屬性 71
5．2．3 裁剪圖像 73
5．3 插入其他網頁圖像 75
5．3．1 背景圖像 75
5．3．2 創建鼠標經過圖像 77
5．4 添加Flash影片 81
5．5 使用代碼提示添加背景音樂 84
5．6 實戰演練 87
實例1——創建翻轉圖像導航 87
實例2——創建圖文混排網頁 90
第6章 使用表格布局排版網頁 94
6．1 插入表格 94
6．1．1 表格的基本概念 94
6．1．2 插入表格 95
6．2 設置表格的各項屬性 96
6．2．1 設置表格的屬性 96
6．2．2 格屬性 97
6．3 選擇表格 98
6．3．1 選擇整個表格 98
6．3．2 選取行或列 100
6．3．3 格 101
6．4表格的基本操作 102
6．4．1調整表格高度和寬度 102
6．4．2添加或刪除行或列 103
6．4．3格 105
6．4．4格 106
6．4．5剪切、復制、粘貼
6．5排序及整理表格內容 108
6．5．1導入表格式數據 108
6．5．2排序表格 110
6．6實戰演練 112
6．6．1實例1——創建細線
表格 112
6．6．2實例2——創建圓角
表格 116
第7章 使用模板和庫批量制作風格
統一的網頁 122
7．1 創建模板 122
7．1．1 新建模板 122
7．1．2 從現有文檔創建模板 124
7．2 創建可編輯區域 125
7．2．1 插入可編輯區域 125
7．2．2刪除可編輯區域 126
7．2．3 更改可編輯區域 127
7．3 使用模板創建新網頁 127
7．4 管理站點中的模板 132
7．4．1 從模板中脫離 132
7．4．2 修改模板 133
7．5 創建與應用庫項目 135
7．5．1 創建庫項目 135
7．5．2 應用庫項目 137
7．5．3 修改庫項目 139
7．6 實戰演練 141
7．6．1 實例1——創建模板 141
7．6．2 實例2——利用模板
創建網頁 150
第8章 使用行為創建特效網頁 155
8．1 行為的概述 155
8．1．1 認識事件 156
8．1．2 動作類型 156
8．2制作指定大小的彈出窗口 157
8．3調用JavaScript 160
8．3．1利用JavaScript實現
打印功能 160
8．3．2利用JavaScript實現
關閉網頁 162
8．4設置瀏覽器環境 164
8．4．1檢查表單 164
8．4．2檢查插件 166
8．5 對圖像設置動作 167
8．5．1預先載入圖像 167
8．5．2交換圖像 169
8．6 設置狀態欄文本 172
8．7 轉到URL 174
第9章 創建動態數據庫網頁 177
9．1 搭建服務器平臺 177
9．2 設計數據庫 182
9．3 建立數據庫連接 184
9．3．1 了解DSN 184
9．3．2 定義繫統DSN 184
9．4SQL語言簡介 185
9．4．1SQL語言概述 186
9．4．2SQL的優點 187
9．5常用的SQL語句 187
9．5．1表的建立：
CREATE TABLE 187
9．5．2插入數據：
INSERT INTO 188
9．5．3修改數據：UPDATE 189
9．5．4刪除數據：DELETE 190
9．5．5SQL查詢語句：SELECT 190

第3部分 CSS美化布局網頁篇
第10章 使用CSS美化網頁 194
10．1了解CSS樣式表 194
10．2CSS的使用 195
10．2．1CSS基本語法 195
10．2．2添加CSS的方法 195
10．3設置CSS屬性 197
10．3．1設置CSS類型屬性 197
10．3．2設置CSS背景屬性 198
10．3．3設置CSS區塊屬性 198
10．3．4設置CSS方框屬性 199
10．3．5設置CSS邊框屬性 200
10．3．6設置CSS列表屬性 200
10．3．7設置CSS定位屬性 201
10．3．8設置CSS擴展屬性 202
10．3．9 設置過渡樣式 202
10．4實戰演練 203
10．4．1實例1——應用CSS
樣式定義字體大小 203
10．4．2 實例2——應用CSS
樣式制作陰影文字 205
第11章 CSS屬性基礎 209
11．1 字體屬性 209
11．1．1 字體font-family 209
11．1．2 字號font-size 210
11．1．3 字體風格font-style 212
11．1．4 字體加粗font-weight 213
11．1．5 字體變形font-variant 214
11．2 段落屬性 215
11．2．1 單詞間隔
word-spacing 215
11．2．2 字符間隔
letter-spacing 216
11．2．3 文字修飾
text-decoration 217
11．2．4 垂直對齊方式
vertical-align 218
11．2．5 文本轉換
text-transform 220
11．2．6 水平對齊方式
text-align 221
11．2．7 文本縮進
text-indent 222
11．2．8 文本行高
line-height 223
11．3 圖片樣式設置 224
11．3．1 定義圖片邊框 225
11．3．2 文字環繞圖片 227
11．4 背景樣式設置 228
11．4．1 設置頁面背景顏色 228
11．4．2 定義背景圖片 229
11．5濾鏡概述 230
11．5．1 動感模糊 230
11．5．2 對顏色進行透明處理 232
11．5．3 設置陰影 233
第12章 CSS+Div布局網頁 235
12．1 初識Div 235
12．1．1Div概述 235
12．1．2Div與span的區別 236
12．1．3Div與CSS布局優勢 237
12．2 CSS定位 238
12．2．1盒子模型的概念 238
12．2．2float定位 238
12．2．3position定位 240
12．3 CSS布局理念 241
12．3．1將頁面用Div分塊 241
12．3．2設計各塊的位置 242
12．3．3用CSS定位 242
12．4 常見的布局類型 244
12．4．1 一列固定寬度 244
12．4．2 一列自適應 245
12．4．3 兩列固定寬度 246
12．4．4 兩列寬度自適應 247
12．4．5 兩列右列寬度自適應 248
12．4．6 三列浮動中間寬度
自適應 249
第4部分 JavaScript網頁特效篇
第13章 JavaScript腳本基礎 252
13．1JavaScript簡介 252
13．1．1JavaScript的歷史 252
13．1．2JavaScript特點 253
13．2JavaScript的放置位置 253
13．2．1 《script/》使用方法 253
13．2．2 位於網頁之外的單
獨腳本文件 254
13．2．3 直接位於事件處理
部分的代碼中 254
13．3 JavaScript基本語法 254
13．3．1 常量和變量 255
13．3．2 表達式和運算符 256
13．3．3 基本語句 257
13．3．4 函數 261
第14章 JavaScript中的事件 262
14．1 onClick事件 262
14．2 onchange事件 264
14．3 onSelect事件 265
14．4 onFocus事件 266
14．5 onLoad事件 267
14．6 onBlur事件 268
14．7 onMouseOver事件 269
14．8 onMouseOut事件 271
14．9 onDblClick事件 272
14．10 其他常用事件 273
第15章 JavaScript函數和對像 275
15．1 什麼是函數 275
15．2 函數的定義 276
15．2．1 函數的普通定義方式 276
15．2．2 函數的變量定義方式 277
15．2．3 函數的指針調用方式 278
15．3JavaScript對像的聲明和引用 279
15．3．1聲明和實例化 279
15．3．2對像的引用 281
15．4瀏覽器對像 282
15．4．1navigator對像 282
15．4．2 windows對像 283
15．4．3location對像 284
15．4．4history對像 285
15．4．5document對像 286
15．5 內置對像 287
15．5．1date對像 287
15．5．2數學對像math 290
15．5．3字符串對像string 291
15．5．4數組對像array 292
第5部分 Flash動畫設計篇
第16章 繪制圖形和編輯對像 296
16．1Flash概述 296
16．2Flash CC工作界面 296
16．2．1菜單欄 297
16．2．2工具箱 297
16．2．3時間軸面板 298
16．2．4舞臺 299
16．2．5屬性面板 299
16．2．6面板組 300
16．3繪制圖形對像 300
16．3．1線條工具 300
16．3．2鉛筆工具 302
16．3．3鋼筆工具 303
16．3．4橢圓工具 304
16．3．5矩形工具 305
16．3．6多角星形工具 306
16．4填充圖形對像 308
16．4．1墨水瓶工具 308
16．4．2顏料桶工具 309
16．4．3滴管工具 310
16．4．4刷子工具 311
16．4．5漸變變形工具 313
16．5對像的基本操作 314
16．5．1使用選擇工具
選擇對像 314
16．5．2使用套索工具
選擇對像 314
16．5．3移動、復制和
刪除對像 315
16．6實戰演練—繪制網頁標志 318
第17章 使用文本工具創建文字 322
17．1使用文本工具 322
17．1．1靜態文本 322
17．1．2動態文本 323
17．1．3輸入文本 324
17．2設置文本樣式 325
17．2．1消除文本鋸齒 325
17．2．2設置文字屬性 326
17．2．3創建文字鏈接 327
17．2．4分離與打散文字 328
17．3對文本使用濾鏡效果 330
17．3．1給文本添加濾鏡 330
17．3．2設置濾鏡效果 331
17．4 實戰演練——制作立體文字 335
第18章 使用時間軸與圖層 337
18．1時間軸與幀 337
18．1．1時間軸 337
18．1．2幀 338
18．2圖層概述 339
18．2．1圖層的類型 339
18．2．2創建圖層和圖層
文件夾 339
18．2．3修改圖層屬性 340
18．2．4編輯圖層 341
18．3使用引導層 342
18．3．1引導層動畫創建
方法和技巧 342
18．3．2創建引導層動畫
實例 342
18．4使用遮罩層 346
18．4．1遮罩層動畫創建
方法和技巧 346
18．4．2利用遮罩層創建
滾動圖片效果 346
18．5實戰演練——利用遮罩層
制作動畫 351
第19章 創建基本Flash動畫 355
19．1動畫的基本類型 355
19．2 利用逐幀動畫制作聖誕賀卡 355
19．3 創建動畫補間動畫 359
19．3．1 動畫補間動畫的創建
方法和技巧 359
19．3．2 利用動畫補間創建對像
的縮放與淡出效果 359
19．3．3 利用動畫補間創建對像的
旋轉與顏色變化效果 362
19．4 創建形狀補間動畫 365
19．5制作帶音效的按鈕 369
第20章 使用ActionScript制作
交互動畫 373
20．1ActionScript簡介 373
20．2ActionScript基礎 373
20．2．1 ActionScript中的
相關術語 374
20．2．2ActionScript 3．0基本
語法 374
20．3常用ActionScript語句 376
20．3．1for循環 376
20．3．2 while和do while
循環 377
20．3．3 if語句 377
20．3．4特殊條件判斷 378
20．4ActionScript的編輯環境 378
20．5 實戰演練 379
實例1——stop和play語句 379
實例2——制作下雪效果 383
第21章 HTML5動畫 388
21．1 HTML 5簡介 388
21．1．1 HTML5基礎 388
21．1．2 向後兼容 389
21．1．3 更加簡化 389
21．1．4 HTML 5語法中
的三個要點 389
21．2 新增的主素 390
21．2．1 實例應用——article21．2．2 實例應用——section21．2．3 實例應用——nav21．2．4 as素 396
21．3 can素 397
21．3．1 繪制矩形 397
21．3．2 繪畫對角線 398
21．4實戰演練——利用HTML5
制作3D愛心動畫 399
第6部分 Photoshop CC圖像處理篇
第22章 Photoshop基礎操作 402
22．1 Photoshop CC工作界面 402
22．1．1 菜單欄 403
22．1．2 工具箱及工具選項欄 403
22．1．3 文檔窗口及狀態欄 404
22．1．4 面板組 404
22．2 快速調整圖像 404
22．2．1 調整圖像大小 405
22．2．2 使用色階命令美
化圖像 406
22．2．3 使用曲線命令美
化圖像 407
22．2．4 調整圖像亮度與
對比度 408
22．2．5 使用色彩平衡 409
22．2．6 調整圖像色相與
飽和度 410
22．3 實戰演練 411
實例1——制作電影圖片效果 411
實例2——調整曝光不足的
照片 415
第23章 使用繪圖工具繪制圖像 417
23．1 創建選擇區域 417
23．1．1 選框工具 417
23．1．2 套索工具 419
23．1．3 魔棒工具 421
23．2 基本繪圖工具 421
23．2．1 畫筆工具 422
23．2．2 鉛筆工具 423
23．2．3 仿制圖章工具 424
23．2．4 圖案圖章工具 425
23．2．5 橡皮擦工具 426
23．2．6 油漆桶工具和漸變
工具 426
23．3 形狀工具 428
23．3．1 矩形工具 428
23．3．2 圓角矩形工具 429
23．3．3 橢圓工具 430
23．3．4 多邊形工具 431
23．4 實戰演練—繪制網頁標志 432
第24章 圖層與文本的使用 436
24．1 新建和刪除圖層 436
24．1．1 新建圖層 436
24．1．2 刪除圖層 437
24．1．3 新建圖層組 437
24．2 圖層的特殊混合 438
24．3 應用圖層樣式 440
24．4 使用文本工具 441
24．4．1 輸入文字 441
24．4．2 設置文字屬性 442
24．4．3 創建路徑文字 444
24．5 實戰演練 445
實例1——制作立體文字效果 445
實例2——制作圖案文字效果 447
第25章 設計制作網頁中的圖像 450
25．1 網站Logo的制作 450
25．1．1 Logo設計標準 450
25．1．2 網站Logo的規格 450
25．1．3 實戰演練1——設計
網站Logo 451
25．2 網絡廣告的制作 453
25．2．1 網頁廣告設計要素 453
25．2．2 網絡廣告設計技巧 453
25．2．3 實戰演練2——制作
宣傳廣告 454
25．3 網頁切片輸出 459
25．3．1 創建切片 459
25．3．2 編輯切片 459
25．3．3 優化和輸出切片 460
實戰演練3——設計網站主頁 461
第7部分 網站綜合案例篇
第26章 企業網站制作綜合實例 472
26．1網站規劃 472
26．1．1 網站需求分析 472
26．1．2 確定網站的版式
設計 473
26．1．3 確定網站主要色彩
搭配 473
26．2 設計網站封面型首頁 474
26．2．1 設計網站首頁 474
26．2．2 切割網站首頁 478
26．3 使用CSS+div布局網站主頁 480
26．3．1 分析架構 480
26．3．2 頁面通用規則 481
26．3．3 制作網站header
導航部分 482
26．3．4 制作網站special
部分 486
26．3．5 制作會員登錄部分 488
26．3．6 制作裝修案例部分 491