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

熱點內容
電信光貓在手機上設置無線路由器設置密碼 瀏覽:191
如何查文件現行有效 瀏覽:316
初學者游戲開發用什麼編程 瀏覽:808
長沙哪些機構學編程靠譜 瀏覽:147
cad文件添加備注屬性 瀏覽:56
網路求職需要說什麼 瀏覽:423
全民奇跡蘋果和安卓能一起玩嗎 瀏覽:487
sublimejson和js格式 瀏覽:873
電腦合成圖片用什麼app 瀏覽:401
cmcc如何禁止其他人使用網路 瀏覽:657
數控車杯編程是什麼 瀏覽:163
數據結構中的數據是指什麼 瀏覽:886
什麼app把手機調黑白 瀏覽:271
jspcookie記住用戶名 瀏覽:791
labview應用程序加密 瀏覽:584
VAR價格模型需要多少數據 瀏覽:750
代碼解析是什麼意思孫 瀏覽:741
漫遊配置文件存儲在本地對嗎 瀏覽:728
自己的大數據徵信是哪些 瀏覽:943
linux中如何共享windows文件 瀏覽:65

友情鏈接