巧學巧用ImageReady GoLive LiveMotion制作網(wǎng)頁

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

第二章　ImageReady——網(wǎng)絡圖像全準備　29
2.1　ImageReady快速入門　29
2.1.1　ImageReady簡介　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　實例介紹　58
2.4　文字處理　61
2.4.1　輸入文字　61
2.4.2　文字處理　63
2.4.3　設置文字屬性　64
2.5　圖像特效　65
2.5.1　圖層效果的應用　65
2.5.2　圖像風格的應用　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　實例介紹　90
2.8　GIF動畫制作　92
2.8.1　GIF動畫的簡介　92
2.8.2　動畫面板的使用　93
2.8.3　GIF動畫的制作　96
2.8.4　動畫的播放　98
2.8.5　實例介紹　99
2.9　自動化處理　102
2.9.1　自動化處理簡介　102
2.9.2　動作面板　103
2.9.3　動作的基本操作　104
2.9.4　對圖像進行批處理　106
2.9.5　實例介紹　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)化圖像的預覽與輸出　115
2.11　網(wǎng)頁切圖　116
2.11.1　切圖的概念　116
2.11.2　切圖的創(chuàng)建　117
2.11.3　切圖的編輯　120
2.11.4　切圖的參數(shù)設置　124

第三章　GoLive——網(wǎng)頁的生動展現(xiàn)　125
3.1　GoLive簡介　125
3.1.1　GoLive簡介　125
3.1.2　GoLive的安裝與配置　126
3.1.3　GoLive界面介紹　130
3.2　頁面設置　133
3.2.1　創(chuàng)建一個新網(wǎng)頁　133
3.2.2　設置網(wǎng)頁屬性　134
3.3　使用文本與圖像　137
3.3.1　添加文本　137
3.3.2　文本的編輯　139
3.3.3　列表的使用　141
3.3.4　圖像的設置　143
3.4　使用超級鏈接　144
3.4.1　超級鏈接的概念　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)頁中的應用　148
3.6　使用表單　149
3.6.1　創(chuàng)建表單　149
3.6.2　遞交表單設置　150
3.6.3　添加表單元素　151
3.7　制作網(wǎng)頁框架　153
3.7.1　網(wǎng)頁框架的概念　153
3.7.2　制作網(wǎng)頁框架　155
3.7.3　網(wǎng)頁框架的鏈接設置　156
3.8　使用CSS　157
3.8.1　關于CSS　157
3.8.2　CSS的創(chuàng)建　159
3.8.3　編輯CSS　162
3.8.4　應用CSS　169
3.9　動態(tài)HTML　170
3.9.1　關于動態(tài)HTML　170
3.9.2　動態(tài)HTML的創(chuàng)建　170
3.9.3　使用浮動框　177
3.10　使用動作　179
3.10.1　動作概述　179
3.10.2　建立各種動作　181
3.11　制作網(wǎng)頁動畫　190
3.11.1　網(wǎng)頁動畫簡介　190
3.11.2　讓網(wǎng)頁動起來　191
3.12　使用QuickTime視頻　199
3.12.1　QuickTime視頻的特點　199
3.12.2　插入并編輯QuickTime Plug-Ins　199
3.12.3　打開并編輯QuickTime Movie　201
3.13　建立網(wǎng)站　206
3.13.1　使用站點窗口及工具　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　使用文件檢查器管理對象　214
3.14.4　管理網(wǎng)站　216

第四章　LiveMotion——Flash“殺手”　221
4.1　LiveMotion簡介　221
4.1.1　LiveMotion簡介　221
4.1.2　LiveMotion的安裝與配置　222
4.1.3　LiveMotion界面介紹　225
4.1.4　LiveMotion快速入門　226
4.2　工具介紹　228
4.2.1　點選工具(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　對象處理　239
4.3.1　關于對象　239
4.3.2　圖形、文本對象的處理　240
4.3.3　圖像對象的處理　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　樣式與庫　266
4.5.1　樣式的概念　266
4.5.2　樣式模板　267
4.5.3　應用樣式　269
4.5.4　添加自定義樣式　272
4.5.5　庫和庫面板　273
4.5.6　使用庫對象　274
4.5.7　添加和刪除對象　275
4.6　動畫制作　276
4.6.1　基本概念　276
4.6.2　時間線的建立　277
4.6.3　時間線的層次　277
4.6.4　動畫的播放控制　282
4.6.5　時間線中的幀　283
4.6.6　制作動畫　287
4.7　交互按鈕　294
4.7.1　基本概念　294
4.7.2　制作交互按鈕　297
4.7.3　高級按鈕的制作　301
4.8　行為的使用　305
4.8.1　為按鈕添加行為　305
4.8.2　在時間線上添加行為　309
4.8.3　實例制作　311
4.9　聲音的使用　312
4.9.1　動畫中聲音的使用　313
4.9.2　上滾特效中聲音的使用　314
4.9.3　擴展聲音庫　315
4.10　作品的輸出　316
4.10.1　關于LiveMotion的輸出　316
4.10.2　輸出面板的使用　317
4.10.3　作品和對象的輸出　319
4.10.4　作品的切割　320
4.10.5　HTML代碼的替換與插入　321
第
五章　綜合應用——制作專業(yè)網(wǎng)站　323
5.1　網(wǎng)站的規(guī)劃　323
5.1.1　網(wǎng)站的內(nèi)容規(guī)劃　323
5.1.2　網(wǎng)站的設計規(guī)劃　324
5.1.3　素材的準備　325
5.2　制作網(wǎng)站的Logo和Banner　325
5.2.1　網(wǎng)站的標志(Logo)　325
5.2.2　設計網(wǎng)站的Banner　326
5.2.3　網(wǎng)站首頁設計　327
5.2.4　使用LiveMotion的HTML代碼　328
5.3　建立站點　328
5.3.1　建立站點　328
5.3.2　組織站點結(jié)構(gòu)　330
5.3.3　制作導航欄　331
5.4　利用ImageReady切圖　337
5.4.1　切圖的注意事項　337
5.4.2　給網(wǎng)頁切圖　337
5.5　在GoLive中排版　340
5.5.1　規(guī)劃目錄結(jié)構(gòu)　340
5.5.2　使用GoLive對網(wǎng)頁進行編輯　344
5.6　制作次級頁面　349
5.6.1　次級頁面的建立　349
5.6.2　把次級頁面轉(zhuǎn)化為頁面　352
5.7　制作內(nèi)容頁面　352
5.7.1　內(nèi)容頁面的設計　352
5.7.2　把內(nèi)容頁面轉(zhuǎn)化為頁面　354
5.8　網(wǎng)站的發(fā)布　355
5.8.1　檢查錯誤　355
5.8.2　發(fā)布網(wǎng)站　361