用Dreamweaver做網頁 怎麽制作幻燈片
1、圖形元素的制作和準備。
制作幻燈片所用的圖片並將之放入Dreamweaver的層中。準備在每個幻燈片中實現7幅圖片的交替變換,因此需要制作7幅內容不同的圖片。註意圖片要在Photoshop中進行優化壓縮,並調整成相同的尺寸。建立壹個層,插入初始圖片,該圖片就是幻燈片默認得頭壹張圖片。將層命名為Layer_main,並把該層的Index值設為1。
2、制作播放器的外觀和四個控制按鈕。
利用Photoshop制作壹個金屬效果的播放器外觀。作最佳優化後,輸出壹個透明的GIF圖片。為了讓鼠標移上後按鈕有些變化,不得不每個按鈕制作2張圖片(***6個),兩個按鈕只需有顏色上的差異即可。先建三個層,調整好位置,並插入三個播放鍵的各自的二張翻滾圖片(Rollover Image)(Insert-Rollover Image)。通過調節層的Index-Z的值,確保播放器所在的層在Layer_main層的上面,在按鈕所在層的下面。
3、創建幻燈片播放時間鏈。
按Ctrl+F9鍵打開時間鏈浮動工具面板。選取其中幻燈片所在層(Layer_main)中的初始圖片(確保選取的是圖像,而不是層),用鼠標拖至時間鏈浮動工具面板,在時間鏈起始處釋放鼠標。設定幀速率為Fps為5,並勾選Loop框。選擇時間鏈中的其中壹幀,右擊鼠標,選擇"Add Keyframe"(添加關鍵幀),選擇另壹幅幻燈片圖片,以更換層(Layer_main)中的初始圖片。重復這個操作,將剩下的5幅圖片全部加到該時間鏈的不同關鍵幀上。最後適當調節各關鍵幀之間的距離。並將該時間鏈命名為TimeLine_main。
4、為按鈕和其它添加行為(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事件。