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