Dreamweaver中怎么實現(xiàn)網(wǎng)頁幻燈片效果-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)Dreamweaver中怎么實現(xiàn)網(wǎng)頁幻燈片效果，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)成立與2013年，先為三穗等服務建站，三穗等地企業(yè)，進行企業(yè)商務咨詢服務。為三穗企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

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

制作幻燈片所用的圖片并將之放入Dreamweaver的層中。我們準備在每個幻燈片中實現(xiàn)7幅圖片的交替變換，因此我們需要制作7幅內(nèi)容不同的圖片。注意圖片要在Photoshop中進行優(yōu)化壓縮，并調(diào)整成相同的尺寸。建立一個層，插入初始圖片，該圖片就是幻燈片默認得頭一張圖片。將層命名為Layer_main，并把該層的Index值設(shè)為1。

步驟二：制作播放器的外觀和四個控制按鈕。

利用Photoshop制作一個金屬效果的播放器外觀。（具體效果就看你的喜好啦，也許你可從Winamp的skin中受點啟發(fā)）。作很好優(yōu)化后，輸出一個透明的GIF圖片。為了讓鼠標移上后按鈕有些變化，你不得不每個按鈕制作2張圖片（共6個），兩個按鈕只需有顏色上的差異即可。先建三個層，調(diào)整好位置，并插入三個播放鍵的各自的二張翻滾圖片（Rollover Image）（Insert-Rollover Image）。通過調(diào)節(jié)層的Index-Z的值，確保播放器所在的層在Layer_main層的上面，在按鈕所在層的下面。排版好的各層如圖1所示。

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

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

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

點擊選擇PLAY按鈕所在的圖片，在行為浮動工具面板中，從+（添加）動作下拉列表中選擇Timeline-Play Timeline(播放時間鏈)，并在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下，就會為切換動作設(shè)置一個onClick事件。點擊選擇PAUSE所在的圖片。在行為浮動工具面板中，從+（添加）動作下拉列表中選擇Timeline---Stop Timeline(停止播放時間鏈)，并在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下，就會為切換動作設(shè)置一個onClick事件。

點擊選擇REPLAY所在的圖片。在行為浮動工具面板中，從+（添加）動作下拉列表中選擇Timeline---Go to Timeline Frame(轉(zhuǎn)向放時間鏈幀)，并在彈出的對話框中選擇時間鏈Timeline_main，在Frame文本框中輸入1。單擊OK。默認方式下，就會為切換動作設(shè)置一個onClick事件。再添加下一個動作。從+（添加）動作下拉列表中選擇Timeline---Play Timeline(播放時間鏈)，并在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下，就會為切換動作設(shè)置一個onClick事件。REPLAY的圖片添加好的行為如圖3所示。

看完上述內(nèi)容，你們對Dreamweaver中怎么實現(xiàn)網(wǎng)頁幻燈片效果有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

本文名稱：Dreamweaver中怎么實現(xiàn)網(wǎng)頁幻燈片效果-創(chuàng)新互聯(lián)
標題URL：http://muchs.cn/article42/hichc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、自適應網(wǎng)站、網(wǎng)站收錄、網(wǎng)站設(shè)計、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)