羊羊得意電子月曆桌布

 


步驟 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