前言

第1部分 網(wǎng)頁設計與制作基礎篇
第1章 Internet與網(wǎng)頁設計概述2
1.1 Internet概述2
1.1.1 Internet與TCP/IP2
1.1.2 IP地址和域名3
1.1.3 Internet提供的主要服務5
1.1.4 WWW簡介6
1.2 網(wǎng)站規(guī)劃設計概述8
1.2.1 網(wǎng)站設計流程8
1.2.2 確定網(wǎng)站的類型8
1.2.3 網(wǎng)站的建設技術(shù)9
1.3 網(wǎng)頁設計基礎9
1.3.1 網(wǎng)頁設計規(guī)劃9
1.3.2 網(wǎng)頁的基本元素10
1.3.3 網(wǎng)頁的構(gòu)成11
1.3.4 網(wǎng)頁的布局11
1.4 網(wǎng)頁設計工具14
1.4.1 網(wǎng)頁編輯器簡介14
1.4.2 網(wǎng)頁圖像處理工具15
1.4.3 網(wǎng)頁動畫制作與特效工具15
本章小結(jié)16
思考與練習16
第2章 HTML5基礎17
2.1 HTML5簡介17
2.2 創(chuàng)建簡單網(wǎng)頁文件18
2.3 HTML5語法19
2.4 HTML5常用標簽20
2.4.1 文檔結(jié)構(gòu)標簽20
2.4.2 文本格式標簽22
2.4.3 字符格式標簽24
2.4.4 超鏈接標簽25
2.4.5 多媒體標簽28
2.4.6 其他標簽30
2.5 HTML5新標簽32
2.5.1 標簽32
2.5.2 新多媒體標簽32
2.5.3 新結(jié)構(gòu)化標簽33
本章小結(jié)33
思考與練習34
第2部分 Adobe Dreamweaver CC應用篇
第3章 Adobe Dreamweaver CC
入門知識36
3.1 Adobe Dreamweaver CC 2018工作環(huán)境36
3.1.1 啟動Dreamweaver CC36
3.1.2 工作界面組成37
3.2 站點的創(chuàng)建40
3.2.1 創(chuàng)建站點40
3.2.2 創(chuàng)建站點目錄和文件43
3.3 站點文件的基本操作44
3.3.1 新建、打開及保存文檔44
3.3.2 管理文件和文件夾46
3.4 邊學邊做（制作自我簡介頁面）46
本章小結(jié)47
思考與練習47
第4章 插入基本網(wǎng)頁元素48
4.1 頁面屬性設置48
4.2 文本的插入與編輯50
4.2.1 在網(wǎng)頁中插入文本50
4.2.2 編輯文本51
4.2.3 插入滾動文本53
4.3 圖像的插入與編輯54
4.3.1 插入圖像54
4.3.2 編輯圖像55
4.4 多媒體的插入與編輯56
4.5 超鏈接59
4.5.1 超鏈接的分類59
4.5.2 創(chuàng)建超鏈接59
4.6 應用列表61
4.7 邊學邊做（創(chuàng)建圖像）63
本章小結(jié)64
思考與練習64
第5章 表格和表單65
5.1 表格的應用65
5.1.1 表格的創(chuàng)建65
5.1.2 編輯表格66
5.1.3 數(shù)據(jù)的導入和導出69
5.2 表單的應用71
5.2.1 創(chuàng)建表單71
5.2.2 編輯表單73
5.2.3 表單對象73
5.3 Spry組件75
5.3.1 Spry表單驗證類組件76
5.3.2 Spry表單驗證類組件應用舉例76
5.4 邊學邊做（設計用戶注冊信息表）80
本章小結(jié)83
思考與練習83
第6章 使用CSS美化和布局網(wǎng)頁84
6.1 初識CSS84
6.1.1 CSS的特點84
6.1.2 CSS的規(guī)則85
6.1.3 CSS樣式的類型85
6.1.4 CSS的基本用法86
6.1.5 創(chuàng)建CSS樣式的方法87
6.1.6 CSS屬性說明87
6.2 用CSS樣式美化頁面89
6.2.1 創(chuàng)建類CSS樣式89
6.2.2 創(chuàng)建標簽CSS樣式92
6.2.3 創(chuàng)建ID CSS樣式94
6.2.4 創(chuàng)建偽類CSS樣式96
6.2.5 創(chuàng)建復合CSS樣式97
6.3 創(chuàng)建CSS外部樣式98
6.4 盒模型布局網(wǎng)頁101
6.4.1 盒模型的概念101
6.4.2 盒模型的應用101
6.4.3 HTML5結(jié)構(gòu)化標簽103
6.5 邊學邊做（DIV+CSS布局網(wǎng)頁）104
本章小結(jié)107
思考與練習107
第7章 行為和模板108
7.1 行為及其使用方法108
7.1.1 行為概述108
7.1.2 行為面板108
7.1.3 行為的應用方法109
7.2 應用內(nèi)置行為110
7.2.1 交換圖像110
7.2.2 彈出信息111
7.2.3 調(diào)用JavaScript112
7.2.4 顯示?隱藏元素113
7.2.5 改變屬性114
7.2.6 轉(zhuǎn)到URL115
7.2.7 打開瀏覽器窗口116
7.2.8 設置文本118
7.3 jQuery特效119
7.3.1 使用Blind120
7.3.2 使用Bounce121
7.4 應用模板122
7.4.1 創(chuàng)建模板122
7.4.2 創(chuàng)建可編輯區(qū)域123
7.4.3 模板區(qū)域的類型124
7.4.4 創(chuàng)建基于模板的網(wǎng)頁125
7.5 管理模板126
本章小結(jié)128
思考與練習128
第8章 利用虛擬機建立動態(tài)Web站點129
8.1 動態(tài)Web系統(tǒng)開發(fā)概述129
8.1.1 系統(tǒng)開發(fā)過程129
8.1.2 技術(shù)路線與設計規(guī)劃131
8.2 虛擬機的安裝與部署132
8.2.1 虛擬機的安裝132
8.2.2 安裝配置宿主虛擬機（Windows
Server 2003）133
8.3 在服務器上安裝配置IIS\SQL
Server\FileZilla135
8.3.1 安裝配置Web服務器IIS135
8.3.2 安裝配置數(shù)據(jù)庫服務器SQL
Server137
8.3.3 安裝配置FTP服務器FileZilla139
8.4 在客戶端上安裝配置DW CS5和
SQL Server客戶端140
8.5 數(shù)據(jù)庫結(jié)構(gòu)設計與實現(xiàn)141
8.5.1 數(shù)據(jù)庫基礎介紹141
8.5.2 Web系統(tǒng)數(shù)據(jù)庫結(jié)構(gòu)設計143
8.6 Web站點開發(fā)準備及規(guī)劃145
8.7 用戶管理模塊145
8.7.1 人員管理145
8.7.2 用戶登錄認證頁面147
8.8 考試模塊149
8.8.1 考試界面149
8.8.2 判分頁面153
本章小結(jié)155
思考與練習155
第3部分 Adobe Photoshop CC
應用篇
第9章 網(wǎng)頁圖像基礎知識158
9.1 基本概念158
9.1.1 像素、分辨率和圖像尺寸158
9.1.2 位圖與矢量圖159
9.1.3 網(wǎng)頁圖片文件的格式160
9.2 色彩基礎知識161
9.2.1 色彩的要素161
9.2.2 三基色原理163
9.2.3 顏色模式163
9.3 色彩搭配165
9.3.1 色彩的選擇165
9.3.2 網(wǎng)頁配色設計方案166
本章小結(jié)168
思考與練習168
第10章 Photoshop CC 2018初識169
10.1 Photoshop CC簡介169
10.1.1 Photoshop的發(fā)展169
10.1.2 Photoshop的主要功能與應用170
10.2 工作界面170
10.2.1 主界面170
10.2.2 工具箱171
10.2.3 選項欄與狀態(tài)欄172
10.2.4 浮動面板172
10.2.5 鍵盤快捷鍵173
10.3 選區(qū)175
10.3.1 選擇工具175
10.3.2 創(chuàng)建選區(qū)175
10.3.3 調(diào)整選區(qū)177
10.4 圖層179
10.4.1 概述179
10.4.2 圖層面板179
10.4.3 圖層的應用181
10.5 繪畫183
10.5.1 繪畫工具183
10.5.2 畫筆面板和畫筆設置面板184
10.5.3 繪畫應用舉例184
本章小結(jié)185
思考與練習186
第11章 圖像校正和快速修復187
11.1 圖像校正187
11.1.1 裁剪圖像187
11.1.2 變換圖像192
11.2 圖像修復196
11.2.1 清理圖片196
11.2.2 修復圖像198
11.3 濾鏡修飾圖像202
11.3.1 模糊背景203
11.3.2 圖像特效203
11.4 邊學邊做（繪制網(wǎng)站攝影展頁面）205
本章小結(jié)208
思考與練習208
第12章 圖像色彩調(diào)整209
12.1 觀察圖像209
12.1.1 直接觀察圖像209
12.1.2 使用直方圖觀察圖像210
12.2 色彩調(diào)整命令211
12.3 色彩調(diào)整應用舉例213
12.3.1 曲線調(diào)整213
12.3.2 色階調(diào)整214
12.3.3 陰影/高光調(diào)整215
12.3.4 替換顏色調(diào)整216
本章小結(jié)218
思考與練習218
第13章 蒙版和通道219
13.1 概述219
13.1.1 蒙版219
13.1.2 通道221
13.2 應用蒙版222
13.2.1 圖層蒙版的應用222
13.2.2 剪貼蒙版的應用225
13.3 使用調(diào)整圖層227
13.3.1 概述227
13.3.2 應用舉例228
本章小結(jié)229
思考與練習230
第14章 文字設計和矢量繪制231
14.1 工具概述231
14.1.1 文字工具231
14.1.2 鋼筆工具232
14.1.3 路徑和形狀232
14.2 文字設計實例234
14.2.1 網(wǎng)頁文字設計234
14.2.2 路徑文字設計237
14.2.3 文字蒙版設計239
14.3 形狀設計實例241
本章小結(jié)243
思考與練習244
第15章 制作網(wǎng)頁主要元素245
15.1 制作標題動畫245
15.2 制作網(wǎng)站導航條248
15.3 設計網(wǎng)站Logo253
15.3.1 設計思路253
15.3.2 制作實例254
15.4 制作網(wǎng)頁背景圖像258
15.5 制作實用圖標260
15.6 圖像切片263
15.6.1 切片概述263
15.6.2 切片類型和創(chuàng)建方式264
本章小結(jié)264
思考與練習264
第16章 使用Photoshop CC設計
網(wǎng)站頁面266
16.1 網(wǎng)頁結(jié)構(gòu)設計266
16.2 主頁面設計267
16.3 網(wǎng)頁圖輸出271
本章小結(jié)274
思考與練習274
第4部分 Adobe Animate CC應用篇
第17章 Adobe Animate CC 2018
入門知識276
17.1 Adobe Animate CC 2018概述276
17.2 Adobe Animate CC 2018的界面組成277
17.2.1 工作區(qū)277
17.2.2 時間軸279
17.2.3 幀280
17.2.4 舞臺與場景282
17.2.5 工具面板與編輯欄284
17.3 Animate CC中文檔的基本操作與
動畫制作流程284
17.3.1 文檔操作285
17.3.2 動畫制作流程286
17.4 邊學邊做（閃動文字）287
本章小結(jié)289
思考與練習289
第18章 Animate CC動畫素材準備290
18.1 繪制基礎290
18.1.1 繪制模式290
18.1.2 選擇對象291
18.2 使用繪畫工具293
18.2.1 使用鋼筆繪制路徑293
18.2.2 繪制線條295
18.2.3 繪制簡單圖形297
18.2.4 圖案畫筆和藝術(shù)畫筆299
18.3 使用編輯和修飾工具303
18.3.1 填充工具303
18.3.2 變形工具305
18.3.3 橡皮擦工具306
18.4 處理位圖和圖形306
18.4.1 位圖的導入306
18.4.2 將位圖轉(zhuǎn)換為矢量圖形307
18.4.3 處理圖形對象308
18.5 使用文本工具310
18.6 使用3D圖形工具312
18.6.1 創(chuàng)建和編輯3D圖形312
18.6.2 調(diào)整透視角度和消失點313
18.7 邊學邊做（繪制花傘圖形）314
本章小結(jié)316
思考與練習316
第19章 Animate CC基本動畫的制作317
19.1 元件和實例317
19.1.1 創(chuàng)建和編輯元件317
19.1.2 創(chuàng)建和編輯實例320
19.2 使用庫面板321
19.3 動畫基礎322
19.3.1 基本知識322
19.3.2 逐幀動畫323
19.3.3 補間動畫324
19.3.4 傳統(tǒng)補間動畫329
19.3.5 補間形狀動畫333
19.3.6 遮罩動畫336
19.4 使用反向運動338
19.5 邊學邊做（制作開卷有益動畫）340
本章小結(jié)342
思考與練習343
第20章 聲音和視頻344
20.1 在Animate CC中使用聲音344
20.1.1 在Animate CC文檔中添加聲音344
20.1.2 在Animate CC中編輯聲音348
20.2 聲音的優(yōu)化與導出349
20.2.1 聲音的優(yōu)化349
20.2.2 壓縮與導出聲音349
20.3 在Animate CC中使用視頻351
20.3.1 在ActionScript 3.0或AIR文檔中
使用視頻352
20.3.2 在HTML5 Canvas文檔中使用
視頻353
20.4 邊學邊做（動畫背景配音）354
本章小結(jié)357
思考與練習357
第21章 創(chuàng)建高級交互動畫358
21.1 應用動作358
21.1.1 動作面板358
21.1.2 代碼片斷面板359
21.2 ActionScript常用動作的應用360
21.2.1 播放和停止360
21.2.2 轉(zhuǎn)到幀或場景363
21.2.3 停止所有聲音和跳轉(zhuǎn)到URL364
21.3 邊學邊做（制作問候語動畫）365
本章小結(jié)368
思考與練習368
第22章 發(fā)布Animate CC動畫369
22.1 發(fā)布及桌面應用程序的發(fā)布369
22.1.1 桌面應用程序的發(fā)布步驟369
22.1.2 安裝AIR應用程序374
22.1.3 創(chuàng)建放映影片374
22.2 HTML5的發(fā)布375
22.3 .swf文件和其他格式文件的發(fā)布379
本章小結(jié)379
思考與練習380
參考文獻381