Dreamweaver製作電子相冊
Dreamweaver MX 2004版本中增加了Flash Element功能,這使Dreamweaver和Flash的關聯更加緊密了。這個Flash Element究竟有什麼特別的呢?它可以幫你方便快捷地製作一個Flash動畫版本的圖片流覽器!下面我們通過具體的實例來瞭解這個新鮮玩意。
下面是製作完成的電子相冊實例演示。
詳細製作過程如下。
1.首先在Dreamweaver的功能表列下找到Flash Element這個功能圖示,如圖。
2.選擇這個按鈕之後,在Dreaweaver中生成一個Flash檔,需要制定這個自製的Flash檔的保存位置。如圖
3.Flash檔在網頁中的大小,可以隨意調節。現在我們再看看右邊Tag面板中CSS的變化,其中增加了ImageLinks和ImageURLs兩個選項。如圖
4.我們制做的電子相冊內含的圖片在ImageURLs中指定圖片的來源位置,如果圖片需要指向其它的檔做連結的話,要在ImageLinks添加連結的位址。
5.我們先定義圖片的來源位置,選中ImageURLs,在旁邊有一個小圖示的下拉式功能表,點擊之後出現一個對話方塊,這裡我們輸入圖片的來源位置。如圖
6.如果想要添加每個圖片的連結,在ImageLinks中使用同樣的操作,在連結設置對話方塊中它預設了三個指向Macromedia的連結位址,每個位址和圖片來源的檔是相對應的,按照順序輸入位址就行了。如圖
7.除了這兩項,其它的一些參數設計和電子相冊也相關。BgColor是設置相冊的背景顏色,ImageCaptions是填寫相冊名,TitleFont是設置相冊名的文字字體,TilteSize是設置相冊名文字大小等等。而Transtitions Type是設置圖片出場方式的效果,在下拉式功能表中有很多特效 。如圖
8.根據上面的步驟,最後製作出來的電子相冊效果如下。目前2004安裝之後自帶的Flash Element只有一個效果,需要更多的效果可以到Macromedia網站上去下載。
|