729 views
<h4 class="" id="回到-WebBit"><a class="anchor hidden-xs" href="#回到-WebBit" title="回到-WebBit" smoothhashscroll=""><i class="fa fa-link"></i></a>回到 <a href="https://md.kingkit.codes/s/vjiZS5dmS" target="_self" rel="noopener"><code>Web:Bit</code></a></h4> # Web:Bit 創意範例:讓創意被世界看見 「Web:Bit 創意範例」是一個創意共享的平台,讓您可以輕鬆的分享並獲得創意靈感! ### 分享您的創作 [Web:Bit 教育版](https://webbit.webduino.io/blockly/?demo=default) 提供了非常簡單的方法,不論您是老師還是學生,只需要通過幾個步驟,就可以發布作品到「Web:Bit 創意範例」。您還可以為作品新增吸引人的標題和封面圖片,讓更多人注意到您的作品。 ### 瀏覽其他人上傳的範例 除了分享您自己的創作外,您還可以在 [Web:Bit 教育版](https://webbit.webduino.io/blockly/?demo=default) 上瀏覽其他人上傳的創意範例,幫助新手快速了解 Web:Bit 教育版的豐富功能,熟手也能獲得更多創作靈感,創造出更棒的作品。 ## 到哪裡可以看到創意範例呢? 1. 進入 [Web:Bit 教育版](https://webbit.webduino.io/blockly/?demo=default)。 1. 點擊畫面右上方工具列的「範例」。 ![](/uploads/upload_ab6391ff2c98c7337778edc50a4d0c4b.png) 2. 開啟範例視窗後,滑鼠輕觸上方「Web:Bit 官方範例」。 ![](/uploads/upload_70571e924a67b8290e9c8bf9b9e09686.png) > 官方範例是由 Webduino 提供的官方教學範例,創意範例則是教學資源共享的平台,由使用者主動分享自己創作的積木。 4. 在下拉選單,點擊「創意範例」,就可以查看所有創意範例。 ![](/uploads/upload_357b25a83b11549f8d7538dde073da4e.png) 7. 任選一個有興趣的範例,點擊一下,即可開啟範例積木。 ![](/uploads/upload_cb12b399accd5262fbeec7739d2a8e12.png) 平台會跳出提示訊息,確定開啟的話就點擊「確定」。 ![](/uploads/upload_9788f0bd04fcda4400daf806c1355391.png) 8. 開啟創意範例時,平台會呈現作者撰寫的範例介紹,能幫助大家更清楚如何使用這個範例喔! 閱讀完畢點擊「我知道了」,即可關閉介紹視窗。 ![](/uploads/upload_6b727ffae5703c2b128f928edf7e32e3.png) ## 如何製作自己的創意範例? 1. 進入 [Web:Bit 教育版](https://webbit.webduino.io/blockly/?demo=default),並使用「個人帳號」登入。 ![](/uploads/upload_bc7a062d387049c49ea79c022a6f1665.png =80%x) > 訪客登入 ( 免註冊體驗 ) 不提供上傳「創意範例」的功能喔!請使用信箱或 Google、Facebook 登入。 2. 在積木編輯區完成積木編輯後,點擊畫面右上方工具列的「檔案」,選擇「分享」。 ![](/uploads/upload_c28a32bbcfd3664534d9c9749e65d202.png) 5. 在分享連結畫面,點擊「分享至創意範例」。 ![](/uploads/upload_48f6bd44e4315005582bfd02be590e8b.png) > 如果點擊「複製」,則可以將積木範例透過連結網址,直接分享給特定使用者。 7. 在下圖畫面,依序填寫: - 範例標題 - 作者名稱 - 範例介紹 ( 選填 ) - 選擇範例圖片 ( 從電腦上傳或點擊彩色圓點,挑選預設圖片 ) ![](/uploads/upload_8028ce8dfd08e56bccb0daadcd0c51a0.png) 8. 填寫完成後,點擊「發布範例」。 ![](/uploads/upload_6e916a40be0e1d209b1c354297a84aee.png) 10. 成功發布後,可以在「Web:Bit 創意範例」>「我的範例」中,看到剛才自己發布的範例。 ![](/uploads/upload_95009549611e4c655a16cd04e970879e.png) ### 編輯範例 1. 登入個人帳號後,在「範例」>「Web:Bit 創意範例」>「我的範例」中,點擊畫面右上方的「編輯」按鈕,切換為編輯模式。 ![](/uploads/upload_7006b29710bae72c713e47f41fa92c1c.png) 2. 進入編輯模式後,每個範例的右上角會出現垃圾桶圖案。 ![](/uploads/upload_7ead4e764f83d96950af36f21ad0d82e.png) 3. 點擊要刪除的範例,點擊「確定」,即可刪除範例。 > <span style="color:red">請留意,範例刪除後就無法復原囉!</span> ![](/uploads/upload_30702203b4171a203814ccf2432d72b5.png) 4. 完成後,點擊右上方「取消」按鈕,可退出編輯模式。 ![](/uploads/upload_0a565bb092051ce73b689d35addabe4e.png) ## 聯絡我們 如果對於 Webduino 產品有興趣,歡迎透過下列方式購買: > 個人線上購買:https://store.webduino.io/ ( 支援信用卡、超商取貨付款 ) >企業&學校採購:來信 service@webduino.io 或來電 07-3388511。 如果對於這篇教學有任何問題或建議,歡迎透過下列方式聯繫我們: > Email:service@webduino.io > Facebook 粉絲團:https://www.facebook.com/webduino/ > Facebook 技術討論社團:https://www.facebook.com/groups/webduino/