巧學巧用ImageReady GoLive LiveMotion制作網頁

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

第二章　ImageReady——網絡圖像全準備　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　網頁切圖　116
2.11.1　切圖的概念　116
2.11.2　切圖的創(chuàng)建　117
2.11.3　切圖的編輯　120
2.11.4　切圖的參數設置　124

第三章　GoLive——網頁的生動展現　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)建一個新網頁　133
3.2.2　設置網頁屬性　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　表格在網頁中的應用　148
3.6　使用表單　149
3.6.1　創(chuàng)建表單　149
3.6.2　遞交表單設置　150
3.6.3　添加表單元素　151
3.7　制作網頁框架　153
3.7.1　網頁框架的概念　153
3.7.2　制作網頁框架　155
3.7.3　網頁框架的鏈接設置　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　制作網頁動畫　190
3.11.1　網頁動畫簡介　190
3.11.2　讓網頁動起來　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　建立網站　206
3.13.1　使用站點窗口及工具　207
3.13.2　創(chuàng)建新的網站　209
3.14　管理網站　212
3.14.1　管理文件　212
3.14.2　管理URL和E-mail地址　214
3.14.3　使用文件檢查器管理對象　214
3.14.4　管理網站　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è)網站　323
5.1　網站的規(guī)劃　323
5.1.1　網站的內容規(guī)劃　323
5.1.2　網站的設計規(guī)劃　324
5.1.3　素材的準備　325
5.2　制作網站的Logo和Banner　325
5.2.1　網站的標志(Logo)　325
5.2.2　設計網站的Banner　326
5.2.3　網站首頁設計　327
5.2.4　使用LiveMotion的HTML代碼　328
5.3　建立站點　328
5.3.1　建立站點　328
5.3.2　組織站點結構　330
5.3.3　制作導航欄　331
5.4　利用ImageReady切圖　337
5.4.1　切圖的注意事項　337
5.4.2　給網頁切圖　337
5.5　在GoLive中排版　340
5.5.1　規(guī)劃目錄結構　340
5.5.2　使用GoLive對網頁進行編輯　344
5.6　制作次級頁面　349
5.6.1　次級頁面的建立　349
5.6.2　把次級頁面轉化為頁面　352
5.7　制作內容頁面　352
5.7.1　內容頁面的設計　352
5.7.2　把內容頁面轉化為頁面　354
5.8　網站的發(fā)布　355
5.8.1　檢查錯誤　355
5.8.2　發(fā)布網站　361