導航:首頁 > 編程語言 > dw幻燈片代碼

dw幻燈片代碼

發布時間:2025-01-14 08:11:56

⑴ 網頁中的幻燈片如何製作

步驟一:圖形元素的製作和准備。
製作幻燈片所用的圖片並將之放入Dreamweaver的層中。我們准備在每個幻燈片中實現7幅圖片的交替變換,因此我們需要製作7幅內容不同的圖片。注意圖片要在Photoshop中進行優化壓縮,並調整成相同的尺寸。建立一個層,插入初始圖片,該圖片就是幻燈片默認得頭一張圖片。將層命名為Layer_main,並把該層的Index值設為1。
步驟二:製作播放器的外觀和四個控制按鈕。
利用Photoshop製作一個金屬效果的播放器外觀。(具體效果就看你的喜好啦,也許你可從Winamp的skin中受點啟發)。作最佳優化後,輸出一個透明的GIF圖片。為了讓滑鼠移上後按鈕有些變化,你不得不每個按鈕製作2張圖片(共6個),兩個按鈕只需有顏色上的差異即可。先建三個層,調整好位置,並插入三個播放鍵的各自的二張翻滾圖片(Rollover Image)(Insert-Rollover Image)。通過調節層的Index-Z的值,確保播放器所在的層在Layer_main層的上面,在按鈕所在層的下面。排版好的各層。
步驟三:創建幻燈片播放時間鏈。
按Ctrl+F9鍵打開時間鏈浮動工具面板。選取其中幻燈片所在層(Layer_main)中的初始圖片(確保選取的是圖像,而不是層),用滑鼠拖至時間鏈浮動工具面板,在時間鏈起始處釋放滑鼠。設定幀速率為Fps為5,並勾選Loop框。選擇時間鏈中的其中一幀,右擊滑鼠,選擇"Add Keyframe"(添加關鍵幀),選擇另一幅幻燈片圖片,以更換層(Layer_main)中的初始圖片。重復這個操作,將剩下的5幅圖片全部加到該時間鏈的不同關鍵幀上。最後適當調節各關鍵幀之間的距離。並將該時間鏈命名為TimeLine_main。建立好的時間鏈。
步驟四:為按鈕和其它添加行為(Behavior)。
點擊選擇PLAY按鈕所在的圖片,在行為浮動工具面板中,從+(添加)動作下拉列表中選擇Timeline-Play Timeline(播放時間鏈),並在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下,就會為切換動作設置一個onClick事件。點擊選擇PAUSE所在的圖片。在行為浮動工具面板中,從+(添加)動作下拉列表中選擇Timeline---Stop Timeline(停止播放時間鏈),並在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下,就會為切換動作設置一個onClick事件。
點擊選擇REPLAY所在的圖片。在行為浮動工具面板中,從+(添加)動作下拉列表中選擇Timeline---Go to Timeline Frame(轉向放時間鏈幀),並在彈出的對話框中選擇時間鏈Timeline_main,在Frame文本框中輸入1。單擊OK。默認方式下,就會為切換動作設置一個onClick事件。再添加下一個動作。從+(添加)動作下拉列表中選擇Timeline---Play Timeline(播放時間鏈),並在彈出的對話框中選擇時間鏈Timeline_main。單擊OK。默認方式下,就會為切換動作設置一個onClick事件。REPLAY的圖片添加好的行為。
進一步,為了讓播放器更加生動,你可以同時給幻燈片的播放加上聲音。

閱讀全文

與dw幻燈片代碼相關的資料

熱點內容
如何編程手機app軟體 瀏覽:656
node獲取文件名 瀏覽:367
iphoneios7怎麼設置鈴聲 瀏覽:52
手機qq激活星鑽 瀏覽:302
html中引入js文件路徑 瀏覽:83
0基礎自學編程可以看什麼書 瀏覽:860
javapoi導出excel 瀏覽:212
迷你編程迷小酷為什麼郵箱里沒有 瀏覽:33
ipadqq接收的文件在哪裡 瀏覽:15
拼多多初級看哪些數據 瀏覽:848
win10開機密碼屏幕鍵盤 瀏覽:162
文件夾樂高 瀏覽:914
外置文件夾掛載 瀏覽:304
人人視頻本地緩存文件 瀏覽:194
java俄羅斯方塊項目描述 瀏覽:354
win10系統被凍結 瀏覽:460
excel文件批量合並 瀏覽:948
linuxxmind 瀏覽:93
蘋果電腦安全軟體 瀏覽:195
u深度取消贊助密碼 瀏覽:168

友情鏈接