若要在教學中使用線上白板,請開啟瀏覽器型的繪圖畫布,挑選筆色與筆刷粗細,即時繪製解說內容,依需求復原個別筆觸,並在關閉分頁前點選「Download PNG」,以保留一份 1000 乘 600 像素的副本。這種做法可在任何瀏覽器分頁中運作,無需安裝軟體、註冊帳號,或將任何內容同步至雲端,因此無論是預先規劃的課程或臨時的說明都很實用。在進行即時課程時,你可以標註圖示、逐步拆解數學題,或在講解時繪製概念圖,讓學生看著你的游標在畫布上移動。由於所有內容都保留在當前分頁中且不會離開你的裝置,因此也很適合用於一對一教學、分組討論時段,或需要在諮詢時間留下清楚視覺紀錄的辦公時間。同一塊白板可在不同主題之間清除並在整堂課中重複使用,而不會犧牲速度或專注力。

Why an Online Whiteboard Helps Live Teaching
線上教學通常需要一個共享的視覺介面,讓教師能即時繪製,學生則同步觀看。瀏覽器型白板能滿足這項需求,除了滑鼠、觸控板、觸控筆或觸控螢幕之外,無需安裝任何軟體、註冊帳號或特殊硬體。由於畫布完全存在於當前瀏覽器分頁中,且絕不會上傳到伺服器,它也同時扮演一個低壓力的暫存區,適用於一對一教學、分組討論,以及辦公時間中的快速解題時段。
最明顯的優勢是速度:你可以在一堂課內開啟白板、畫出解答並下載 PNG,即使題目出乎意料也沒問題。相較於需要邀請碼、角色分配與雲端同步的協作平台,瀏覽器內建的畫布讓教師能專注於講解本身,而非前置設定。它也解決了學生端反覆出現的問題,因為學習者那邊不需要安裝任何東西,所有流程都發生在他們已開啟的瀏覽器內。
How to Use an Online Whiteboard for Teaching Step by Step
完整流程只需三個簡短動作。在課程中面對每個新主題、題目或圖示時,請把它們視為要不斷重複的循環。
- 為下一筆挑選筆色與筆刷粗細。在開始繪製前先設定視覺權重,讓每個新筆觸與前一筆保持一致。
- 使用指標、觸控輸入或觸控筆在白色畫布上繪圖。當單一筆畫出錯時,可使用「Undo」移除最近完成的筆觸;若要在主題之間重新開始,則使用「Clear」。
- 在離開頁面前選擇「Download PNG」,以保留一份 1000 乘 600 的副本。該 PNG 會以白色背景保存在你的裝置上,可附加至訊息、放入文件,或留作自己的紀錄。
Choosing Pen Color and Brush Size
畫布支援大約 1 像素到 40 像素的標準化筆刷寬度,每次完成的筆移動會儲存為一個筆觸。一開始就選對組合,是讓白板保持整潔、並讓學生能在手機或共享螢幕上閱讀的關鍵。一個簡單的原則是:書寫與標註使用細筆觸,箭頭、標題與強調則使用較粗的筆觸。
| Teaching scenario | Suggested brush size | Suggested color |
|---|---|---|
| 手寫文字、標籤、公式 | 2 到 4 px | 深藍或黑色 |
| 箭頭、連接線與強調 | 5 到 10 px | 深藍或紅色 |
| 方框、圓形與大型圖形 | 8 到 15 px | 黑色或鮮明的顏色 |
| 標題式底線與分隔線 | 15 到 40 px | 單一強調色 |
色彩對比的重要性大於絕對的顏色選擇。挑選一種深色作為內文顏色,並保留第二種強調色用於修正、警告或重要標註。由於畫布會將每次完成的筆移動保留為獨立筆觸,你可以在白板中途切換顏色,而不必重做先前的內容。
Drawing and Editing on the Canvas
畫布是一個固定的 1000 乘 600 像素工作區,會縮放以符合可用的頁面寬度,因此在桌機與行動裝置上,指標位置都能保持對齊。這種縮放代表你不需要依螢幕尺寸調整:在筆電上看起來是 10 像素的筆刷,在平板上看起來比例相近,因為畫布每次都會以相同的工作解析度重新繪製。單次輕點會產生可見的點,而不是消失,這在你想在圖示上標記某一點時相當實用。
編輯功能刻意保持簡單。「Undo」會移除最近的筆觸而不會清除先前的內容,因此小幅修正不需要重畫整個圖示。「Clear」則會一次清空整塊白板,是切換主題時最適合的工具。這裡沒有圖層系統、沒有群組、也沒有物件選取,每一個標記都是自由筆觸,而這種簡潔正是讓即時課程中的互動保持可預測性的原因。
若要獲得最佳效果,請先勾勒大形狀,再用觸控筆或仔細的指標動作加上標籤,並在只有最新一筆需要修正時使用「Undo」。在進行大幅修改前下載一份 PNG 作為檢查點也是個好習慣,因為白板不會自動儲存草稿,重新整理後也無法回復。
Saving Your Lesson as a PNG Before You Close the Tab
最容易讓教師疏忽的就是下載步驟。白板只會將筆觸儲存在當前瀏覽器分頁中,除非你已先存檔,否則重新整理或關閉分頁就會清除所有內容。選擇「Download PNG」會產生一張 1000 乘 600 像素、白色背景的 PNG,可以直接放入聊天訊息、LMS 作業、簡報,或課堂紀錄中。
可靠的流程是在各個主要主題之間下載一份檢查點,特別是在清除白板以開始新題目之前。由於檔案是儲存在你的裝置本機,你之後不需要網路連線也能開啟它,而且沒有浮水印、無需登入,也沒有上傳步驟。這也是為什麼這個畫布很適合用於私人教學,因為同一張圖示可能需要在多堂課程中重複使用。
如果你想讓學生即時看到白板內容,最簡單的方式就是透過視訊通話分享螢幕,一邊繪製一邊讓他們觀看。若想了解在特定會議應用程式中的詳細操作步驟,請參考我們的指南:teaching online with a browser whiteboard in real time。
Teaching Habits That Make the Board Readable
白板只有在學生能看懂繪製內容時才有用。以下幾個習慣能持續提升即時課程的可讀性:手寫字體要夠大,讓人在手機上也讀得清楚;在重要詞彙周圍保留空白;在開始新主題前先清除白板,避免前一個範例干擾目前內容。
邊畫邊口述說明也很有幫助。學生通常會比標籤更早理解解題的形貌,所以在畫箭頭的同時說明它的含義,比起全程默默書寫,更能建立穩固的心智模型。當發生錯誤時,與其重畫,不如使用「Undo」,因為重畫的停頓正是學生最容易失去思路的瞬間。
最後,請事先決定何時下載。如果課程結束時有一張清楚的圖示,請在解說結束的那一刻立刻將它存成 PNG。這個簡單的習慣能消除最常見的失敗模式:在不知白板即將消失的情況下關閉分頁。
Limits of an In-Browser Whiteboard
瀏覽器內建的畫布刻意專注於自由手繪標記。它不提供帳號、遠端游標、嵌入檔案或背景上傳,這讓啟動速度更快,互動也更可預測。代價是沒有協作歷史、沒有雲端還原,重新整理後也不會自動保存草稿,因此它比較適合當作暫時性的介面,而非長期的專案工作區。
若需要長期專案、多人編輯、向量物件,或具備命名節點的結構化圖表(例如流程圖),請改用專門的設計或協作應用程式。白板的定位是在即時課程中為教師提供一個乾淨、可立即繪製的介面,並在最後輸出一份小型 PNG 副本。在這個範圍內使用,它是為任何線上課程加入視覺解說最快的方式之一。
請在新分頁中開啟 Online Whiteboard,挑選筆色,然後開始繪製。上述三步驟循環涵蓋了從第一筆到儲存 PNG 的完整教學流程。
若想深入了解,請參閱 Use a Browser Whiteboard in Zoom for Teaching Online。