iT邦幫忙

2019 iT 邦幫忙鐵人賽

0
自我挑戰組

程式設計師大冒險系列 第 78

[78/150]CPE一星題庫(十一)成功製作動畫區

每週總結暫延一天,因為做專案停不下來,回過神已經到了發文時間。用PPT製作gif檔,PPT可以將每張投影片輸出成單一圖片,用這點可以做成gif檔。

【大綱】

  • 如何製作gif檔
  • 動畫區顯示結果
  • 總結

【用PPT製作gif檔】

參考:GIF動畫製作教學 作者痞凱踏踏
如下圖將PPT檔儲存成gif格式
https://ithelp.ithome.com.tw/upload/images/20181217/20091910iYo9jf2wM3.jpg

然後再到GifMaker.Me網站,把剛存圖片都丟進去就可以。

【動畫區顯示結果】

CPE一星題庫
製作成果是筆者想要畫面,接者是完善資料庫。
gif檔是暫時DEMO,製作過程中才想到失敗成本。
如果PPT沒辦法做成gif,等於浪費前面製作時間。

先做一個測試版,再來投入資源,才是上上之道。
運作過程還算順暢,雖然電腦顯示記憶不足,不過刪掉幾個chrome分頁就好。
按鈕互動沒有完成,這邊先告知一下。

【總結】

目前成功製作DEMO的gif檔,網頁運作上沒有問題。
接下來是處理題目爬蟲和花時間整理資料庫。
版面美編也是個問題,有點想只做功能,等之後面試再來修改。
感謝撥冗閱讀。


上一篇
[77/150]CPE一星題庫(十)動畫區製作選擇
下一篇
[79/150]第十二週學習總結,完成CPE一星題庫版面
系列文
程式設計師大冒險115
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言