前言

第1部分 網頁設計與制作基礎篇
第1章 Internet與網頁設計概述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 網站規(guī)劃設計概述8
1.2.1 網站設計流程8
1.2.2 確定網站的類型8
1.2.3 網站的建設技術9
1.3 網頁設計基礎9
1.3.1 網頁設計規(guī)劃9
1.3.2 網頁的基本元素10
1.3.3 網頁的構成11
1.3.4 網頁的布局11
1.4 網頁設計工具14
1.4.1 網頁編輯器簡介14
1.4.2 網頁圖像處理工具15
1.4.3 網頁動畫制作與特效工具15
本章小結16
思考與練習16
第2章 HTML5基礎17
2.1 HTML5簡介17
2.2 創(chuàng)建簡單網頁文件18
2.3 HTML5語法19
2.4 HTML5常用標簽20
2.4.1 文檔結構標簽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 新結構化標簽33
本章小結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
本章小結47
思考與練習47
第4章 插入基本網頁元素48
4.1 頁面屬性設置48
4.2 文本的插入與編輯50
4.2.1 在網頁中插入文本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
本章小結64
思考與練習64
第5章 表格和表單65
5.1 表格的應用65
5.1.1 表格的創(chuàng)建65
5.1.2 編輯表格66
5.1.3 數據的導入和導出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
本章小結83
思考與練習83
第6章 使用CSS美化和布局網頁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 盒模型布局網頁101
6.4.1 盒模型的概念101
6.4.2 盒模型的應用101
6.4.3 HTML5結構化標簽103
6.5 邊學邊做（DIV+CSS布局網頁）104
本章小結107
思考與練習107
第7章 行為和模板108
7.1 行為及其使用方法108
7.1.1 行為概述108
7.1.2 行為面板108
7.1.3 行為的應用方法109
7.2 應用內置行為110
7.2.1 交換圖像110
7.2.2 彈出信息111
7.2.3 調用JavaScript112
7.2.4 顯示?隱藏元素113
7.2.5 改變屬性114
7.2.6 轉到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)建基于模板的網頁125
7.5 管理模板126
本章小結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 技術路線與設計規(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 安裝配置數據庫服務器SQL
Server137
8.3.3 安裝配置FTP服務器FileZilla139
8.4 在客戶端上安裝配置DW CS5和
SQL Server客戶端140
8.5 數據庫結構設計與實現141
8.5.1 數據庫基礎介紹141
8.5.2 Web系統(tǒng)數據庫結構設計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
本章小結155
思考與練習155
第3部分 Adobe Photoshop CC
應用篇
第9章 網頁圖像基礎知識158
9.1 基本概念158
9.1.1 像素、分辨率和圖像尺寸158
9.1.2 位圖與矢量圖159
9.1.3 網頁圖片文件的格式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 網頁配色設計方案166
本章小結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 調整選區(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
本章小結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 邊學邊做（繪制網站攝影展頁面）205
本章小結208
思考與練習208
第12章 圖像色彩調整209
12.1 觀察圖像209
12.1.1 直接觀察圖像209
12.1.2 使用直方圖觀察圖像210
12.2 色彩調整命令211
12.3 色彩調整應用舉例213
12.3.1 曲線調整213
12.3.2 色階調整214
12.3.3 陰影/高光調整215
12.3.4 替換顏色調整216
本章小結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 使用調整圖層227
13.3.1 概述227
13.3.2 應用舉例228
本章小結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 網頁文字設計234
14.2.2 路徑文字設計237
14.2.3 文字蒙版設計239
14.3 形狀設計實例241
本章小結243
思考與練習244
第15章 制作網頁主要元素245
15.1 制作標題動畫245
15.2 制作網站導航條248
15.3 設計網站Logo253
15.3.1 設計思路253
15.3.2 制作實例254
15.4 制作網頁背景圖像258
15.5 制作實用圖標260
15.6 圖像切片263
15.6.1 切片概述263
15.6.2 切片類型和創(chuàng)建方式264
本章小結264
思考與練習264
第16章 使用Photoshop CC設計
網站頁面266
16.1 網頁結構設計266
16.2 主頁面設計267
16.3 網頁圖輸出271
本章小結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
本章小結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 圖案畫筆和藝術畫筆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 將位圖轉換為矢量圖形307
18.4.3 處理圖形對象308
18.5 使用文本工具310
18.6 使用3D圖形工具312
18.6.1 創(chuàng)建和編輯3D圖形312
18.6.2 調整透視角度和消失點313
18.7 邊學邊做（繪制花傘圖形）314
本章小結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
本章小結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
本章小結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 轉到幀或場景363
21.2.3 停止所有聲音和跳轉到URL364
21.3 邊學邊做（制作問候語動畫）365
本章小結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
本章小結379
思考與練習380
參考文獻381