用Dreamweaver制作電子相冊的詳細方法(圖文)

發布時間: 2018-07-24 04:28:18 來源: 互聯網 欄目: Dreamweaver教程 點擊:

用網頁作一個電子相冊放到網站上是相當的漂亮,下面給大家詳細的講解一下如何實現的

Dreamweaver  中增加了Flash Element功能,這使Dreamweaver和Flash的關聯更加緊密了。這個Flash Element究竟有什么特別的呢?它可以幫你方便快捷地制作一個Flash動畫版本的圖片瀏覽器!下面我們通過具體的實例來了解這個新鮮玩意。
  
  下面是制作完成的電子相冊實例演示。
  
  詳細制作過程如下。
  
  1.首先在Dreamweaver的菜單欄下找到Flash Element這個功能圖標,如圖。
  
  
12495250_2005071911502373961200.gif

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

  
  3.Flash文件在網頁中的大小,可以隨意調節?,F在我們再看看右邊Tag面板中CSS的變化,其中增加了ImageLinks和ImageURLs兩個選項。如圖
  
  
12495250_2005071911502377987100.gif

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

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

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

  
  8.根據上面的步驟,最后制作出來的電子相冊效果如下。目前2004安裝之后自帶的Flash Element只有一個效果,需要更多的效果可以到Macromedia網站上去下載。
本文標題: 用Dreamweaver制作電子相冊的詳細方法(圖文)
本文地址: http://www.1921352.live/web/dreamweaver/86275.html

如果認為本文對您有所幫助請贊助本站

支付寶掃一掃贊助微信掃一掃贊助

  • 支付寶掃一掃贊助
  • 微信掃一掃贊助
  • 支付寶先領紅包再贊助
    聲明:凡注明"本站原創"的所有文字圖片等資料,版權均屬編程客棧所有,歡迎轉載,但務請注明出處。
    Dreamweaver中用插件制作網頁漂浮廣告的方法(圖文教程)把Javascript代碼應用到網頁中的方法
    Top 网上挖矿机赚钱 无极奇趣腾讯分分彩开奖号码 3d双彩论坛字谜图 晨光生物股票股吧 浙江6+1开奖结果20037 重庆幸运农场手机版 上海11选五计划 葛洲坝股票股吧 股票指数下跌 咋炒股 微信炒股平台