巧學(xué)巧用ImageReady GoLive LiveMotion制作網(wǎng)頁(yè)

第一章　網(wǎng)頁(yè)制作必修課　1
1.1　HTML知識(shí)　1
1.1.1　HTML簡(jiǎn)介　1
1.1.2　標(biāo)簽語(yǔ)法和文檔結(jié)構(gòu)　1
1.1.3　用HTML構(gòu)造一個(gè)網(wǎng)頁(yè)　3
1.1.4　字體與顏色　4
1.1.5　超級(jí)鏈接和URL　5
1.1.6　圖像、聲音、視頻和動(dòng)畫　6
1.1.7　列表結(jié)構(gòu)和預(yù)編排結(jié)構(gòu)　7
1.2　DHTML、CSS、JavaScript、JavaApplet介紹　8
1.2.1　讓網(wǎng)頁(yè)活動(dòng)起來(lái)的DHTML　8
1.2.2　動(dòng)態(tài)網(wǎng)頁(yè)的核心——CSS　8
1.2.3　網(wǎng)頁(yè)上的語(yǔ)言——JavaScript　13
1.2.4　Java在網(wǎng)頁(yè)上的應(yīng)用——JavaApplet　19
1.3　網(wǎng)絡(luò)圖像知識(shí)　19
1.3.1　奇妙的圖像格式——GIF　20
1.3.2　最大限度壓縮位圖圖像——JPEG　20
1.3.3　專為網(wǎng)絡(luò)而制訂的網(wǎng)絡(luò)標(biāo)準(zhǔn)——PNG　21
1.3.4　網(wǎng)絡(luò)圖像新標(biāo)準(zhǔn)——SVG　22
1.4　網(wǎng)絡(luò)多媒體　22
1.4.1　網(wǎng)絡(luò)多媒體的事實(shí)標(biāo)準(zhǔn)——Flash　23
1.4.2　網(wǎng)上聲音　23
1.4.3　網(wǎng)絡(luò)視頻　24
1.5　網(wǎng)站的后臺(tái)知識(shí)　25
1.5.1　CGI、ASP、PHP、JSP介紹　26
1.5.2　計(jì)數(shù)器、留言板、聊天室、論壇介紹　28

第二章　ImageReady——網(wǎng)絡(luò)圖像全準(zhǔn)備　29
2.1　ImageReady快速入門　29
2.1.1　ImageReady簡(jiǎn)介　29
2.1.2　ImageReady的安裝及配置要求　31
2.1.3　ImageReady界面介紹　36
2.2　編輯圖像　39
2.2.1　文件的操作　39
2.2.2　工具箱的使用　41
2.2.3　圖像的編輯　49
2.3　圖層的使用　54
2.3.1　圖層面板的使用　54
2.3.2　圖層的操作　55
2.3.3　實(shí)例介紹　58
2.4　文字處理　61
2.4.1　輸入文字　61
2.4.2　文字處理　63
2.4.3　設(shè)置文字屬性　64
2.5　圖像特效　65
2.5.1　圖層效果的應(yīng)用　65
2.5.2　圖像風(fēng)格的應(yīng)用　71
2.5.3　使用濾鏡特效　73
2.6　翻滾圖像制作　81
2.6.1　翻滾圖像介紹　81
2.6.2　翻滾圖像的創(chuàng)建　83
2.6.3　翻滾圖像的編輯　84
2.7　圖像映射制作　86
2.7.1　圖像映射的概念　86
2.7.2　圖像映射的創(chuàng)建　86
2.7.3　圖像映射的編輯　88
2.7.4　實(shí)例介紹　90
2.8　GIF動(dòng)畫制作　92
2.8.1　GIF動(dòng)畫的簡(jiǎn)介　92
2.8.2　動(dòng)畫面板的使用　93
2.8.3　GIF動(dòng)畫的制作　96
2.8.4　動(dòng)畫的播放　98
2.8.5　實(shí)例介紹　99
2.9　自動(dòng)化處理　102
2.9.1　自動(dòng)化處理簡(jiǎn)介　102
2.9.2　動(dòng)作面板　103
2.9.3　動(dòng)作的基本操作　104
2.9.4　對(duì)圖像進(jìn)行批處理　106
2.9.5　實(shí)例介紹　107
2.10　圖像的優(yōu)化與輸出　108
2.10.1　ImageReady中的圖像優(yōu)化　108
2.10.2　優(yōu)化GIF圖像　110
2.10.3　優(yōu)化JPEG圖像　113
2.10.4　優(yōu)化PNG圖像　115
2.10.5　優(yōu)化圖像的預(yù)覽與輸出　115
2.11　網(wǎng)頁(yè)切圖　116
2.11.1　切圖的概念　116
2.11.2　切圖的創(chuàng)建　117
2.11.3　切圖的編輯　120
2.11.4　切圖的參數(shù)設(shè)置　124

