computer 版 (精华区)

发信人: yahooboy (复活鸟), 信区: POPsoft
标  题: Aftershock徹底剖析
发信站: 听涛站 (Sun Oct  8 18:26:30 2000), 转信

Aftershock徹底剖析
運用Aftershock工具簡化整合Shockwave Flash動畫和網頁的流程。
文∕趙英傑
CHD完成HTML
當您完成Shockwave Flash動畫作品之後，最終的步驟就是要把它嵌入網頁。製作網頁最
基本的方法就是用文字處理器，或者網頁編輯工具，不過對於Flash 3的用戶來說，Fla
sh 3的附屬工具程式——Aftershock是最方便也是最省時的網頁工具。只要
幾個簡單的設定，Aftershock就能產生出一個包含您指定的Shockwave Flash動畫的網頁
以及相關的JavaScript程式碼。
Aftershock工具除了可以提升網頁設計師的生產力之外，還包括Java版本的Shockwave 
Flash動畫播放器。以往，要上網觀看Shockwave Flash格式的互動式影片，用戶的瀏覽
器必須要具備Shockwave Flash外掛程式（用於Netscape瀏覽器）或是ActiveX控制元件
（用於IE），雖然這些外掛程式已經內建在新版本的瀏覽器裡面，但是仍有些舊版本瀏
覽器的用戶尚未安裝它。對於這群使用者，您就可以使用Java版本的播放器來播放互動
式動畫。
此外，Aftershock還能替您產生替代Shockwave Flash動畫的GIF圖片，對於那些既沒有
Shockwave Flash外掛程式，也不想下載Java版本的播放器的用戶，它可以在網頁上顯示
動畫的地方，改用GIF圖片或GIF動畫顯示。
接下來，筆者就以Aftershock工具示範整合網頁的方法。
使用Aftershock
圖1是Aftershock工具的操作畫面，畫面的左半邊會列出讀者準備好的Shockwave Flash
動畫檔和HTML檔。右邊則是一些參數設定選項，乍看之下，這些設定選項似乎有一點繁
複，但是在大多數的應用情況之下，讀者只要使用預設的參數就可以了。
圖1：Aftershock的操作畫面
整合Shockwave Flash和網頁的大致步驟如下：
先在Flash軟體裡面執行File | Export指令，把要嵌入網頁的Flash動畫匯出成Shockwa
ve Flash（*.swf）格式。
從AfterShock工具選擇File | Add | Shockwave指令，或同時按下Ctrl 和A鍵（Mac版為
Command和A），秀出「開啟舊檔」對話窗，打開一個Shockwave Flash動畫檔。
自「開啟舊檔」對話窗挑選好要整合到網頁的Shockwave Flash動畫之後，按下「開啟檔
案」鈕。AfterShock軟體左半邊的視窗就會出現剛才開啟的動畫檔名。
選擇File | Add | Shockwave指令匯入您要加入網頁的電影檔。
接下來，您可以逐一設定Aftershock右邊的各項參數，替您的Shockwave Flash量身訂做
一個網頁。例如，在預設的情況下，AfterShock會在網頁上留下一個和電影檔一樣大小
的空間，播放動畫，假如讀者想要改用瀏覽器的百分比來決定電影畫面在網頁上的大小
，就必須切換到"Page Layout"項目，把“Dimensions”項目底下的“
Pixels”，勾選成“Percentage of Browser Window Size”，然後再
變更電影的寬、高比例就行了！
變更電影檔在網頁上的顯示比例。
如果沒有其他需要修改的參數，或者所有的參數都設定完畢後，讀者可選擇File | Sav
e指令儲存網頁。
儲存完畢之後，Aftershock會自行啟動您預設的瀏覽器，開啟剛才完成的網頁。瞧！使
用Aftershock工具幫您產生包含Shockwave Flash動畫的網頁，是不是比其他網頁製作工
具要來得方便許多呢？
用Aftershock整合成的網頁
淺嘗過Aftershock之後，咱們來瞧瞧Aftershock各項設定的詳細說明。
Scripting設定項目
這些選項決定嵌入網頁裡面的Shockwave Flash要用哪一種播放器放映。目前，Shockwa
ve Flash播放器共有外掛程式（Plug-in）、ActiveX控制元件和Java播放程式等形式，
並且讓網頁自動替尚未加裝Shockwave Flash播放程式瀏覽器安裝適合的播放器。詳細的
設定說明如下：
Scheme下拉式選單讓使用者決定Shockwave Flash播放器的類型，它共有底下六種選項。

