作為一位不懂代碼的業餘網頁製（zhì）作愛好者，常常羨慕專業程序人（rén）員在瀏覽器中編（biān）製出（chū）的效果（guǒ）超酷（kù）的一些多媒體作品。唉，無奈程序那東東，酶澀南學，非一日之（zhī）功，需要良好的（de）邏輯思維能力和足夠的磨（mó）練方可成就。是不是不會程序（xù），就（jiù）永遠就不（bú）能實現自己的創意和想法了呢？非也！現在我們要製作的就是在（zài）網頁中的一個幻燈片播放器。當用戶按下控製盤上的“PLAY”鍵時圖片將作幻燈片似的連續循環（huán）播放。按下“PAUSE”時（shí），播放中的圖片就停留（liú）在當前位置。按下“RESTART”鍵時，幻燈片又從頭（tóu）播放。而這一切，僅（jǐn）僅采用Dreamweaver3的內嵌的層（Layer）、時間鏈（Timeline）和行為（Behavior）技術，就可實現，所（suǒ）有的JavaScript代碼都（dōu）會在Dreamweaver中自動（dòng）生成。這裏不是鼓（gǔ）勵大家不要接觸程（chéng）序代碼，相反，若讀者掌握了一些編程技術的（de）基（jī）礎，會在（zài）網頁製作中起到相當重要的作（zuò）用。實（shí）際上，這已是當今專業WEB頁麵製作人員的一項基本素質要求。

　　下麵分步驟對這個播放器的製作加以說明。

　　步驟一：圖形元素的製作和準備。

　　製作幻燈片（piàn）所用的圖片並將之放入Dreamweaver的層中。我們準備在每（měi）個幻燈片中實現7幅圖片（piàn）的交替變換，因此我們（men）需要製作7幅內容不同的（de）圖片。注意（yì）圖（tú）片（piàn）要在Photoshop中進行（háng）優化壓縮，並調（diào）整（zhěng）成相同的尺寸。建立一個層，插入初始圖片，該圖片就是幻燈片默認得頭一張圖片。將層命名（míng）為Layer_main，並把該層的Index值設為1。

　　步驟二：製作播放器（qì）的外觀和四個控（kòng）製按鈕。

　　利用Photoshop製作一個金屬效果的播（bō）放器外觀。（具體效（xiào）果（guǒ）就看你（nǐ）的喜好啦，也許你可從Winamp的skin中受點啟發）。作最佳優化後，輸出一個透明的GIF圖片。為了讓鼠標移上後按鈕有些變化，你不得不每個按鈕（niǔ）製作2張圖（tú）片（共6個），兩個按鈕隻需有顏色上的差異即可。先建三個層，調整好位（wèi）置，並插入三個播放鍵的各自的二張翻（fān）滾（gǔn）圖片（piàn）（Rollover Image）（Insert-Rollover Image）。通過（guò）調節層（céng）的（de）Index-Z的值，確保播放（fàng）器所在的層在Layer_main層的上麵，在（zài）按鈕所在層的下麵。排版好的各層如圖所示。

　　步驟三：創（chuàng）建幻燈片播放時間鏈。

　　按Ctrl+F9鍵打開時間鏈浮動工（gōng）具（jù）麵板。選取其中幻燈片所在層(Layer_main)中的初始圖片(確保選取的是圖像，而不是層（céng）)，用鼠標拖至時間鏈浮動工具麵板，在時間鏈起（qǐ）始處釋放鼠標。設定幀速率為Fps為（wéi）5，並勾選Loop框。選擇時間（jiān）鏈中的其中一幀，右擊鼠標，選擇"Add Keyframe"（添（tiān）加關鍵幀），選擇另一幅幻（huàn）燈片圖片，以更換層(Layer_main)中（zhōng）的初始圖片。重複這個操作，將剩下的5幅圖片全部加到該時間鏈的不同關鍵幀上。最後適當調節各關鍵幀之間的距離。並將該時間鏈命名為（wéi）TimeLine_main。建立好的時間鏈如圖所示。

　　步驟四：為按（àn）鈕和其它添加行為（Behavior）。

　　點擊選擇PLAY按鈕所在的圖（tú）片，在（zài）行為浮動工具麵板中，從+（添（tiān）加）動作下拉列表中選擇Timeline-Play Timeline(播（bō）放時間鏈)，並在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下，就會為（wéi）切換動作設（shè）置一個onClick事件。點擊選擇PAUSE所在的圖片。在行為浮動工具麵板中，從+（添加）動作下拉列表（biǎo）中選擇Timeline---Stop Timeline(停止播放時間鏈)，並在彈出的對話框中（zhōng）選擇時間鏈Timeline_main。單擊OK。默認（rèn）方式下，就（jiù）會為切換動作設置一個onClick事件。

　　點（diǎn）擊選擇REPLAY所在的圖片。在行為浮動工具麵板中，從+（添加）動作下拉列表中選（xuǎn）擇Timeline---Go to Timeline Frame(轉向放時（shí）間鏈幀（zhēn）)，並在彈出的對話框中選擇時間鏈Timeline_main，在Frame文本（běn）框中輸入（rù）1。單擊OK。默認方式下，就會為切換動作設置一個onClick事件。再添加下一個動作。從+（添加）動作下拉列表中選擇Timeline---Play Timeline(播放時間鏈)，並在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下，就會為切換（huàn）動（dòng）作設置一個onClick事（shì）件。REPLAY的圖片添加（jiā）好的行為如圖所示。

　　本例中做好的播放器，可在下列（liè）地址瀏覽：

http://webart.myrice.com/sample/index.htm。進一步，為了讓播放器更加生動，你可以同時給幻燈（dēng）片的播放加上聲音。

　　若要把這個（gè）播放器放（fàng）到網上，同（tóng）時圖片總容量超過150K，可以（yǐ）給頁麵作（zuò）一個“Loading（加載）層”，待全部內（nèi）容下載完畢後，才（cái）顯示出來。以免由於圖片未下載完（wán）而產（chǎn）生播放不暢的感覺。關於“Loading”層的製作方法，在很多地方有介紹，這裏就不再詳（xiáng）述了。

　　把這個例子變通一下，我們可以作一個相冊。你可以把你的家庭或女朋友的相片加在幻燈片所在的時間（jiān）鏈上，並且加上Last（上一張）、 Next（下一張）等按（àn）鈕，便於瀏（liú）覽（lǎn）者逐張欣賞。若覺得相片太小不能看清楚（chǔ）細節，你還可以加一個（gè）Zoom In（放大）按鈕，鏈接到一個有單張放大相片的新窗口頁麵。最後把它放到網上，相信一定會給你的家人或女（nǚ）朋友帶去一份驚喜。