製作免費Flash翻頁 效果電子書


相關主題:【以Google 協作平台建立班級網站】【以Picasa建立班級活動相簿】【Google_Drive雲端硬碟】 【Windows 7 新手入門

AirPlay系統整合融入教學】【免裝軟體的電子書製作】【Gmail與雲端硬碟拉拉手】【問卷調查設計

逸仙國小 資訊組長 黃自強 dd@tp.edu.tw



一、概說

    本次介紹如何DIY,不需安裝任何軟體,就能製作簡易網頁Flash電子書。老師可以用現成的班級學生活動照片,或下載網路上流傳、自編的PPT或PPS簡報檔,輸出成圖片,動手DIY一本免費電子書。

    推廣製作校內電子書主要目的,是在提供本校師生透過單槍投影機、網站或利用其他資訊設備,來透過網路瀏覽、閱讀圖書館已經購買的繪本等精彩好書,因為這類精裝繪本,圖書館不提供學生外借。

    若做老師願意把這類資源短少的內容,製作成電子書,加上配合老師「天生會說故事」的專長,在教室就能自編自導某個精采課程主題。

    這種方法製作出來的電子書,擁有專業電子書軟體的翻頁效果,也有帶著書香味的紙張翻閱音效。更吸引人的是,您的電腦上不需安裝任何額外軟體,就能順利製作完成。自己製作的作品,還可以 封裝成單一執行檔,放在您的班級網站中,提供學生透過網路下載後,在家複習、學習,或是和其他班級的老師分享。


二、準備

1. 準備經過縮小的照片檔案一批( 長寬約640x480-1280x800左右)。

2. 下載免費Flash翻頁電子書程式網頁版。

    原始網站下載: http://flashpageflip.com/downloads/DownloadFree.asp

     備份下載: FlashPageFlip_FreeVersion.zip

3. 學會使用「附屬應用程式」中的「記事本」。

4. 觀賞課程範例網站網址在這裡

 

三、步驟

1. 下載儲存:點上面其中一個連結後,會跳出[檔案下載]視窗,請點選「儲存」,例如存到「桌面」。

下載完成後請點[關閉]

2. 在桌面上找到這個檔案,對著檔案按[滑鼠右鍵]解壓縮後,會看到一個「FlashPageFlip_FreeVersion」的資料夾,打開它,可以看到三個英文資料夾 ,分別是說明文件,主程式,和Flash原始碼。

3. 把主程式資料夾 「Free Version」 拖曳到桌面上,變更資料夾名稱,範例:「絲路之旅」。

4. 打開這個資料夾後,可以看到裡面的檔案架構大概是這樣:

5. 說明:Dfault.html 就是執行的主網頁,請[點兩下]來開啟這個電子書 主網頁。

如果您用的是IE瀏覽器的話,會出現封鎖訊息。請按滑鼠「右鍵」,選「允許被封鎖的內容」

6. 解除封鎖後可以欣賞到完整的電子書畫面:


 

7. 關閉IE視窗,回到主程式資料夾中,打開「Pages」資料夾,裡面放著一些範例圖片和Flash檔, 我們要把檔案全部刪掉,換成自己準備好的照片。



8. 「Xml」資料夾中的「Pages.xml」是重要的設定檔,請用記事本開啟它。

請點[開始][程式集][附屬應用程式][記事本]

然後把「Pages.xml」拖入[記事本]白色畫面中:

9. 依照下面插圖反白區域陸續變更掉原始檔名,改成自己的照片的檔名(插圖 8.png)

10. 最後把第一行的前兩個數字,改成你放入的照片的長寬,例如:「width="640" height="427"」

 

11. 點兩下主網頁「Dfault.html」,泡杯好茶,打開音量,慢慢欣賞自己的第一本DIY電子書吧!
(插圖 11.png) 觀賞範例請點
這裡

 

 

四、把現有的ppt或pps改製作為電子書
 