Default（預設選項）：以Shockwave Flash外掛程式或者ActiveX控制元件播放Flash動
畫，但如果Netscape瀏覽器的上網用戶沒有Shockwave Flash外掛程式，Shockwave Fla
sh未曾安裝IE瀏覽器用戶，網頁將自動幫它安裝Shockwave Flash ActiveX控制元件。
Ad Banner（廣告橫標）：如果瀏覽器沒有安裝Shockwave Flash外掛程式或ActiveX元件
，網頁上的動畫區域將呈現替代的GIF圖片。
User Choice（用戶選擇）：在網頁上顯示連往不同類型的Shockwave Flash播放器的超
連結，讓用戶自行選擇。
Shockwave Only（只用Shockwave播放器）：如果用戶的IE瀏覽器沒有安裝Shockwave F
lash的ActiveX控制元件，瀏覽器會自動安裝播放器；對於未安裝Shockwave Flash外掛
程式的Netscape用戶，瀏覽器會呈現下載外掛程式的對話框，讓用戶到Macromedia的網
站下載播放器。
Use Java（使用Java）：如果用戶的瀏覽器沒有安裝Shockwave Flash 的外掛程式或Ac
tiveX控制元件，它就以Java版本的播放程式來呈現動畫內容（如果想要在網頁上使用J
ava版本的播放器，您必須要在最後面的Java 設定項目裡面指定Java的class程式擋路徑
）。
Custom（自訂）讓您自由組合您要的Media Types（媒體類型）、User Preference（使
用者預設參數）和Installation（安裝）等設定。
Media Types（媒體類型）：這些選項包括使用ActiveX元件∕外掛程式、Java版本的Fl
ash播放器來呈現動畫內容，或者用替代的GIF圖片顯示。
User Preference（使用者預設參數）選項，讓您的網頁使用瀏覽器的Cookie檔來記錄使
用者選擇的媒體類型。勾選此選項之後，您還可以繼續勾選底下的Create Links to Ch
oose Media Type選項，Aftershock工具會自動在網頁上新增一些連結，讓上網用戶選擇
其他的媒體播放類型（如圖2）。
圖2：Create Links to Choose Media Type選項會在網頁上新增一些連結，讓上網用戶
選擇其他的媒體播放類型。
Installation（安裝）選項決定是否要替沒有安裝Shockwave Flash播放器的使用者加裝
外掛程式或ActiveX控制元件，如果要的話，就勾選這些選項。至於Add Smart Shockwa
ve Flash Button選項則可以在網頁上新增一個按鈕（如圖3），讓未安裝外掛程式的用
戶下載外掛程式。
圖3：Add Smart Shockwave Flash Button選項會在網頁上新增一個按鈕，讓未安裝外掛
程式的用戶下載外掛程式。
JavaScript選項讓您的Shockwave Flash動畫能夠送出和接收FSCommand訊息，以便透過
網頁裡的JavaScript或VBScript語言製作更複雜互動電影。
設定Page Layout
這項設定可讓讀者決定電影檔呈現在網頁上的大小和位置。一般而言，顯示在網頁上的
電影畫面大小和原始電影檔的大小相同，不過，您也可以在Width（寬）、Height（高）
欄位輸入其他的數值，或者點選“Percentage of Browser Window Size”選
項，用百分比來指定電影的參數。
設定Page Layout。
中間的Alignment（對齊）選項可讓讀者選擇動畫檔在網頁的左（Left）、右（Right）
、上（Top）或下方（Bottom）的位置。
Hyperlinks（超連結）選項會把電影檔裡面的Get URL動作指令設定的網址，以註解的形
式記錄在HTML文件當中，方便讀者確認按鈕指定的網址。
Text（文字）選項可以自動將動畫檔裡面的文字以註解的形式，記錄在HTML檔裡面，方
便網頁搜尋引擎搜尋文字內容。
Shockwave設定項目
Shockwave項目讓您設定電影的背景顏色、播放形式、品質和其他相關選項。其中，Bac
kground（背景）欄位可讓讀者輸入16進位的RGB參數，或者點選左邊的色塊，從色盤選
色，若要沿用Shockwave Flash動畫原本的色彩，可按下“Match Movie”鈕
。
Shockwave設定項目。
Playback（播放）決定電影檔是否在傳輸完畢後先暫停（Paused At Start）、顯示選單
（Display Menu）、反覆播放（Loop）和使用系統字體（Device Font）。這裡的「顯示
選單」是指，當使用者在瀏覽器裡的Shockwave Flash動畫上按下滑鼠右鍵時，畫面會秀
出Flash動畫的操作選單。至於系統字體則是指，當用戶的電腦系統沒有安裝動畫檔裡面
用到的字體時，Shockwave Flash會以系統字體來代替。
Window Mode（視窗模式）參數可以讓讀者決定電影的背景要不要變成透明。它共有以下
三種選項：
WINDOW（預設值），讓Shockwave Flash電影檔在網頁上預定的範圍內播放。使用此預設
參數能讓電影獲得最佳的播放效果。
Opaque Windowless（不透明）選項會把WMODE參數設定成OPAQUE（不透明），假如讀者
的網頁上只有一個圖層，那麼這項參數的作用結果看起來就和WINDOW沒什麼兩樣。但如
果網頁在電影檔的後方還有其他圖層或背景，使用這項參數將會這些元素。
Transparent Windowless（透明）選項會把WMODE參數設定成TRANSPARENT（透明），露
出電影後面的圖層或背景。
將電影檔背景設定成透明，露出網頁背景的結果。
Scale（縮放）選項用在當Shockwave Flash電影的大小和您在網頁上設定的大小不同時
，如何在網頁上呈現動畫內容。它計有Default（等比例縮放電影畫面以呈現全部內容，
如圖4）、No Border（以1:1顯示，並裁去超出畫面的部份，如圖5）和Exact fit（非等
比例縮放電影，如圖6）等方式。
圖4：等比例縮放電影畫面以呈現全部內容。
圖5：以1:1顯示，並裁去超出畫面的部份。
圖6：非等比例縮放電影。
Alignment（排列）選項決定電影檔如何排列在預定的電影播放空間內。假若您在網頁上
設定的電影畫面大小比實際的電影檔還小，Shockwave Flash影片將會自動縮小以便納入
整個播放區域。其中，水平（Horizontal）排列下拉式選單包含Left（齊左）、Center
（居中）和Right（齊右）；垂直（Vertical）排列下拉式選單則包括Top（齊上）、Ce
nter（居中）和Bottom（對齊底部）等選項。
Alternate Image（設定替代圖片）項目
當用戶的瀏覽器沒有安裝Shockwave Flash外掛程式或ActiveX元件時，而且也沒有設定
採用Java播放器放映影片內容時，您可以讓Aftershock替您把Flash動畫內容轉成一張或
多張GIF圖像，放在網頁上，讓這群用戶也能欣賞動畫的大致內容。Alternate Image設
定項目，就是讓您控制GIF圖像大小、動畫圖框範圍和GIF圖像相關設定的地方。
Alternate Image設定項目，讓您控制GIF圖像大小、動畫圖框範圍和GIF圖像相關設定。

