Flash ActionScript 3.0全站互動設計

內(nèi)容概要

　　《Flash ActionScript 3.0全站互動設計》從ActionScript
3.0的基礎語法入手，以當下Flash網(wǎng)站常見功能模塊和互動元素為重點，講解ActionScript
3.0在互動網(wǎng)站中的應用，包括音樂播放器、視頻播放器、下拉菜單、滾動條、圖片輪動、網(wǎng)頁相冊、浮動導航、XML折疊菜單、數(shù)據(jù)篩選器、新聞顯示器、RSS閱讀器和3D旋轉(zhuǎn)Logo等，并精選兩個完整網(wǎng)站，剖析全站互動設計細節(jié)，讓讀者從新手成為網(wǎng)站互動設計高手。　　《Flash
ActionScript 3.0全站互動設計》配套光盤收錄ActionScript
3.0完全實用視頻手冊，彌補本書篇幅所限，全面講解了ActionScript
3.0應用的方法與技巧，更收錄了本書所有案例的制作過程教學視頻，幫助讀者更好地理解和掌握關(guān)鍵技術(shù)。

書籍目錄

第一部分　ActionScript編程篇
第1章　Flash網(wǎng)站建設概覽　
1.1　Flash網(wǎng)站設計趨勢　
1.1.1　挑戰(zhàn)傳統(tǒng)的Flash技術(shù)應用　
1.1.2　Flash網(wǎng)站的優(yōu)勢和劣勢　
1.1.3　技術(shù)更新帶給設計師的更高要求　
1.2　Flash網(wǎng)站設計師的學習之路　
1.2.1　程序或動畫：Flash網(wǎng)站設計師的選擇　
1.2.2　如何成為優(yōu)秀的Flash網(wǎng)站設計師　
第2章　ActionScript 3.0編程基礎　
2.1　ActionScript 3.0入門　
2.1.1　ActionScript 3.0工作環(huán)境　
2.1.2　進入ActionScript 3.0的鑰匙：trace　
2.1.3　添加代碼注釋　
2.1.4　定義不同類型的變量(Var)　
2.1.5　數(shù)據(jù)類型與運算符　
2.1.6　Flash中的條件語句　
2.1.7　Flash中的循環(huán)語句　
2.1.8　數(shù)組及其操作(Array)　
2.1.9　日期和時間(Date)　
2.2　ActionScript 3.0編程進階　
2.2.1　MovieClip的屬性控制　
2.2.2　ActionScript 3.0的新生事物：Sprite　
2.2.3　動態(tài)添加對象(addChild())　
2.2.4　元件的深度控制(addChild At())　
2.2.5　動態(tài)刪除對象(removeChild()和removeChildAt())　
2.2.6　獲取對象(getChildAt ()和getChildByName())　
2.2.7　改變對象的顯示容器　
2.2.8　定義與調(diào)用函數(shù)(function)　
2.2.9　設置函數(shù)的參數(shù)及返回值　
2.2.10　搞懂函數(shù)的變量作用域　
2.2.11　添加和移除對象的響應事件(addEventListener()和removeEventListener())　
2.2.12　使用事件偵聽器響應鍵盤事件　
2.3　Flash ActionScript 3.0面向?qū)ο缶幊獭?br />2.3.1　什么是面向?qū)ο缶幊獭?br />2.3.2　創(chuàng)建對象(Class)　
2.3.3　添加對象的屬性和方法　
2.3.4　訪問和控制類中的屬性和方法(Static)　
2.3.5　理解繼承與導入　
2.3.6　添加事件偵聽　
2.3.7　創(chuàng)建接口(interface)　
2.4　使用ActionScript 3.0組件　
2.4.1　ActionScript 3.0組件簡介　
2.4.2　使用UI組件　
2.4.3　自定義UI組件外觀　
2.5　經(jīng)驗談　
2.5.1　不要懼怕代碼　
2.5.2　養(yǎng)成良好的代碼書寫習慣　
第3章　ActionScript 3.0動畫　
3.1　創(chuàng)建ActionScript 3.0動畫　
3.1.1　使用幀循環(huán)創(chuàng)建動畫　
3.1.2　使用EnterFrame事件創(chuàng)建動畫　
3.1.3　使用Timer類創(chuàng)建動畫　
3.1.4　設置動畫的加速、減速、緩動和彈性　
3.1.5　設置動畫的曲線運動　
3.2　ActionScript 3.0 Tween類動畫　
3.2.1　創(chuàng)建簡單的Tween類動畫　
3.2.2　設置Tween類動畫的緩動效果　
3.2.3　控制Tween類動畫的播放　
3.2.4　ActionScript 3.0特殊動畫效果　
3.3　ActionScript 3.0 XML動畫　
3.3.1　使用ActionScript 3.0 XML動畫　
3.3.2　創(chuàng)建自定義動畫類　
3.4　優(yōu)秀的第三方動畫類　
3.4.1　TweenLite：輕量級的動畫引擎　
3.4.2　GoASAP：經(jīng)典的第三方動畫插件　
第4章　ActionScript 3.0與XML的結(jié)合應用　
4.1　理解XML　
4.1.1　為什么要使用XML　
4.1.2　理解XML結(jié)構(gòu)　
4.2　在Flash中創(chuàng)建XML　
4.2.1　E4X：新的XML處理方法　
4.2.2　動態(tài)添加XML元素與屬性　
4.2.3　修改和刪除XML中的元素　
4.2.4　讀取XML中的元素內(nèi)容　
4.3　加載外部XML數(shù)據(jù)　
4.3.1　加載外部XML文件　
4.3.2　使用XMLList類解析XML對象的內(nèi)容　
4.3.3　查詢和匹配XML中的元素　
4.3.4　遍歷XML結(jié)構(gòu)　
4.3.5　使用命名空間避免沖突　
第5章　Flash文件加載與數(shù)據(jù)交互　
5.1　Flash加載外部文件　
5.1.1　加載外部圖片　
5.1.2　在加載過程中添加事件偵聽　
5.1.3　跨域加載文件　
5.2　ActionScript 3.0數(shù)據(jù)交互　
5.2.1　加載文本文件　
5.2.2　加載服務器端腳本　
5.2.3　向服務器端腳本發(fā)送數(shù)據(jù)　
5.2.4　應用Web Service　
5.2.5　上傳文件　
第6章　Flash與其他軟件的結(jié)合　
6.1　Flash與Photoshop的結(jié)合應用　
6.1.1　在Photoshop中為兼容性而考慮的設計細節(jié)　
6.1.2　在Flash中導入PSD文件　
6.1.3　PSD文件中特殊元素的導入　
6.2　Flash與AfterEffects的結(jié)合應用　
6.2.1　AfterEffects介紹　
6.2.2　制作Flash中常見的AfterEffects光芒效果　
6.2.3　在Flash中導入AfterEffects動畫　
6.2.4　SWF文件的優(yōu)化　
6.3　Flash與Maya的結(jié)合應用　
6.3.1　Maya介紹　
6.3.2　制作Flash中常見的Maya動態(tài)火焰效果　
6.3.3　在Flash中導入Maya動畫　
6.4　其他相關(guān)軟件　
6.4.1　文字特效軟件SwishMax1　
6.4.2　媒體格式轉(zhuǎn)換軟件Total Video Converter　
6.4.3　Flash加密工具SWF Encrypt　
6.4.4　Flash破解工具ActionScript Viewer　
第二部分　互動元素設計篇
第7章　Flash音樂播放器制作　
7.1　制作思路　
7.1.1　ActionScript 3.0音樂播放　
7.1.2　素材準備　
7.2　制作過程　
7.2.1　音樂的加載　
7.2.2　音樂下載進度控制　
7.2.3　MP3文件的ID3屬性的設置　
7.2.4　音樂的播放和停止　
7.2.5　音樂的播放進度　
7.2.6　音樂播放結(jié)束事件　
7.2.7　音樂進度跳轉(zhuǎn)　
7.2.8　音樂的上一首和下一首播放　
7.2.9　音樂的音量控制　
7.2.10　音樂的左右聲道控制　
7.2.11　音樂波形圖的繪制　
第8章　Flash視頻播放器制作　
8.1　制作思路　
8.1.1　FLV視頻簡介　
8.1.2　ActionScript 3.0視頻播放　
8.1.3　FLV服務器配置　
8.2　使用FLVPlayback組件制作視頻播放器　
8.2.1　FLVPlayback組件介紹　
8.2.2　FLVPlayback組件代碼控制　
8.2.3　FLVPlayback組件自定義皮膚　
8.2.4　FLVPlaybackCaptionin組件設置字幕　
8.3　自制FLV視頻播放器　
8.3.1　視頻的播放　
8.3.2　為視頻添加控制按鈕　
8.3.3　顯示視頻下載和播放進度　
第9章　Flash下拉菜單制作　
9.1　制作思路　
9.1.1　下拉菜單基本原理　
9.1.2　素材準備　
9.2　制作Flash下拉菜單　
9.2.1　XML數(shù)據(jù)的載入　
9.2.2　下拉菜單選擇框的制作　
9.2.3　下拉菜單列表元件的制作　
9.2.4　下拉菜單列表的生成　
9.2.5　下拉菜單的鼠標事件響應　
9.3　舉一反三　
9.3.1　使用Flash UI組件制作下拉菜單　
9.3.2　經(jīng)典效果1：縣浮菜單　
9.3.3　經(jīng)典效果2：旋轉(zhuǎn)下拉菜單　
第10章　Flash滾動條制作　
10.1　制作思路　
10.1.1　Flash滾動條基本原理　
10.1.2　素材準備　
10.2　制作Flash滾動條　
10.2.1　滾動條元件的制作　
10.2.2　滾動條的XML數(shù)據(jù)載入　
10.2.3　滾動條的顯示內(nèi)容初始化　
10.2.4　滾動條的鼠標事件響應　
10.2.5　鼠標滾輪的鼠標事件響應　
10.3　舉一反三　
10.3.1　經(jīng)典效果1：橫向滾動條　
10.3.2　經(jīng)典效果2：模糊緩動效果滾動條　
第11章　Flash圖片輪動　
11.1　制作思路　
11.1.1　Flash圖片輪動基本原理　
11.1.2　素材準備　
11.2　制作Flash圖片輪動　
11.2.1　元件的制作　
11.2.2　XML數(shù)據(jù)載入　
11.2.3　圖片序列的生成　
11.2.4　圖片輪動的制作　
11.3　舉一反三　
11.3.1　經(jīng)典效果1：立體空間圖片輪動　
11.3.2　經(jīng)典效果2：特殊切換效果圖片輪動　
第12章　Flash網(wǎng)頁相冊　
12.1　制作思路　
12.1.1　Flash網(wǎng)頁相冊基本原理　
12.1.2　素材準備　
12.2　制作Flash網(wǎng)頁相冊　
12.2.1　元件的制作　
12.2.2　XML數(shù)據(jù)載入及縮略圖列表的生成　
12.2.3　原圖的顯示　
12.2.4　縮略圖的瀏覽與圖片的切換　
12.3　舉一反三　
12.3.1　經(jīng)典效果1：平鋪式相冊　
12.3.2　經(jīng)典效果2：背景縮放相冊　
第13章　Flash浮動導航　
13.1　制作思路　
13.1.1　Flash浮動導航基本原理　
13.1.2　素材準備　
13.2　制作Flash浮動導航　
13.2.1　元件的制作　
13.2.2　縮略圖列表的鼠標事件響應　
13.2.3　浮動效果制作　
13.3　舉一反三　
13.3.1　經(jīng)典效果1：圖片縱向浮動瀏覽　
13.3.2　經(jīng)典效果2：鼠標跟隨標簽　
第14章　Flash XML折疊菜單　
14.1　制作思路　
14.1.1　Flash XML折疊菜單基本原理　
14.1.2　素材準備　
14.2　制作Flash XML折疊菜單　
14.2.1　元件的制作　
14.2.2　XML數(shù)據(jù)載入　
14.2.3　折疊菜單的生成　
14.2.4　折疊效果的制作　
14.3　舉一反三　
14.3.1　經(jīng)典效果1：動態(tài)折疊菜單　
14.3.2　經(jīng)典效果2：三級折疊菜單　
第15章　Flash數(shù)據(jù)篩選器　
15.1　制作思路　
15.1.1　Flash數(shù)據(jù)篩選器基本原理　
15.1.2　素材準備　
15.2　制作Flash數(shù)據(jù)篩選器　
15.2.1　元件的制作　
15.2.2　XML數(shù)據(jù)載入　
15.2.3　數(shù)據(jù)篩選器菜單的生成　
15.2.4　數(shù)組的操作　
15.2.5　篩選產(chǎn)品的顯示　
15.3　舉一反三　
15.3.1　從數(shù)組中刪除重復的數(shù)據(jù)項　
15.3.2　隨機數(shù)組　
第16章　Flash新聞顯示器　
16.1　制作思路　
16.1.1　Flash新聞顯示器基本原理　
16.1.2　素材準備　
16.2　制作Flash新聞顯示器　
16.2.1　元件的制作　
16.2.2　XML數(shù)據(jù)載入　
16.2.3　數(shù)字菜單導航的生成　
16.2.4　新聞的顯示　
16.3　舉一反三　
16.3.1　經(jīng)典效果1：新聞顯示的打字效果　
16.3.2　經(jīng)典效果2：文字爬行效果　
第17章　Flash RSS閱讀器　
17.1　制作思路　
17.1.1　了解RSS　
17.1.2　RSS閱讀器制作思路與素材準備　
17.2　制作Flash RSS閱讀器　
17.2.1　元件的制作　
17.2.2　RSS數(shù)據(jù)的載入和顯示　
17.3　舉一反三　
17.3.1　經(jīng)典效果1：RSS閱讀選擇器　
17.3.2　經(jīng)典效果2：Flickr RSS照片展示　
第18章　3D旋轉(zhuǎn)Logo制作　
18.1　制作思路　
18.1.1　Flash與三維　
18.1.2　PV3D　
18.2　制作3D旋轉(zhuǎn)Logo　
18.2.1　PV3D的下載　
18.2.2　PV3D文件的使用　
18.2.3　元件的制作　
18.2.4　PV3D的使用　
18.3　其他經(jīng)典3D引擎　
18.3.1　Flare3D　
18.3.2　Alternativa3D　
18.3.3　Away 3D　
18.3.4　Sandy　
第三部分　Flash全站設計篇
第19章　Flash時尚網(wǎng)站設計　
19.1　制作思路　
19.1.1　Flash時尚網(wǎng)站展示　
19.1.2　網(wǎng)站設計基本原理　
19.1.3　素材準備　
19.2　制作Flash時尚網(wǎng)站的Loading　
19.2.1　Shell文件的制作　
19.2.2　網(wǎng)站的包路徑　
19.2.3　Loading的制作　
19.3　網(wǎng)頁元素的預排布　
19.3.1　背景的制作　
19.3.2　網(wǎng)站內(nèi)容的排布　
19.3.3　網(wǎng)站菜單的制作　
19.3.4　網(wǎng)站內(nèi)容的位置點的制作　
19.3.5　網(wǎng)站菜單的位置點的制作　
19.4　網(wǎng)站代碼開發(fā)　
19.4.1　Main類的創(chuàng)建　
19.4.2　背景顏色的切換　
19.4.3　Slider類的制作　
19.4.4　網(wǎng)站的發(fā)布　
第20章　Flash產(chǎn)品網(wǎng)站設計　
20.1　制作思路　
20.1.1　Flash產(chǎn)品網(wǎng)站展示　
20.1.2　網(wǎng)站制作規(guī)劃　
20.2　網(wǎng)站的Loading制作　
20.2.1　Shell文件的制作　
20.2.2　Loading代碼的制作　
20.3　網(wǎng)站主體框架的制作　
20.3.1　主文件的開場制作　
20.3.2　菜單的制作　
20.3.3　欄目內(nèi)容的加載　
20.4　網(wǎng)站新聞欄目的制作　
20.4.1　網(wǎng)站新聞欄目文件創(chuàng)建　
20.4.2　制作滾動條　
20.4.3　制作XML讀取　
20.5　網(wǎng)站產(chǎn)品欄目的制作　
20.5.1　產(chǎn)品欄目展示　
20.5.2　產(chǎn)品欄目元件制作　
20.5.3　產(chǎn)品欄目代碼創(chuàng)建　
附錄　Flash網(wǎng)站制作小結(jié)　
F1　Flash優(yōu)化和測試　
F1.1　Flash優(yōu)化　
F1.2　Flash測試　
F2　網(wǎng)站建設實戰(zhàn)經(jīng)驗總結(jié)　
F2.1　有用的資源　
F2.2　經(jīng)驗總結(jié)　

