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　認識HTML　5
1．2．5　認識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
習題　13
第2章　Dreamweaver CC　2017
基礎(chǔ)　14
2．1　認識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)建本地站點　22
2．2．1　認識站點　22
2．2．2　創(chuàng)建和管理站點　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　應用實例　39
2．6．1　小暑　39
2．6．2　雨還在下　41
小結(jié)　43
習題　44
第3章　超級鏈接和CSS樣式　45
3．1　設(shè)置超級鏈接　45
3．1．1　認識超級鏈接　45
3．1．2　文本超級鏈接　46
3．1．3　圖像超級鏈接　48
3．1．4　圖像熱點　48
3．1．5　鼠標經(jīng)過圖像　48
3．1．6　電子郵件鏈接　49
3．1．7　空鏈接和下載超級鏈接　50
3．1．8　腳本鏈接　50
3．2　設(shè)置CSS樣式　50
3．2．1　認識CSS樣式　51
3．2．2　創(chuàng)建CSS樣式　52
3．2．3　設(shè)置CSS屬性　55
3．2．4　應用CSS樣式　61
3．2．5　使用CSS過渡效果　61
3．3　應用實例　63
3．3．1　快樂的真諦　63
3．3．2　心靈驛站　66
小結(jié)　68
習題　68
第4章　表格和Div+CSS　69
4．1　使用表格　69
4．1．1　認識表格　69
4．1．2　導入和導出表格數(shù)據(jù)　70
4．1．3　插入和設(shè)置表格　71
4．1．4　編輯表格　75
4．2　使用Div+CSS　77
4．2．1　認識盒子模型和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　應用實例　86
4．3．1　飛翔裝飾　86
4．3．2　勵志故事　89
小結(jié)　93
習題　93
第5章　表單和行為　95
5．1　使用表單　95
5．1．1　認識表單　95
5．1．2　插入和設(shè)置表單域　95
5．1．3　插入文本類表單對象　96
5．1．4　插入選擇類表單對象　102
5．1．5　插入按鈕類表單對象　104
5．1．6　插入域集和標簽　106
5．2　使用行為　107
5．2．1　認識行為　107
5．2．2　添加行為　108
5．2．3　常用行為　110
5．3　應用實例　118
5．3．1　論文提交　118
5．3．2　游瘦西湖　121
小結(jié)　122
習題　123
第6章　移動設(shè)備網(wǎng)頁　124
6．1　使用jQuery Mobile組件　124
6．1．1　認識jQuery Mobile　124
6．1．2　創(chuàng)建jQuery Mobile頁面　125
6．1．3　應用jQuery Mobile組件　128
6．1．4　關(guān)于jQuery Mobile主題　134
6．1．5　應用實例—設(shè)置jQuery Mobile
主題　136
6．2　使用Bootstrap組件　137
6．2．1　認識Bootstrap　138
6．2．2　創(chuàng)建Bootstrap文件　138
6．2．3　應用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
習題　148
第7章　模板和站點發(fā)布　149
7．1　使用庫　149
7．1．1　認識庫　149
7．1．2　創(chuàng)建庫項目　149
7．1．3　應用庫項目　150
7．1．4　維護庫項目　151
7．2　使用模板　152
7．2．1　認識模板　152
7．2．2　創(chuàng)建模板　152
7．2．3　應用模板　155
7．2．4　維護模板　157
7．3　發(fā)布站點　158
7．3．1　應用實例—配置本地Web
服務器　158
7．3．2　應用實例—設(shè)置測試服務器　160
7．3．3　應用實例—連接遠程服務器　162
7．3．4　應用實例—發(fā)布站點　163
7．4　應用實例—杭州西湖　164
小結(jié)　168
習題　168
第8章　Animate CC 2017基礎(chǔ)　169
8．1　認識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　標準繪圖工具　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　應用實例—敬愛的老師　194
小結(jié)　196
習題　196
第9章　動畫制作基礎(chǔ)　197
9．1　導入素材　197
9．1．1　導入圖像　197
9．1．2　導入聲音　199
9．1．3　導入視頻　201
9．2　元件和實例　203
9．2．1　創(chuàng)建元件　203
9．2．2　轉(zhuǎn)換元件　205
9．2．3　復制元件　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　應用實例—制作逐幀動畫
“奔跑的馬”　218
小結(jié)　220
習題　221
第10章　動畫制作和影片后期
處理　222
10．1　使用組件　222
10．1．1　組件類型　222
10．1．2　使用組件　223
10．2　使用ActionScript語言　225
10．2．1　認識ActionScript語言　225
10．2．2　添加ActionScript代碼　225
10．2．3　應用實例—制作旋轉(zhuǎn)的風扇　226
10．3　應用實例—制作Animate動畫　230
10．3．1　動畫基礎(chǔ)知識　230
10．3．2　制作補間形狀動畫　231
10．3．3　制作傳統(tǒng)補間動畫　232
10．3．4　制作補間動畫　234
10．3．5　制作引導層動畫　238
10．3．6　制作遮罩層動畫　240
10．4　影片發(fā)布和導出　243
10．4．1　發(fā)布文件　243
10．4．2　導出文件　244
小結(jié)　245
習題　245
第11章　Photoshop CC　2017
基礎(chǔ)　246
11．1　認識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　導航器　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　應用實例—制作公益廣告　275
小結(jié)　279
習題　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)建點文字　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　應用實例—制作網(wǎng)站頁眉　303
小結(jié)　306
習題　306