前言

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