預覽圖像下方的Frame（圖框）欄位，可讓您選擇要呈現在網頁上的圖框畫面，以及圖檔
的大小。面板右邊的欄位，可設定GIF圖檔的類型，假若您選擇GIF動畫檔，您還可以進
一步設定動畫的圖框範圍與反覆播放的次數。
設定Java播放器
Java設定項目可以讓沒有安裝Shockwave Flash外掛程式的瀏覽器，能透過Java版本的播
放器觀看到動畫內容。運用Java播放器之前，讀者必須先把Flash的“Flash Play
er Java(tm) Edition”資料夾（預設的安裝路徑為“c:\Program files\Ma
cromedia\Flash 3\Players\ Flash Player Java(tm) Edition”）裡的全部內容
，複製到您預設的網頁資料夾。譬如，假設您準備了一個稱為“HomePage”
的資料夾，準備用來放置即將出版到網站上的Shockwave Flash檔，您就必須要把&rdqu
o;Flash Player Java(tm) Edition”整個目錄放在此資料夾當中。
Flash Player Java(tm) Edition資料夾包含Java版本的Shockwave Flash播放程式。
把整個Flash Player Java(tm) Edition資料夾內容複製到您預設的網頁資料夾。
複製完畢後，按下Class File Location欄位旁的“Locate”鈕，秀出&ldqu
o;Locate Java Class Files”對話窗，瀏覽到您剛才複製的Flash Player Java(
tm) Edition資料夾後，將它開啟，並點選當中以”Flash”為起始的檔名（
如：Flash.cab, Flash.class…等等）的其中之一，然後按下「開啟舊檔」鈕，
關閉對話窗並設定好Java播放器的路徑。
點選當中以”Flash”為起始的檔名。
按下Class File Location欄位旁的“Locate”鈕。
勾選Class Files底下的所有選項，以便此Java播放器能支援絕大多數的瀏覽器。
當全部的選項都設定完成後，選擇File | Save指令存檔，然後使用FTP工具或其他檔案
傳輸軟體，把Aftershock產生的網頁連同Shockwave Flash (*.swf)檔上傳到您的網站，
即大功告成。
不要遲延，開始運用Flash來粧點您的網頁吧！

--
※ 来源:．听涛站 cces.net．[FROM: 匿名天使的家]