如果您有一些PowerPoint簡報,或pps播放檔,也可以輸出圖片後,用這個軟體製作電子書,方法如下:

1. 用PowerPoint把簡報,或pps播放檔打開。如果手邊沒有檔案,可以到這幾個網站下載來練習:
http://www.bamboo.hc.edu.tw/~shally/misc/pps.htm 
http://tw.myblog.yahoo.com/kuo-0620/article?mid=1013&prev=1015&l=a&fid=32 

下載完成後用PowerPoint的檔案-[開啟]來編修此文件。


 

2. 點「檔案」「另存新檔」,並在最下面的「檔案類型」下拉式選單中選擇「jpg檔案交換格式(*.jpg)」

3. 然後按下「儲存」按鈕。當跳出對話框時,請選要匯出「每一張投影片」

4. 每頁一張投影片,所有檔案會被存到「我的文件」「我的圖片」資料夾中。

5. 把剛剛做好的「絲路之旅」資料夾複製、貼到桌面上一份,更改複製的資料夾名稱,例如:「簡報檔」。

6. 打開「簡報檔」這個資料夾,打開「pages」資料夾,刪除舊照片,然後把剛剛匯出的投影片圖片檔,拷貝到「pages」資料夾中。

7. 跟上例一樣,打開「xml」資料夾,用記事本開啟並修改「Pages.xml」檔,陸續把檔名修改成新放入的檔案名稱,然後修改第一行的「照片尺寸」。

8. 點兩下主網頁「Dfault.html」,打開音量,自己的第2本DIY電子書快速完成了!

 


五、封裝成單一執行檔:

    如果想要把這個網頁包裝成單一執行檔來讓學生或老師下載,您可以下載這個工具:將網頁封裝成單一執行檔makesfx.exe

點兩下執行後,可以看到這個畫面,按三個[瀏覽]按鈕來選擇:

來源目錄請選我們剛做好的[絲路之旅]資料夾

可執行檔就選我們改過的主網頁[index.html]

目標SFX檔請輸入想要發版的執行檔名稱(支援中文)

都選好了就按下[建立SFX檔],檔案會存到桌面上。

點兩下來執行它:

封裝完成。

 

六、結語
 

本次介紹製作網頁版的電子書最大的特色,是在電腦不需另外安裝額外軟體的情況下,就能順利製作。

這不但節省了購置全校授權軟體的經費,也增進了老師資訊融入教學的專業素養。又因為製作方法非常容易,任何老師只要願意花一點點時間,都能順利成功的製作一份電子書,比起坊間售價昂貴的電子書也不會差太遠。

製作過程中,比較麻煩的是改xml文字檔中的「照片檔名」這件事。其實有很多免費軟體可以快速大量取代文字檔中的檔名,例如:
PSPad繁體中文版(內建多國語系) 官方網站: http://www.pspad.com/ 

或是您可以下載教育用途可免費使用的軟體「PhotoCap 5.01中文版」,下載的網站網址是: http://yuren88.myweb.hinet.net/file/PhotoCap501_CH_BIG5.exe 

您可以利用裡面的「大量更改圖片檔名」功能,來快速改圖檔檔名,這是另一個反向處理的方法。
另外PhotoCap 5.0 還可以「批次快速」把照片縮小到你想要做電子書的大小,在此推薦此軟體作為延伸學習之用。
最後,要提醒老師注意的是:若要和其他老師分享檔案,請放置於校內教學網路中使用,若是公開提供網路下載有版權的書籍、繪本等翻攝、重製作品,將會觸犯智慧財產權等相關規定。

 

附註: 觀賞課程範例網站網址在這裡
 

相關主題:【以Google 協作平台建立班級網站】【以Picasa建立班級活動相簿】【Google_Drive雲端硬碟】 【Windows 7 新手入門

AirPlay系統整合融入教學】【免裝軟體的電子書製作】【Gmail與雲端硬碟拉拉手】【問卷調查設計