導航:首頁 > 編程語言 > 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幻燈片代碼相關的資料

熱點內容
德塔文榜數據最高多少 瀏覽:102
參觀工具管理擺放有感 瀏覽:617
去哪裡找公司項目的財務數據 瀏覽:573
飢荒linux下載官網 瀏覽:593
買二手房上什麼網站靠譜 瀏覽:556
ansys怎麼保存文件 瀏覽:364
qq空間套裝免費代碼 瀏覽:408
如何控制電信網路電視 瀏覽:140
工廠統計局數據有哪些 瀏覽:398
jsp靠右顯示 瀏覽:397
iphone4s通訊錄備份到電腦 瀏覽:127
網上保存文件有哪些 瀏覽:194
電腦創建文件夾被拒絕 瀏覽:756
如何在ppt中嵌入代碼 瀏覽:983
本科電大在什麼網站報名 瀏覽:836
qq恢復好友不讓對方知道 瀏覽:370
ps文件變成黑色死圖層 瀏覽:602
數據分析和直覺哪個信息好 瀏覽:335
java常見面試難題 瀏覽:207
磁力貼文件夾 瀏覽:363

友情鏈接