本書主要內容分為以下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 布局網站主頁。
暢銷圖書 全新升級
經久不衰的經典教程震撼升級，詮釋網頁制作的新技術。
實例典型 輕松易學
以實例方式講解理論知識，直觀、具體，有助于快速上手。
邊學邊做 學以致用
涵蓋網頁制作中的各類知識，高效解決工作中的實際問題。
配套課件 便于總結
精心配備了課件和案例文件，便于老師教學以及學生復習。
(配套素材文件及PPT課件請掃描封底左側二維碼進入社區，搜索本書書名即可進去資源下載頁面)
第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 剪切、復制、粘貼
單元格 107
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.4 SQL語言簡介 185
9.4.1 SQL語言概述 186
9.4.2 SQL的優點 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.5 SQL查詢語句：SELECT 190
第3部分 CSS美化布局網頁篇
第10章 使用CSS美化網頁 194
10.1 了解CSS樣式表 194
10.2 CSS的使用 195
10.2.1 CSS基本語法 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.1 Div概述 235
12.1.2 Div與span的區別 236
12.1.3 Div與CSS布局優勢 237
12.2 CSS定位 238
12.2.1 盒子模型的概念 238
12.2.2 float定位 238
12.2.3 position定位 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.1 JavaScript簡介 252
13.1.1 JavaScript的歷史 252
13.1.2 JavaScript特點 253
13.2 JavaScript的放置位置 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.3 JavaScript對象的聲明和引用 279
15.3.1 聲明和實例化 279
15.3.2 對象的引用 281
15.4 瀏覽器對象 282
15.4.1 navigator對象 282
15.4.2 windows對象 283
15.4.3 location對象 284
15.4.4 history對象 285
15.4.5 document對象 286
15.5 內置對象 287
15.5.1 date對象 287
15.5.2 數學對象math 290
15.5.3 字符串對象string 291
15.5.4 數組對象array 292
第5部分 Flash動畫設計篇
第16章 繪制圖形和編輯對象 296
16.1 Flash概述 296
16.2 Flash 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.1 ActionScript簡介 373
20.2 ActionScript基礎 373
20.2.1 ActionScript中的
相關術語 374
20.2.2 ActionScript 3.0基本
語法 374
20.3 常用ActionScript語句 376
20.3.1 for循環 376
20.3.2 while和do while
循環 377
20.3.3 if語句 377
20.3.4 特殊條件判斷 378
20.4 ActionScript的編輯環境 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 實例應用——article
元素 390
21.2.2 實例應用——section
元素 392
21.2.3 實例應用——nav
元素 393
21.2.4 aside元素 396
21.3 canvas元素 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<
