使用chatgpt自製教學html程式後，，老師們需要將自製的 HTML 小程式上傳到網頁上，讓學生可以輕鬆存取和操作。傳統上，許多老師會推薦使用 GitHub 來做這件事，但實際操作起來卻常讓人覺得複雜。今天，就讓我來介紹一個簡單又方便的免費網頁空間服務 —— yay.boo 🚀。
yay.boo 是什麼？🤔
yay.boo 提供一個直覺的平台，讓你可以快速將完成的 HTML 程式上傳並生成對外公開的網頁。只要將你的網頁主程式（必須命名為 index.html）連同相關檔案一起上傳，即可輕鬆建立一個屬於自己的網頁。每個免費網站的上傳空間雖然僅限 10MB，但對於大部分教學或個人小型專案來說，這個容量已經足夠使用啦！
如何使用 yay.boo？🛠️
使用 yay.boo 非常直覺，以下是簡單的操作步驟：
準備檔案：
將你的 HTML 程式存成 index.html，並確保所有需要的圖片或其他檔案都放在同一個資料夾內，這樣上傳後網頁才能正確讀取並顯示所有內容。📁進入網站：
打開 yay.boo 網站。介面簡潔易懂，非常適合各種程度的使用者。🌐上傳檔案：
將整個資料夾（包含 index.html 與其他檔案）拖曳上傳。注意檔案命名時建議使用橫線（-），避免使用下劃線（_），以免系統判斷出錯。📤自訂網址：
上傳時，你可以自行設置一個網址，只要沒有與其他網站重複即可。例如，你可以根據內容自行添加簡單的後綴，如「pic」或「test」，以便識別。🔗輸入 Email：
上傳時只需填入你的 Email，無需事先註冊。成功上傳後，系統會發送一封確認信到你的信箱。這封信內的連結可讓你日後修改或刪除網站內容。📧檢查與分享：
上傳成功後，yay.boo 會告知你已建立成功，並提供一個可供學生訪問的網址。你甚至可以利用這個網址生成 QR 圖碼，方便學生用手機掃描進入網頁。📱
使用小提醒💡
檔案大小限制：
每個免費網站僅有 10MB 的儲存空間。如果你的網頁包含大量或高解析度的圖片，建議先利用圖片壓縮工具將檔案大小縮小，避免上傳失敗。版面設計注意：
由於 yay.boo 會在網頁右下角固定顯示一個連結，所以在設計版面時，請避免在這個區域放置重要資訊或互動按鈕，以免影響使用者體驗。操作簡便：
相較於 GitHub 等平台，yay.boo 的操作流程更為簡單直接，非常適合不熟悉程式碼上傳或不想花太多時間處理技術細節的老師們使用。👍
結語🎉
yay.boo 提供了一個方便快捷的方式，幫助老師們將自製的 HTML 網頁快速上傳並公開，無需複雜的註冊流程或技術門檻。只要準備好包含 index.html 的完整網頁資料夾，上傳、設定網址、填入 Email，即可輕鬆建立屬於你自己的網頁。如果你還在煩惱如何將自己的網頁內容分享給學生，不妨試試 yay.boo 一探究竟，相信它會成為你未來網路教學和個人展示的得力助手！
沒有留言:
張貼留言