第三章　GoLive——網(wǎng)頁(yè)的生動(dòng)展現(xiàn)　125
3.1　GoLive簡(jiǎn)介　125
3.1.1　GoLive簡(jiǎn)介　125
3.1.2　GoLive的安裝與配置　126
3.1.3　GoLive界面介紹　130
3.2　頁(yè)面設(shè)置　133
3.2.1　創(chuàng)建一個(gè)新網(wǎng)頁(yè)　133
3.2.2　設(shè)置網(wǎng)頁(yè)屬性　134
3.3　使用文本與圖像　137
3.3.1　添加文本　137
3.3.2　文本的編輯　139
3.3.3　列表的使用　141
3.3.4　圖像的設(shè)置　143
3.4　使用超級(jí)鏈接　144
3.4.1　超級(jí)鏈接的概念　144
3.4.2　創(chuàng)建和修改超鏈接　144
3.5　表格的使用　146
3.5.1　表格的創(chuàng)建　146
3.5.2　表格的修改　147
3.5.3　表格在網(wǎng)頁(yè)中的應(yīng)用　148
3.6　使用表單　149
3.6.1　創(chuàng)建表單　149
3.6.2　遞交表單設(shè)置　150
3.6.3　添加表單元素　151
3.7　制作網(wǎng)頁(yè)框架　153
3.7.1　網(wǎng)頁(yè)框架的概念　153
3.7.2　制作網(wǎng)頁(yè)框架　155
3.7.3　網(wǎng)頁(yè)框架的鏈接設(shè)置　156
3.8　使用CSS　157
3.8.1　關(guān)于CSS　157
3.8.2　CSS的創(chuàng)建　159
3.8.3　編輯CSS　162
3.8.4　應(yīng)用CSS　169
3.9　動(dòng)態(tài)HTML　170
3.9.1　關(guān)于動(dòng)態(tài)HTML　170
3.9.2　動(dòng)態(tài)HTML的創(chuàng)建　170
3.9.3　使用浮動(dòng)框　177
3.10　使用動(dòng)作　179
3.10.1　動(dòng)作概述　179
3.10.2　建立各種動(dòng)作　181
3.11　制作網(wǎng)頁(yè)動(dòng)畫　190
3.11.1　網(wǎng)頁(yè)動(dòng)畫簡(jiǎn)介　190
3.11.2　讓網(wǎng)頁(yè)動(dòng)起來(lái)　191
3.12　使用QuickTime視頻　199
3.12.1　QuickTime視頻的特點(diǎn)　199
3.12.2　插入并編輯QuickTime Plug-Ins　199
3.12.3　打開并編輯QuickTime Movie　201
3.13　建立網(wǎng)站　206
3.13.1　使用站點(diǎn)窗口及工具　207
3.13.2　創(chuàng)建新的網(wǎng)站　209
3.14　管理網(wǎng)站　212
3.14.1　管理文件　212
3.14.2　管理URL和E-mail地址　214
3.14.3　使用文件檢查器管理對(duì)象　214
3.14.4　管理網(wǎng)站　216

