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

第1章　網(wǎng)頁(yè)制作基礎(chǔ) 1
1．1　互聯(lián)網(wǎng)基礎(chǔ)　1
1．1．1　因特網(wǎng)和萬(wàn)維網(wǎng)　1
1．1．2　HTTP和URL　2
1．1．3　IP地址和域名　2
1．1．4　FTP和FTP傳輸程序　2
1．2　網(wǎng)頁(yè)基礎(chǔ)　3
1．2．1　網(wǎng)頁(yè)與網(wǎng)站　3
1．2．2　網(wǎng)頁(yè)的內(nèi)容元素　3
1．2．3　制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)　4
1．2．4　認(rèn)識(shí)HTML　5
1．2．5　認(rèn)識(shí)CSS　8
1．3　網(wǎng)站基礎(chǔ)　11
1．3．1　網(wǎng)頁(yè)布局類型　11
1．3．2　網(wǎng)頁(yè)制作軟件　12
1．3．3　網(wǎng)站設(shè)計(jì)流程　12
小結(jié)　13
習(xí)題　13
第2章　Dreamweaver CC　2017
基礎(chǔ)　14
2．1　認(rèn)識(shí)Dreamweaver CC 2017　14
2．1．1　發(fā)展概況　14
2．1．2　工作界面　15
2．1．3　首選項(xiàng)　17
2．1．4　工具欄　19
2．1．5　常用面板　21
2．2　創(chuàng)建本地站點(diǎn)　22
2．2．1　認(rèn)識(shí)站點(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è)置頁(yè)面屬性　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)用實(shí)例　39
2．6．1　小暑　39
2．6．2　雨還在下　41
小結(jié)　43
習(xí)題　44
第3章　超級(jí)鏈接和CSS樣式　45
3．1　設(shè)置超級(jí)鏈接　45
3．1．1　認(rèn)識(shí)超級(jí)鏈接　45
3．1．2　文本超級(jí)鏈接　46
3．1．3　圖像超級(jí)鏈接　48
3．1．4　圖像熱點(diǎn)　48
3．1．5　鼠標(biāo)經(jīng)過(guò)圖像　48
3．1．6　電子郵件鏈接　49
3．1．7　空鏈接和下載超級(jí)鏈接　50
3．1．8　腳本鏈接　50
3．2　設(shè)置CSS樣式　50
3．2．1　認(rèn)識(shí)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過(guò)渡效果　61
3．3　應(yīng)用實(shí)例　63
3．3．1　快樂(lè)的真諦　63
3．3．2　心靈驛站　66
小結(jié)　68
習(xí)題　68
第4章　表格和Div+CSS　69
4．1　使用表格　69
4．1．1　認(rèn)識(shí)表格　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)識(shí)盒子模型和Div+CSS布局　77
4．2．2　使用Div+CSS定位對(duì)象　78
4．2．3　插入HTML5結(jié)構(gòu)語(yǔ)意元素　80
4．2．4　插入jQuery UI布局部件　83
4．3　應(yīng)用實(shí)例　86
4．3．1　飛翔裝飾　86
4．3．2　勵(lì)志故事　89
小結(jié)　93
習(xí)題　93
第5章　表單和行為　95
5．1　使用表單　95
5．1．1　認(rèn)識(shí)表單　95
5．1．2　插入和設(shè)置表單域　95
5．1．3　插入文本類表單對(duì)象　96
5．1．4　插入選擇類表單對(duì)象　102
5．1．5　插入按鈕類表單對(duì)象　104
5．1．6　插入域集和標(biāo)簽　106
5．2　使用行為　107
5．2．1　認(rèn)識(shí)行為　107
5．2．2　添加行為　108
5．2．3　常用行為　110
5．3　應(yīng)用實(shí)例　118
5．3．1　論文提交　118
5．3．2　游瘦西湖　121
小結(jié)　122
習(xí)題　123
第6章　移動(dòng)設(shè)備網(wǎng)頁(yè)　124
6．1　使用jQuery Mobile組件　124
6．1．1　認(rèn)識(shí)jQuery Mobile　124
6．1．2　創(chuàng)建jQuery Mobile頁(yè)面　125
6．1．3　應(yīng)用jQuery Mobile組件　128
6．1．4　關(guān)于jQuery Mobile主題　134
6．1．5　應(yīng)用實(shí)例—設(shè)置jQuery Mobile
主題　136
6．2　使用Bootstrap組件　137
6．2．1　認(rèn)識(shí)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移動(dòng)部件　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　使用庫(kù)　149
7．1．1　認(rèn)識(shí)庫(kù)　149
7．1．2　創(chuàng)建庫(kù)項(xiàng)目　149
7．1．3　應(yīng)用庫(kù)項(xiàng)目　150
7．1．4　維護(hù)庫(kù)項(xiàng)目　151
7．2　使用模板　152
7．2．1　認(rèn)識(shí)模板　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)用實(shí)例—配置本地Web
服務(wù)器　158
7．3．2　應(yīng)用實(shí)例—設(shè)置測(cè)試服務(wù)器　160
7．3．3　應(yīng)用實(shí)例—連接遠(yuǎn)程服務(wù)器　162
7．3．4　應(yīng)用實(shí)例—發(fā)布站點(diǎn)　163
7．4　應(yīng)用實(shí)例—杭州西湖　164
小結(jié)　168
習(xí)題　168
第8章　Animate CC 2017基礎(chǔ)　169
8．1　認(rèn)識(shí)Animate CC 2017　169
8．1．1　關(guān)于Animate CC 2017　169
8．1．2　工作界面　169
8．1．3　舞臺(tái)和場(chǎng)景　171
8．1．4　【工具】面板　172
8．1．5　【時(shí)間軸】面板　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　分離對(duì)象　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)用實(shí)例—敬愛的老師　194
小結(jié)　196
習(xí)題　196
第9章　動(dòng)畫制作基礎(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　元件和實(shí)例　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)建實(shí)例　207
9．2．6　修改實(shí)例屬性和類型　207
9．2．7　交換實(shí)例　209
9．2．8　分離實(shí)例　209
9．2．9　使用庫(kù)　209
9．3　時(shí)間軸和圖層　210
9．3．1　時(shí)間軸和幀　211
9．3．2　幀的基本操作　211
9．3．3　圖層類型和模式　213
9．3．4　圖層基本操作　214
9．4　應(yīng)用實(shí)例—制作逐幀動(dòng)畫
“奔跑的馬”　218
小結(jié)　220
習(xí)題　221
第10章　動(dòng)畫制作和影片后期
處理　222
10．1　使用組件　222
10．1．1　組件類型　222
10．1．2　使用組件　223
10．2　使用ActionScript語(yǔ)言　225
10．2．1　認(rèn)識(shí)ActionScript語(yǔ)言　225
10．2．2　添加ActionScript代碼　225
10．2．3　應(yīng)用實(shí)例—制作旋轉(zhuǎn)的風(fēng)扇　226
10．3　應(yīng)用實(shí)例—制作Animate動(dòng)畫　230
10．3．1　動(dòng)畫基礎(chǔ)知識(shí)　230
10．3．2　制作補(bǔ)間形狀動(dòng)畫　231
10．3．3　制作傳統(tǒng)補(bǔ)間動(dòng)畫　232
10．3．4　制作補(bǔ)間動(dòng)畫　234
10．3．5　制作引導(dǎo)層動(dòng)畫　238
10．3．6　制作遮罩層動(dòng)畫　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)識(shí)Photoshop CC 2017　246
11．1．1　工作界面　246
11．1．2　首選項(xiàng)　248
11．1．3　新建文件　249
11．1．4　存儲(chǔ)文件　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)用實(shí)例—制作公益廣告　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)用實(shí)例—制作網(wǎng)站頁(yè)眉　303
小結(jié)　306
習(xí)題　306