用Dreamweaver實現漫天花雨效果

淡藍色的天空下，一朵朵花瓣隨風飄下，慢慢的在螢幕中飄蕩。你一定要說這種效果用FLASH可以實現。其實用DREAMWEAVER也可以很輕鬆的實現！

　　Dreamweaver之所以能夠超過Frontpage而成為網頁設計師的首選設計工具，在於它對DHTML的強大設計功能，上面所說的效果，其實是DHTML的一種。但是使用Dreamweaver，你無須去編寫冗長的代碼，在DW的視窗裡幾個拖放，就能輕鬆搞定。

　　首先用Firework或Imageready一類的軟體製作出幾幅動態的GIF花瓣圖片來。以ImageReady3.0為例子。按Ctrl+N 新建一個檔，大小100*100左右，背景色可根據網頁的背景自行設定。按Ctrl + Shift + N新建一層，取名Flower1，用勾畫工具（Polygonal Lasso Tool），勾畫出一個花瓣的外形，如圖1所示。然後將前景色設為粉紅色（顏色代碼為：FF99FF），按Edit / Fill 填充，然後在層面版的Flower1上按右鍵，選擇Layer Style / Stroke ，如圖2所示。在彈出的Stroke面板裡的選擇色彩的地方選擇一個比剛才的粉紅略深的顏色，(顏色代碼為：C764B4)，Size選擇為1，這樣花瓣就被描邊，看上去更真實一些。這樣一個花瓣就製作完成了。

下面我們來讓花瓣動起來。將Flower1複製一層，在層上按右鍵，選擇Duplicate Layer。取名為Flower2。打開Imageready的動畫面板，操作方式為：Window / Show Animation，出現如圖3的動畫面板。按下最下面一排倒數第二個按紐，新建一個動畫影格。回到並選中第一影格的位置，在層面板上將Flower2層隱藏。操作方式為按一下層前的那個眼睛，如圖4所示。