第四章　LiveMotion——Flash“殺手”　221
4.1　LiveMotion簡(jiǎn)介　221
4.1.1　LiveMotion簡(jiǎn)介　221
4.1.2　LiveMotion的安裝與配置　222
4.1.3　LiveMotion界面介紹　225
4.1.4　LiveMotion快速入門　226
4.2　工具介紹　228
4.2.1　點(diǎn)選工具(Selection Tool)　229
4.2.2　子組件選擇工具(Subgroup Selection Tool)　230
4.2.3　拖選工具(Drag Selection Tool)　230
4.2.4　層偏移工具(Layer Offset Tool)　231
4.2.5　矩形工具(Rectangle Tool)　231
4.2.6　圓角矩形工具(Rounded Rectangle Tool)　232
4.2.7　橢圓工具(Ellipse Tool)　232
4.2.8　多邊形工具(Polygon Tool)　232
4.2.9　鋼筆工具(Pen Tool)　232
4.2.10　鋼筆選擇工具(Pen Selection Tool)　234
4.2.11　文字工具(Type Tool)　235
4.2.12　HTML代碼工具(HTML Text Tool)　236
4.2.13　切割工具(Crop Tool)　237
4.2.14　變形工具(Transform Tool)　237
4.2.15　漆桶工具(Paint Bucket Tool)　237
4.2.16　吸管工具(Eyedropper Tool)　238
4.2.17　手掌工具(Hand Tool)　238
4.2.18　放大鏡(Zoom Tool)　238
4.3　對(duì)象處理　239
4.3.1　關(guān)于對(duì)象　239
4.3.2　圖形、文本對(duì)象的處理　240
4.3.3　圖像對(duì)象的處理　245
4.3.4　濾鏡的使用　247
4.4　圖層的使用　251
4.4.1　圖層的創(chuàng)建和刪除　251
4.4.2　圖層的編輯　253
4.4.3　圖層的效果制作　256
4.4.4　層的3D效果和變形效果　261
4.5　樣式與庫(kù)　266
4.5.1　樣式的概念　266
4.5.2　樣式模板　267
4.5.3　應(yīng)用樣式　269
4.5.4　添加自定義樣式　272
4.5.5　庫(kù)和庫(kù)面板　273
4.5.6　使用庫(kù)對(duì)象　274
4.5.7　添加和刪除對(duì)象　275
4.6　動(dòng)畫制作　276
4.6.1　基本概念　276
4.6.2　時(shí)間線的建立　277
4.6.3　時(shí)間線的層次　277
4.6.4　動(dòng)畫的播放控制　282
4.6.5　時(shí)間線中的幀　283
4.6.6　制作動(dòng)畫　287
4.7　交互按鈕　294
4.7.1　基本概念　294
4.7.2　制作交互按鈕　297
4.7.3　高級(jí)按鈕的制作　301
4.8　行為的使用　305
4.8.1　為按鈕添加行為　305
4.8.2　在時(shí)間線上添加行為　309
4.8.3　實(shí)例制作　311
4.9　聲音的使用　312
4.9.1　動(dòng)畫中聲音的使用　313
4.9.2　上滾特效中聲音的使用　314
4.9.3　擴(kuò)展聲音庫(kù)　315
4.10　作品的輸出　316
4.10.1　關(guān)于LiveMotion的輸出　316
4.10.2　輸出面板的使用　317
4.10.3　作品和對(duì)象的輸出　319
4.10.4　作品的切割　320
4.10.5　HTML代碼的替換與插入　321
第
五章　綜合應(yīng)用——制作專業(yè)網(wǎng)站　323
5.1　網(wǎng)站的規(guī)劃　323
5.1.1　網(wǎng)站的內(nèi)容規(guī)劃　323
5.1.2　網(wǎng)站的設(shè)計(jì)規(guī)劃　324
5.1.3　素材的準(zhǔn)備　325
5.2　制作網(wǎng)站的Logo和Banner　325
5.2.1　網(wǎng)站的標(biāo)志(Logo)　325
5.2.2　設(shè)計(jì)網(wǎng)站的Banner　326
5.2.3　網(wǎng)站首頁(yè)設(shè)計(jì)　327
5.2.4　使用LiveMotion的HTML代碼　328
5.3　建立站點(diǎn)　328
5.3.1　建立站點(diǎn)　328
5.3.2　組織站點(diǎn)結(jié)構(gòu)　330
5.3.3　制作導(dǎo)航欄　331
5.4　利用ImageReady切圖　337
5.4.1　切圖的注意事項(xiàng)　337
5.4.2　給網(wǎng)頁(yè)切圖　337
5.5　在GoLive中排版　340
5.5.1　規(guī)劃目錄結(jié)構(gòu)　340
5.5.2　使用GoLive對(duì)網(wǎng)頁(yè)進(jìn)行編輯　344
5.6　制作次級(jí)頁(yè)面　349
5.6.1　次級(jí)頁(yè)面的建立　349
5.6.2　把次級(jí)頁(yè)面轉(zhuǎn)化為頁(yè)面　352
5.7　制作內(nèi)容頁(yè)面　352
5.7.1　內(nèi)容頁(yè)面的設(shè)計(jì)　352
5.7.2　把內(nèi)容頁(yè)面轉(zhuǎn)化為頁(yè)面　354
5.8　網(wǎng)站的發(fā)布　355
5.8.1　檢查錯(cuò)誤　355
5.8.2　發(fā)布網(wǎng)站　361