一直覺得 CANVA AI設計很有趣，
自己也嘗試玩了一些小心得，之前分享如下：
【CANVA AI設計】班級經營小工具
https://sunnyteaching680228.blogspot.com/2025/04/canva-ai.html
今天剛好看到茶米老師有線上課，
趕快來學幾招～以下是筆記：
CANVA只能寫網頁應用程式
1.好處是可以跨平台
2.寫程式不會一步到位
3.放本機也可以執行
【實例一：倒數計時器】
1.先點選CANVA AI，選擇幫我撰寫程式碼
使用現代設計製作搶眼的倒數計時器。從極簡風格的範例出發吧：設定 10分鐘、5分鐘、3分鐘和1分鐘的倒數計時器，並搭配跳動的動畫和低調的提示音。使用大膽的文字編排，搭配平靜的藍色至紫色漸層背景。
CANVA會回覆：
由於技術限制,Canva Code目無法支援音頻功能。我很抱歉無法在這個設計中
添加您要求的音效。不過,我可以提供其他視覺增強效果來替代,例如更明顯的動
畫或顏色變化來提示用戶。
👉解決方法：
直接給CANVA一個網址的音效，並告訴CANVA：當計時結束時，播放以下的音效
https://taira-komori.jpn.org/sound_os2/game01/coin05.mp3
或再修改一次
1. 時間設定、開始以及結束時, 都要加上適合的音效, 建議使用 Web Audio API 創建。
2. 加上可以設定的10秒的按鈕
小森平的音效（免費）：https://taira-komori.jpn.org/freesoundtw.html
(但我還是試不成功，哭)
好了之後，在右上角按【在設計中使用】--【網詀 】--【發佈網站】
💜我的實作結果：
【實作２：亂數產生器】
提示詞：
我要製作一個亂數產生器，畫面要清爽亮眼。
1. 程式啟動後，要能設定亂數的範圍與要取的個數。
2. 接著就顯示開始鈕，按下後會由範圍中隨機取出亂數值，依個數顯示由左至右的紙牌。
3. 紙牌要是蓋著的，選完後會翻過來，並顯著示慶祝的紙花。
4. 全部都翻過來後，會顯示重來。
💜我的實作結果：以後都可以用這個來辦抽書活動啦~～
後來我又加了名單抽籤功能：加一個可以貼上很多名字的文字區塊，也要能設定亂數的範圍與要取的個數。
https://story0228.my.canva.site/gift
【實作3：線上字典~連上外部API】
這個部份因為時間不足，茶米老師來不及講，我自己嘗試的結果覺得超級讚～～
提示詞：開發一個線上字典，利用 API 查詢國字的意義。
畫面上有一個輸入 {國字} 的文字欄位，
送出後會到API取得資料，網址格式為：
https://www.moedict.tw/raw/{國字}
取得回傳的 json 資料，
再整理在畫面上顯示查詢結果。
💜我的實作結果：
https://story0228.my.canva.site/dictionary
【發佈、分享及上架】
如果想要把這個網頁獨立抽出來成為一個單純的網頁，就可以放在本機內做使用。
方法：
1.在網頁按右鍵，選【檢視框架原始碼】
2.把程式碼全部複製到記事本中，另存成【index.html】
3.單獨打開就可以使用囉~
如果想要把這個網頁獨立再另外發佈，可以利用下面網站。
沒有留言:
張貼留言