用Dreamweaver制作電子相冊的詳細方法(圖文)
發(fā)布時間:2012-05-14 11:42:41 作者:佚名
我要評論

用網(wǎng)頁作一個電子相冊放到網(wǎng)站上是相當?shù)钠?,下面給大家詳細的講解一下如何實現(xiàn)的
Dreamweaver 中增加了Flash Element功能,這使Dreamweaver和Flash的關聯(lián)更加緊密了。這個Flash Element究竟有什么特別的呢?它可以幫你方便快捷地制作一個Flash動畫版本的圖片瀏覽器!下面我們通過具體的實例來了解這個新鮮玩意。
下面是制作完成的電子相冊實例演示。
詳細制作過程如下。
1.首先在Dreamweaver的菜單欄下找到Flash Element這個功能圖標,如圖。

2.選擇這個按鈕之后,在Dreaweaver中生成一個Flash文件,需要制定這個自制的Flash文件的保存位置。如圖

3.Flash文件在網(wǎng)頁中的大小,可以隨意調(diào)節(jié)?,F(xiàn)在我們再看看右邊Tag面板中CSS的變化,其中增加了ImageLinks和ImageURLs兩個選項。如圖

4.我們制做的電子相冊內(nèi)含的圖片在ImageURLs中指定圖片的來源位置,如果圖片需要指向其它的文件做鏈接的話,要在ImageLinks添加鏈接的地址。
5.我們先定義圖片的來源位置,選中ImageURLs,在旁邊有一個小圖標的下拉菜單,點擊之后出現(xiàn)一個對話框,這里我們輸入圖片的來源位置。如圖

6.如果想要添加每個圖片的鏈接,在ImageLinks中使用同樣的操作,在鏈接設置對話框中它默認了三個指向Macromedia的鏈接地址,每個地址和圖片來源的文件是相對應的,按照順序輸入地址就行了。如圖

7.除了這兩項,其它的一些參數(shù)設計和電子相冊也相關。BgColor是設置相冊的背景顏色,ImageCaptions是填寫相冊名,TitleFont是設置相冊名的文字字體,TilteSize是設置相冊名文字大小等等。而Transtitions Type是設置圖片出場方式的效果,在下拉菜單中有很多特效 。如圖

8.根據(jù)上面的步驟,最后制作出來的電子相冊效果如下。目前2004安裝之后自帶的Flash Element只有一個效果,需要更多的效果可以到Macromedia網(wǎng)站上去下載。
下面是制作完成的電子相冊實例演示。
詳細制作過程如下。
1.首先在Dreamweaver的菜單欄下找到Flash Element這個功能圖標,如圖。

2.選擇這個按鈕之后,在Dreaweaver中生成一個Flash文件,需要制定這個自制的Flash文件的保存位置。如圖

3.Flash文件在網(wǎng)頁中的大小,可以隨意調(diào)節(jié)?,F(xiàn)在我們再看看右邊Tag面板中CSS的變化,其中增加了ImageLinks和ImageURLs兩個選項。如圖

4.我們制做的電子相冊內(nèi)含的圖片在ImageURLs中指定圖片的來源位置,如果圖片需要指向其它的文件做鏈接的話,要在ImageLinks添加鏈接的地址。
5.我們先定義圖片的來源位置,選中ImageURLs,在旁邊有一個小圖標的下拉菜單,點擊之后出現(xiàn)一個對話框,這里我們輸入圖片的來源位置。如圖

6.如果想要添加每個圖片的鏈接,在ImageLinks中使用同樣的操作,在鏈接設置對話框中它默認了三個指向Macromedia的鏈接地址,每個地址和圖片來源的文件是相對應的,按照順序輸入地址就行了。如圖

7.除了這兩項,其它的一些參數(shù)設計和電子相冊也相關。BgColor是設置相冊的背景顏色,ImageCaptions是填寫相冊名,TitleFont是設置相冊名的文字字體,TilteSize是設置相冊名文字大小等等。而Transtitions Type是設置圖片出場方式的效果,在下拉菜單中有很多特效 。如圖

8.根據(jù)上面的步驟,最后制作出來的電子相冊效果如下。目前2004安裝之后自帶的Flash Element只有一個效果,需要更多的效果可以到Macromedia網(wǎng)站上去下載。
相關文章
Dreamweaver Flash Photoshop網(wǎng)頁設計綜合應用 (智云科技) [iso] 1.86G
全書共15章,主要包括網(wǎng)頁制作基礎、Dreamweaver CC網(wǎng)頁制作、Photoshop CC網(wǎng)頁圖像設計、Flash CC網(wǎng)頁動畫設計以及綜合案例實戰(zhàn)5個部分2015-07-17Photoshop CS4/Flash CS4/DreamWeaver CS4網(wǎng)頁制作50例 PDF掃描版[355M
全書共包含50個實例,分為圖像瀏覽網(wǎng)站、企業(yè)網(wǎng)站、設計網(wǎng)站、營銷網(wǎng)站、主流網(wǎng)站五大部分,全面分析了Photoshop CS4、Dreamweaver CS4和Flash CS4中各種工具的應用方法、2014-10-29Dreamweaver+Photoshop+Flash三合一網(wǎng)頁制作教程(CS3版) pdf掃描版 41m
本書從實用的角度綜合講述了Dreamweaver CS3、Photoshop CS3、Flash CS3等軟件的理論知識和應用技巧,在網(wǎng)站開發(fā)和網(wǎng)頁設計的運用中采用任務驅(qū)動和案例設計教學法,本書難2012-12-03網(wǎng)頁設計與制作 Flash Dreamweaver Firework PDF文字版
《網(wǎng)頁設計與制作:Flash Dreamweaver Firework(計算機應用與軟件技術(shù)專業(yè))》適合作為高等職業(yè)院校的教材,也可作為各類培訓班的教學用書或網(wǎng)頁設計人員參考用書2012-03-04網(wǎng)頁三劍客 CS5 官方簡體中文正式版附注冊機(Dreamweaver Flash Firewo
目前 Dreamweaver CS5,F(xiàn)lash Professional CS5 和 Fireworks CS5 官方簡體中文版均已發(fā)布!請使用注冊機激活。2011-10-11dreamweaver,flash,fireworks系列注冊機
比較全的注冊機了,大家以后就可免費用了,網(wǎng)絡收集2008-08-24Dreamweaver圖文教程教大家輕松制作超酷的Flash相冊
dreamweaver作為一個網(wǎng)頁制作工具,不僅可以制作網(wǎng)頁,還可以制作好看的flash相冊。今天,小編教大家使用dreamweaver制作超酷的flash相冊,感興趣的朋友一起來學習吧2015-09-11