Dreamweaver+Animate+Photoshop網(wǎng)頁制作案例教程（第4版）

第1章　網(wǎng)頁制作基礎(chǔ) 1
1．1　互聯(lián)網(wǎng)基礎(chǔ)　1
1．1．1　因特網(wǎng)和萬維網(wǎng)　1
1．1．2　HTTP和URL　2
1．1．3　IP地址和域名　2
1．1．4　FTP和FTP傳輸程序　2
1．2　網(wǎng)頁基礎(chǔ)　3
1．2．1　網(wǎng)頁與網(wǎng)站　3
1．2．2　網(wǎng)頁的內(nèi)容元素　3
1．2．3　制作一個簡單的網(wǎng)頁　4
1．2．4　認(rèn)識HTML　5
1．2．5　認(rèn)識CSS　8
1．3　網(wǎng)站基礎(chǔ)　11
1．3．1　網(wǎng)頁布局類型　11
1．3．2　網(wǎng)頁制作軟件　12
1．3．3　網(wǎng)站設(shè)計流程　12
小結(jié)　13
習(xí)題　13
第2章　Dreamweaver CC　2017
基礎(chǔ)　14
2．1　認(rèn)識Dreamweaver CC 2017　14
2．1．1　發(fā)展概況　14
2．1．2　工作界面　15
2．1．3　首選項　17
2．1．4　工具欄　19
2．1．5　常用面板　21
2．2　創(chuàng)建本地站點(diǎn)　22
2．2．1　認(rèn)識站點(diǎn)　22
2．2．2　創(chuàng)建和管理站點(diǎn)　23
2．2．3　創(chuàng)建文件夾和文件　24
2．2．4　保存文檔　26
2．3　使用文本　26
2．3．1　添加普通文本　26
2．3．2　插入特殊字符　26
2．3．3　插入水平線　27
2．3．4　設(shè)置頁面屬性　27
2．3．5　設(shè)置文本屬性　30
2．3．6　設(shè)置段落屬性　32
2．4　使用圖像　34
2．4．1　插入圖像　34
2．4．2　設(shè)置圖像屬性　35
2．5　使用媒體　36
2．5．1　插入Flash SWF　36
2．5．2　插入Flash Video　36
2．5．3　插入HTML5 Audio　37
2．5．4　插入HTML5 Video　38
2．6　應(yīng)用實例　39
2．6．1　小暑　39
2．6．2　雨還在下　41
小結(jié)　43
習(xí)題　44
第3章　超級鏈接和CSS樣式　45
3．1　設(shè)置超級鏈接　45
3．1．1　認(rèn)識超級鏈接　45
3．1．2　文本超級鏈接　46
3．1．3　圖像超級鏈接　48
3．1．4　圖像熱點(diǎn)　48
3．1．5　鼠標(biāo)經(jīng)過圖像　48
3．1．6　電子郵件鏈接　49
3．1．7　空鏈接和下載超級鏈接　50
3．1．8　腳本鏈接　50
3．2　設(shè)置CSS樣式　50
3．2．1　認(rèn)識CSS樣式　51
3．2．2　創(chuàng)建CSS樣式　52
3．2．3　設(shè)置CSS屬性　55
3．2．4　應(yīng)用CSS樣式　61
3．2．5　使用CSS過渡效果　61
3．3　應(yīng)用實例　63
3．3．1　快樂的真諦　63
3．3．2　心靈驛站　66
小結(jié)　68
習(xí)題　68
第4章　表格和Div+CSS　69
4．1　使用表格　69
4．1．1　認(rèn)識表格　69
4．1．2　導(dǎo)入和導(dǎo)出表格數(shù)據(jù)　70
4．1．3　插入和設(shè)置表格　71
4．1．4　編輯表格　75
4．2　使用Div+CSS　77
4．2．1　認(rèn)識盒子模型和Div+CSS布局　77
4．2．2　使用Div+CSS定位對象　78
4．2．3　插入HTML5結(jié)構(gòu)語意元素　80
4．2．4　插入jQuery UI布局部件　83
4．3　應(yīng)用實例　86
4．3．1　飛翔裝飾　86
4．3．2　勵志故事　89
小結(jié)　93
習(xí)題　93
第5章　表單和行為　95
5．1　使用表單　95
5．1．1　認(rèn)識表單　95
5．1．2　插入和設(shè)置表單域　95
5．1．3　插入文本類表單對象　96
5．1．4　插入選擇類表單對象　102
5．1．5　插入按鈕類表單對象　104
5．1．6　插入域集和標(biāo)簽　106
5．2　使用行為　107
5．2．1　認(rèn)識行為　107
5．2．2　添加行為　108
5．2．3　常用行為　110
5．3　應(yīng)用實例　118
5．3．1　論文提交　118
5．3．2　游瘦西湖　121
小結(jié)　122
習(xí)題　123
第6章　移動設(shè)備網(wǎng)頁　124
6．1　使用jQuery Mobile組件　124
6．1．1　認(rèn)識jQuery Mobile　124
6．1．2　創(chuàng)建jQuery Mobile頁面　125
6．1．3　應(yīng)用jQuery Mobile組件　128
6．1．4　關(guān)于jQuery Mobile主題　134
6．1．5　應(yīng)用實例—設(shè)置jQuery Mobile
主題　136
6．2　使用Bootstrap組件　137
6．2．1　認(rèn)識Bootstrap　138
6．2．2　創(chuàng)建Bootstrap文件　138
6．2．3　應(yīng)用Bootstrap組件　140
6．2．4　使用Bootstrap模板　141
6．3　使用jQuery UI移動部件　142
6．3．1　Datepicker　142
6．3．2　Progressbar　143
6．3．3　Dialog　144
6．3．4　Autocomplete　145
6．3．5　Slider　146
6．3．6　Button　146
6．3．7　Buttonset　147
6．3．8　Checkbox Buttons　147
6．3．9　Radio Buttons　148
小結(jié)　148
習(xí)題　148
第7章　模板和站點(diǎn)發(fā)布　149
7．1　使用庫　149
7．1．1　認(rèn)識庫　149
7．1．2　創(chuàng)建庫項目　149
7．1．3　應(yīng)用庫項目　150
7．1．4　維護(hù)庫項目　151
7．2　使用模板　152
7．2．1　認(rèn)識模板　152
7．2．2　創(chuàng)建模板　152
7．2．3　應(yīng)用模板　155
7．2．4　維護(hù)模板　157
7．3　發(fā)布站點(diǎn)　158
7．3．1　應(yīng)用實例—配置本地Web
服務(wù)器　158
7．3．2　應(yīng)用實例—設(shè)置測試服務(wù)器　160
7．3．3　應(yīng)用實例—連接遠(yuǎn)程服務(wù)器　162
7．3．4　應(yīng)用實例—發(fā)布站點(diǎn)　163
7．4　應(yīng)用實例—杭州西湖　164
小結(jié)　168
習(xí)題　168
第8章　Animate CC 2017基礎(chǔ)　169
8．1　認(rèn)識Animate CC 2017　169
8．1．1　關(guān)于Animate CC 2017　169
8．1．2　工作界面　169
8．1．3　舞臺和場景　171
8．1．4　【工具】面板　172
8．1．5　【時間軸】面板　172
8．1．6　首選參數(shù)　172
8．1．7　創(chuàng)建和保存文檔　173
8．2　繪圖工具　175
8．2．1　關(guān)于圖形　175
8．2．2　自由繪圖工具　176
8．2．3　填充工具　178
8．2．4　標(biāo)準(zhǔn)繪圖工具　180
8．2．5　選擇性工具　183
8．2．6　查看工具　185
8．3　圖形編輯　186
8．3．1　分離對象　186
8．3．2　任意變形工具　187
8．3．3　圖像翻轉(zhuǎn)　189
8．3．4　刪除圖形　189
8．4　使用文本　189
8．4．1　文本類型　189
8．4．2　創(chuàng)建文本　190
8．4．3　選擇文本　193
8．4．4　分離文本　193
8．4．5　變形文本　194
8．5　應(yīng)用實例—敬愛的老師　194
小結(jié)　196
習(xí)題　196
第9章　動畫制作基礎(chǔ)　197
9．1　導(dǎo)入素材　197
9．1．1　導(dǎo)入圖像　197
9．1．2　導(dǎo)入聲音　199
9．1．3　導(dǎo)入視頻　201
9．2　元件和實例　203
9．2．1　創(chuàng)建元件　203
9．2．2　轉(zhuǎn)換元件　205
9．2．3　復(fù)制元件　206
9．2．4　編輯元件　206
9．2．5　創(chuàng)建實例　207
9．2．6　修改實例屬性和類型　207
9．2．7　交換實例　209
9．2．8　分離實例　209
9．2．9　使用庫　209
9．3　時間軸和圖層　210
9．3．1　時間軸和幀　211
9．3．2　幀的基本操作　211
9．3．3　圖層類型和模式　213
9．3．4　圖層基本操作　214
9．4　應(yīng)用實例—制作逐幀動畫
“奔跑的馬”　218
小結(jié)　220
習(xí)題　221
第10章　動畫制作和影片后期
處理　222
10．1　使用組件　222
10．1．1　組件類型　222
10．1．2　使用組件　223
10．2　使用ActionScript語言　225
10．2．1　認(rèn)識ActionScript語言　225
10．2．2　添加ActionScript代碼　225
10．2．3　應(yīng)用實例—制作旋轉(zhuǎn)的風(fēng)扇　226
10．3　應(yīng)用實例—制作Animate動畫　230
10．3．1　動畫基礎(chǔ)知識　230
10．3．2　制作補(bǔ)間形狀動畫　231
10．3．3　制作傳統(tǒng)補(bǔ)間動畫　232
10．3．4　制作補(bǔ)間動畫　234
10．3．5　制作引導(dǎo)層動畫　238
10．3．6　制作遮罩層動畫　240
10．4　影片發(fā)布和導(dǎo)出　243
10．4．1　發(fā)布文件　243
10．4．2　導(dǎo)出文件　244
小結(jié)　245
習(xí)題　245
第11章　Photoshop CC　2017
基礎(chǔ)　246
11．1　認(rèn)識Photoshop CC 2017　246
11．1．1　工作界面　246
11．1．2　首選項　248
11．1．3　新建文件　249
11．1．4　存儲文件　250
11．2　查看圖像　251
11．2．1　導(dǎo)航器　251
11．2．2　縮放工具　251
11．2．3　抓手工具　252
11．2．4　旋轉(zhuǎn)視圖工具　252
11．2．5　圖像的排列方式　253
11．3　使用選區(qū)　254
11．3．1　創(chuàng)建規(guī)則形狀選區(qū)　255
11．3．2　創(chuàng)建不規(guī)則形狀選區(qū)　256
11．3．3　選區(qū)編輯操作　260
11．4　繪圖基礎(chǔ)　262
11．4．1　設(shè)置前景色和背景色　262
11．4．2　填充與描邊　263
11．4．3　漸變工具　265
11．4．4　繪圖工具　266
11．5　圖像編輯　268
11．5．1　圖像和畫布大小　268
11．5．2　圖像旋轉(zhuǎn)　269
11．5．3　變換操作　270
11．5．4　自由變換　270
11．5．5　圖像裁剪　271
11．5．6　擦除工具　273
11．5．7　圖章工具　274
11．6　應(yīng)用實例—制作公益廣告　275
小結(jié)　279
習(xí)題　279
第12章　圖像調(diào)整與合成　280
12．1　圖像色調(diào)色彩　280
12．1．1　快速調(diào)整圖像　280
12．1．2　調(diào)整圖像曝光　281
12．1．3　調(diào)整圖像色彩　285
12．2　使用文字　291
12．2．1　創(chuàng)建點(diǎn)文字　291
12．2．2　創(chuàng)建段落文字　293
12．2．3　創(chuàng)建路徑文字　295
12．2．4　轉(zhuǎn)換文字圖層　296
12．3　使用圖層　297
12．3．1　創(chuàng)建普通圖層　297
12．3．2　創(chuàng)建填充圖層　299
12．3．3　創(chuàng)建調(diào)整圖層　301
12．3．4　使用圖層樣式　302
12．4　應(yīng)用實例—制作網(wǎng)站頁眉　303
小結(jié)　306
習(xí)題　306