網(wǎng)頁設計與制作：Dreamweaver+Flash+Photoshop+HTML5+CSS3(

第1章 添加基礎頁面元素　1
1．1　網(wǎng)頁設計基礎　2
1．1．1　網(wǎng)頁設計的發(fā)展歷史　2
1．1．2　網(wǎng)頁的基本概念　4
1．1．3　網(wǎng)頁設計的基本流程　6
1．2　認識HTML　7
1．2．1　HTML的基本概念　7
1．2．2　常用HTML的標簽　8
1．3　Dreamweaver CC網(wǎng)頁設計基礎　11
1．3．1　Dreamweaver CC的操作基礎　11
1．3．2　典型實例——設計“公司宣傳”主頁　13
1．4　添加網(wǎng)頁文本　22
1．4．1　文本的添加和編排方法　22
1．4．2　典型實例——設計“公司簡介”網(wǎng)頁　32
1．5　添加網(wǎng)頁圖像　37
1．5．1　圖像的添加和編輯方法　37
1．5．2　典型實例——設計“愛心賀卡”網(wǎng)頁　46
1．6　習題　49
第2章　添加高級頁面元素　50
2．1　添加多媒體　51
2．1．1　多媒體添加和編輯方法　51
2．1．2　典型實例——設計“視覺在線影院”網(wǎng)頁　57
2．2　添加超鏈接　58
2．2．1　超鏈接添加和編輯方法　59
2．2．2　典型實例——設計“乖寶寶兒童樂園”網(wǎng)站　72
2．3　習題　75
第3章　應用表格、站點和IFrame　76
3．1　應用表格排版網(wǎng)頁　77
3．1．1　表格的基本操作方法　77
3．1．2　典型實例——設計“綠色行動”網(wǎng)頁　85
3．2　應用表格布局網(wǎng)頁　89
3．2．1　表格布局的操作方法　89
3．2．2　典型實例——設計“全意房產(chǎn)”網(wǎng)頁　95
3．3　應用站點　104
3．3．1　Dreamweaver站點文件夾　104
3．3．2　使用Dreamweaver創(chuàng)建站點　105
3．4　應用IFrame　107
3．4．1　IFrame簡介　107
3．4．2　應用IFrame框架創(chuàng)建網(wǎng)頁　108
3．5　習題　111
第4章　應用Div和CSS　112
4．1　應用Div　113
4．1．1　Div的基本概念和操作　113
4．1．2　典型實例——設計“搜索網(wǎng)”　123
4．2　應用CSS　128
4．2．1　CSS基礎知識　128
4．2．2　應用CSS表美化網(wǎng)頁　131
4．2．3　典型實例——設計“登錄首頁”網(wǎng)頁　139
4．3　習題　145
第5章　應用表單和行為　146
5．1　創(chuàng)建表單　147
5．1．1　創(chuàng)建表單的操作方法　147
5．1．2　典型實例——設計“平民社區(qū)”網(wǎng)頁　156
5．2　驗證表單　160
5．2．1　驗證表單的操作方法　160
5．2．2　典型實例——設計“平民社區(qū)02”
網(wǎng)頁　163
5．3　應用Dreamweaver CC內(nèi)置行為　164
5．3．1　認識行為的基本概念　164
5．3．2　典型案例——設計“知天下信息網(wǎng)”　166
5．4　習題　175
第6章　應用HTML5和CSS3　176
6．1　應用HTML5　177
6．1．1　HTML5的新元素　177
6．1．2　應用HTML5元素創(chuàng)建網(wǎng)頁　178
6．2　應用CSS3　184
6．2．1　CSS3的簡介　184
6．2．2　應用CSS3美化網(wǎng)頁　186
6．2．3　典型實例——設計“成長記錄”網(wǎng)頁　190
6．3　習題　195
第7章　使用Flash CC制作素材　196
7．1　動畫制作基礎　197
7．1．1　了解圖像基本知識　197
7．1．2　Flash CC操作基礎　198
7．1．3　范例解析——制作“旋轉(zhuǎn)文字效果”　200
7．2　繪制素材　204
7．2．1　繪圖工具簡介　204
7．2．2　范例解析——繪制“真實楓葉效果”　205
7．3　導入圖片和音頻　214
7．3．1　導入圖片和聲音的方法　214
7．3．2　范例解析——制作“戶外廣告”　216
7．4　導入視頻與打開外部庫　225
7．4．1　功能講解——導入視頻的方法　225
7．4．2　范例解析——制作“動態(tài)影集”　227
7．5　習題　232
第8章　制作逐幀動畫　233
8．1　掌握逐幀動畫制作原理　234
8．1．1　功能講解——認識逐幀動畫原理　234
8．1．2　范例解析1——制作“動態(tài)QQ表情”　235
8．1．3　范例解析2——制作“野外篝火”　237
8．2　使用元件和庫　243
8．2．1　功能講解——認識元件和庫　243
8．2．2　范例解析1——制作“浪漫出游”　244
8．2．3　范例解析2——手繪“神秘舞者”　248
8．3　習題　252
第9章　制作補間動畫　253
9．1　制作補間形狀動畫　254
9．1．1　功能講解——補間形狀動畫原理　254
9．1．2　范例解析——制作“Logo
設計”　255
9．2　制作形狀提示動畫　259
9．2．1　功能講解——形狀提示點原理　259
9．2．2　范例解析——制作“動物大變身”　259
9．3　制作傳統(tǒng)補間動畫　262
9．3．1　功能講解——傳統(tǒng)補間動畫原理　262
9．3．2　范例解析——制作“慶祝生日快樂”　263
9．4　制作補間動畫　266
9．4．1　功能講解——補間動畫原理　267
9．4．2　范例解析——制作“我的魔獸相冊”　267
9．5　習題　276
第10章　制作圖層動畫　277
10．1　制作引導層動畫　278
10．1．1　引導層動畫原理　278
10．1．2　范例解析——制作“巧克力情緣”　279
10．2　制作多層引導動畫　281
10．2．1　多層引導動畫原理　282
10．2．2　范例解析——制作“魚戲荷間”　282
10．3　掌握遮罩層動畫制作原理　288
10．3．1　遮罩層動畫原理　288
10．3．2　范例解析——制作“精美云彩文字效果”　289
10．4　制作多層遮罩動畫　292
10．4．1　多層遮罩動畫原理　293
10．4．2　范例解析——制作“星球旋轉(zhuǎn)效果”　293
10．5　習題　299
第11章　圖像編輯與摳圖　300
11．1　Photoshop CC界面窗口　301
11．1．1　Photoshop CC界面窗口布局　301
11．1．2　工具欄　302
11．1．3　控制面板的顯示與隱藏　303
11．2　新建、打開與存儲文件　304
11．2．1　新建文件　304
11．2．2　打開文件　304
11．2．3　存儲文件　305
11．3　圖像顯示控制　306
11．3．1　【縮放】工具　306
11．3．2　【抓手】工具　306
11．3．3　屏幕顯示模式　307
11．4　圖像尺寸與圖像文件大小　307
11．4．1　圖像尺寸　307
11．4．2　圖像文件大小　307
11．4．3　查看圖像文件大小　308
11．4．4　調(diào)整圖像文件大小　308
11．4．5　調(diào)整畫布大小　309
11．5　圖像裁剪　310
11．5．1　按照構圖裁剪照片　310
11．5．2　旋轉(zhuǎn)裁剪傾斜的照片　312
11．5．3　度量矯正傾斜的照片　312
11．5．4　統(tǒng)一尺寸的照片裁剪　314
11．6　圖像摳圖　315
11．6．1　認識選區(qū)　315
11．6．2　利用【套索】工具摳圖　315
11．6．3　利用【魔棒】工具摳圖　316
11．6．4　利用【魔術橡皮擦】工具摳圖　318
11．6．5　利用【路徑】工具摳圖　320
11．7　圖像移動與復制　326
11．7．1　在當前文件中移動圖像　326
11．7．2　在兩個文件之間移動復制圖像　327
11．7．3　利用【移動】工具復制圖像　328
11．8　圖像變換、對齊與分布　330
11．9　習題　333
第12章　圖像調(diào)整與合成　334
12．1　圖像色彩調(diào)整　335
12．1．1　【色階】命令　335
12．1．2　【曲線】命令　335
12．1．3　【色彩平衡】命令　336
12．1．4　【亮度/對比度】命令　336
12．1．5　【色相/飽和度】命令　337
12．1．6　【照片濾鏡】命令　337
12．2　圖像修飾　337
12．2．1　圖章工具　338
12．2．2　修復工具　338
12．3　圖層　340
12．3．1　圖層概念　340
12．3．2　圖層面板　341
12．3．3　圖層類型　342
12．3．4　圖層操作　343
12．4　圖層樣式　345
12．4．1　圖層樣式　345
12．4．2　制作網(wǎng)頁按鈕　347
12．5　圖像合成　350
12．5．1　利用蒙版合成圖像　350
12．5．2　無縫拼接全景風景畫　352
12．5．3　利用圖層制作線紋效果　353
12．6　習題　355
第13章　網(wǎng)站美工設計及后臺修改　356
13．1　網(wǎng)站主頁版面設計　357
13．1．1　設計主圖像　357
13．1．2　設計網(wǎng)站背景　360
13．1．3　設計頁眉　362
13．1．4　編排主要內(nèi)容　363
13．1．5　設計按鈕及頁腳　367
13．2　圖像切片　371
13．2．1　切片的類型　372
13．2．2　創(chuàng)建切片　372
13．2．3　編輯切片　374
13．3　存儲網(wǎng)頁圖片　375
13．3．1　存儲為JPG格式圖片　375
13．3．2　存儲為GIF格式圖片　376
13．3．3　優(yōu)化存儲網(wǎng)頁圖片　377
13．4　習題　379