羊羊得意電子月曆桌布
| 步驟
1 |
打開Flash,在Frame2插入Keyframe,在Frame2的畫面上放入適當的圖片,並且設計一月份的日期表格,如圖 1所示

圖 1
再依同樣的方式,在Frame3~Frame13每一格都插入Keyframe,再把每一格的畫面設計成每一月的日期表格及放入適當的圖片,如圖2所示

圖2
由此可知,我們在
Frame2來設計一月份的電子月曆畫面
Frame3來設計二月份的電子月曆畫面
Frame4來設計三月份的電子月曆畫面
Frame5來設計四月份的電子月曆畫面
Frame6來設計五月份的電子月曆畫面
Frame7來設計六月份的電子月曆畫面
Frame8來設計七月份的電子月曆畫面
Frame9來設計八月份的電子月曆畫面
Frame10來設計十月份的電子月曆畫面
Frame12來設計十一月份的電子月曆畫面
Frame13來設計十二月份的電子月曆畫面
| 步驟
2 |
接下來,我們要在Frame1寫一個程式讓這個電子月歷來跳至正確的月份,如圖3所示
圖3
myDate = new Date(); // 此句為產生一個Date物件
gotoAndStop(myDate.getMonth()+2); // 因為電腦是從0月開始算,而我們的一月是放在Frame2,所以是加2
比方說現在是三月份, 三月份是在Frame4這一格,那麼播放頭在Frame1時的語法則會讓播放頭跳至Frame4
因為 此時三月份,getMonth()就為2 ,所以gotoAndStop(2+2);也就是gotoAndStop(4);
跳至frame4
這時候可以Test Movie看看!!
| 步驟
3 |
接下來,我們來做一個下一月的按鈕,讓我們可以看一看每一月的月曆畫面
請產生一個新的圖層,命名為下一月按鈕,在Frame2~frame12的畫面上,設計一個下一月的按鈕,並設其Actions為跳至下一影格,如圖4

圖4
| 步驟
4 |
接下來,我們來做一個上一月的按鈕,讓我們可以回去看一看每一月的月曆畫面,在Frame3~frame13的畫面上,設計一個上一月的按鈕,並設其Actions為跳至上一影格,如圖5

圖5
| 步驟
5 |
接下來,我們來做一個回到正確月份的按鈕,讓我們可以直接回到現在的月份畫面,在Frame2~frame13的畫面上,設計一個回到正確月份的按鈕,並設其Actions為跳至Frame1,而Frame1的Actions在步驟 2時就是讓畫面跳至現在的月份,如圖6

圖6
| 步驟
6 |
接下來,我們把它發佈為網頁,並且開啟這個網頁,此時會發現畫面的點陣圖等物件都沒有出現,如圖7

圖7
這是一個Bug,所以我們必須克服!!!讓它可以正常播放!!請用Dreamweaver打開這個Html,並且點選這個swf,在Properties視窗把Auto Play打勾拿掉,如圖 8

圖 8
在Code的檢視模式下,把<param name = "PLAY" value="false">中的false改為true,如圖9
圖9
在Dreamweavr去預覽這個HTML ,就發覺播放正常了,如圖10

圖10
| 步驟
7 |
我們可以把做好的電子月曆網頁變成電腦的動態桌布,讓我們的電腦桌布每個月都會自動變化
請在桌面按右鍵,選擇Active Desktop→自訂我的桌面,如圖11

圖11
在顯示內容視窗的"在我的Active Desktop顯示 Web內容"打勾,再按新增按鈕
在新的Active Desktop項目,請按瀏覽按鈕,選到我們做好的HTML,再按確定!!如圖12
圖12
我們的動態電子月曆桌面就完成了,但是卻沒有佈滿整個螢幕,請按左上角的全螢幕按鈕,如圖13
圖13
就完成了!!我們每次啟動電腦就會是這個電子月曆的桌布了,如圖14
圖14