Fri 20 Jun 2008

Flash單點技術性的東西還滿多人討論的, 不過有一點到比較少見的就是Flash網站到底要怎麼做. 滿重要的一點我覺的是Flash網站的架構…這篇也許不適合剛碰Flash的朋友們, 不過先有個概念多多少少對未來有些幫助. 比較錯誤或古早的做法是把整個網站做在一支.swf裡, 缺點如下:
1. 每一次發布都要等很久
2. .swf檔案超級大, 導致loading過久
3. debug很麻煩
建議的做法

1. Index.html: 負責包Flash(.swf)的HTML頁
2. main.swf: 整個Flash網站的大框架, 裡面東西不多, 幾乎都是程式跟一點底圖
3. AppConfig.xml: main.swf抓的xml, 透過這個檔案, 我們可以做一些基本的設定, 例如單元, 以方便日後我們或客戶可以在不開原始檔(.fla)的情況下新增或刪減單元
4. news.swf: 這可以是任何單元的.swf, 子單元的動畫都放這.
5. news.xml: 另一個.xml檔, 告訴新聞單元有哪些文字要呈現, 還有要去哪裡抓外部的檔案(音樂, 圖檔, 影片等). 把圖檔放在外部的好處是, 新聞頁也許有200張圖, 但是使用者不一定會全部看完, 所以只需要load他們點選的及可.
6. farty.jpg & return.jpg: : 被新聞load近來的圖檔們
簡單的範例(不包含XML的設定)
link
這樣的架構再複雜的網站都可以做, 以上只是針對一個單元的網站. 這種架構的好處是可以讓製作流程方便許多, 可團隊分工, 檔案大小好控制, loading輕(需要的資料才去抓), 程式出問題也可以一個一個單元獨立檢查.
p.s. 一般的Flash網站架構大至是這樣, xml是一個輕便的設定檔, 資料多的網站我們還是會用後台的資料庫來取代, 不過做法大同小異.
June 20th, 2008 at 2:28 pm
補充一下
main.swf的內容
通常會包含整個網站共用的東西。
例如:
(1)LOGO
(2)Audio on/off
(3)Copyright
(4)Main Navigation
(5)Loading動畫
(6)Container(空的MovieClip,用途是來Load News.swf…等各子單元用的)
June 22nd, 2008 at 3:51 pm
想到比較簡單的比喻, 這種做法有點像把MovieClips拿出來放在外面, 而XML是你告訴每一個人(.swf)它要做的事.
June 23rd, 2008 at 6:55 pm
news.swf: 這可以是任何單元的.swf, 子單元的動畫都放這
這個意思就是說網站的menu嗎?
menu裡面ㄉ內容以及頁面都建議個別分開製作的意思嗎?
如果是這樣的話是否在Dreamweaver做處理,那又該如何處理比較好,可以麻煩說明一下嗎?謝謝。
(小弟不才,如果問了蠢問題請見諒)
June 24th, 2008 at 11:56 am
Menu只是按鈕(main.swf裡的MovieClip), menu點下去需要呈現的資料是子單元(news.swf). 比較不建議的做法是點了按鈕, gotoAndPlay(”單元名”);
Dreamweaver是一個編輯軟體, 他可以編輯XML, HTML, CSS等, 不過Flash的內部架構與程式還是必須透過Flash來做.
我在文章最後加了一個簡單的範例連結, 裡面你會發現main.fla裡只有按鈕沒有任何單元, bad.fla則是把所有東西做在一起(不建議). 希望對你有幫助.
June 25th, 2008 at 8:34 pm
学习
June 26th, 2008 at 8:30 am
感謝解答,對於flash的網頁製作有更深一層的認識了,
不然都一直處在bad.fla的做法呢。
July 2nd, 2008 at 2:30 pm
雖然我是初學者,但想了一想都覺得這方法很像很方便。我miss也教過這方法,不過沒有好好地運用,現在我明白原因後果了
July 9th, 2008 at 11:22 pm
謝謝你囉,以後要改正這個方法!
September 4th, 2008 at 1:57 am
我最近也設計了一個自己的創意市集網站,還請歐拔大過目一下,網址如下:www.kulixkuli.idv.tw
December 5th, 2008 at 3:32 am
好像介紹 flash + xml 的書不多,不知道歐拔藍的各位有沒有好的書推荐。
April 7th, 2009 at 3:39 pm
[...] 11. 別考驗使用者等待的耐性 檔案大小一定要小心控制. 之前有寫過2篇教學可供參考: Flash網站架構 , 別讓你的使用者等超過8秒 [...]