章節(jié)摘錄

版權(quán)頁：   插圖：    10.1制作思路 在任何一種帶有特定功能的組件背后，都有一些最簡單的工作原理。Flash滾動條也不例外。只要掌握了其工作原理，制作就將變得易如反掌。 10.1.1 Flash 滾動條基本原理 滾動條的使用頻率很高，其功能已經(jīng)無需解釋。我們需要了解的是滾動條工作的數(shù)學原理。在此，我們將滾動條分為兩個區(qū)域：一個是顯示區(qū)域，這是滾動條中具體內(nèi)容顯示的地方，在顯示區(qū)域中所顯示的內(nèi)容被稱為滾動內(nèi)容；另外一個區(qū)域是滑塊區(qū)域，在滑塊區(qū)域中含有滑塊，也可能包含滑塊軌道等元件，它的主要功能是用來控制內(nèi)容的滾動。 我們以縱向滾動條為例，在滾動條中，用戶拖曳滑塊，滑塊將在滑塊區(qū)域內(nèi)移動，而不會超出該區(qū)域。當滑塊被移動到區(qū)域頂部時，顯示區(qū)域中將顯示滾動內(nèi)容的頂部；當滑塊被移動到區(qū)域底部時，顯示區(qū)域中將顯示滾動內(nèi)容的底部。 那么，滑塊從最頂部滑動到最底部，它總共能夠移動的距離是多少呢？有人可能會認為該距離等于滑塊區(qū)域的高度。其實這是錯誤的，只要稍加計算，我們可以認識到該距離應該等于滑塊區(qū)域的高度減去滑塊的高度。 而同樣的問題，當顯示區(qū)域中的滾動內(nèi)容從最頂部滑動到最底部時，滾動內(nèi)容移動了多少距離呢？我們知道，滾動內(nèi)容向上滾動的極限是當滾動內(nèi)容的底部剛好顯示在顯示區(qū)域時。如果以顯示區(qū)域的左上角作為原點，此時滾動內(nèi)容的Y位置應該等于顯示區(qū)域的高度減去滾動內(nèi)容的高度。因此，反之我們可以得到，滾動內(nèi)容移動的距離應該等于滾動內(nèi)容的高度減去顯示區(qū)域的高度。 通過以上兩個問題，我們可以得知，如果滑塊區(qū)域的高度減去滑塊的高度表示為heightA，滾動內(nèi)容的高度減去顯示區(qū)域的高度表示為heightB的話，那么當滑塊在heightA的范圍內(nèi)移動時，滾動內(nèi)容將在heightB的范圍內(nèi)移動。也就是說，滑塊的移動與滾動內(nèi)容的移動存在著一定的比例，這個比例就等于heightA除以heightB。另外由于滾動內(nèi)容的移動方向與滑塊的移動方向相反，當滑塊向下移動時，滾動內(nèi)容將向上移動，因此實際上兩者的移動比例等于heightA除以heightB再乘以一個—1。

編輯推薦

《Flash ActionScript 3.0全站互動設計》配套光盤收錄ActionScript3.0完全實用視頻手冊，彌補《Flash ActionScript 3.0全站互動設計》篇幅所限，全面講解了ActionScript3.0應用的方法與技巧，更收錄了《Flash ActionScript 3.0全站互動設計》所有案例的制作過程教學視頻，幫助讀者更好地理解和掌握關(guān)鍵技術(shù)。

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    Flash ActionScript 3.0全站互動設計 PDF格式下載

---