若要在教學中使用線上白板,請開啟一個瀏覽器型的繪圖畫布,挑選一隻筆的顏色與筆刷大小,即時繪製你的解說,視需要撤回個別筆觸,並在關閉分頁前點選「Download PNG」,以便保留一份 1000 乘 600 像素的副本。這種方式可在任何瀏覽器分頁中運作,無需安裝軟體、註冊帳號,也不會將任何內容同步到雲端,因此無論是規劃好的課程或臨時的解說都很實用。在即時上課時,你可以標註圖表、一行一行地解題,或是一邊說話一邊繪製概念圖,讓學生看著你的游標在畫布上移動。由於一切內容都保留在目前分頁中、永遠不會離開你的裝置,因此也非常適合一對一家教、分組討論時段,或是你想要留下乾淨繪圖紀錄的課後答疑時間。同一塊白板可以在不同主題之間清除重複使用,而不會拖慢速度或打斷專注。

how to use whiteboard for online teaching
How to Use an Online Whiteboard for Teaching Step by Step

為什麼線上白板有助於即時教學

線上教學通常需要一塊可共享的視覺版面,讓教師能即時繪製,同時讓學生觀看。瀏覽器型白板正能滿足這個需求,無需任何安裝、帳號,或滑鼠、觸控板、觸控筆、觸控螢幕以外的特殊硬體。因為畫布完全存在於目前的瀏覽器分頁中,永遠不會上傳到伺服器,它同時也是一塊低壓力的隨手塗鴉板,適用於一對一家教、分組討論,以及課後答疑時的快速解題時段。

最明顯的優勢就是速度:你可以在單節課中開啟白板、畫出答案、下載 PNG,即使面對的是臨時冒出來的問題也沒問題。相較於需要邀請碼、角色指派與雲端同步的協作平台,瀏覽器內建畫布讓教師能把注意力集中在解說上,而非設定流程。它同時也解決了學生端一再出現的問題,因為學員那一端什麼都不必安裝,一切都在已開啟的瀏覽器內進行。

How to Use an Online Whiteboard for Teaching Step by Step

完整流程包含三個簡短的動作。把它們視為你在課程中針對每個新主題、題目或圖表重複執行的迴圈。

  1. 為下一筆選擇筆的顏色與筆刷大小。在開始繪製前先設定好視覺分量,讓每個新筆觸都與前一筆一致。
  2. 用滑鼠指標、觸控輸入或觸控筆在白色畫布上繪製。當某一條線畫錯時,使用 Undo 移除最後完成的筆觸;若要在不同主題之間重新開始,則使用 Clear 清空白板。
  3. 在離開頁面前選擇 Download PNG,以保留一份 1000 乘 600 的副本。PNG 會以白色背景儲存在你的裝置上,可附加在訊息中、放入文件,或留作你自己的紀錄。

挑選筆的顏色與筆刷大小

畫布支援大約 1 像素到 40 像素的標準化筆刷寬度,每段完成的筆移動會儲存為一個筆觸。一開始就選對組合,正是讓白板整齊、與讓學生在手機或共享螢幕上看不懂的差別所在。一個簡單的原則是:書寫與標註使用細筆觸,箭頭、標題與強調處則使用較粗的筆觸。

Teaching scenarioSuggested brush sizeSuggested color
Handwritten words, labels, formulas2 to 4 pxDark blue or black
Arrows, connectors, and emphasis5 to 10 pxDark blue or red
Boxes, circles, and big shapes8 to 15 pxBlack or a strong color
Heading-style underlines and dividers15 to 40 pxA single accent color

色彩對比的重要性大於絕對的顏色選擇。為主體內容選一個深色,並保留第二個強調色給修正、警告或重要提示。由於畫布會將每次完成的筆移動保留為獨立筆觸,你可以在繪製中途切換顏色,而不必重畫先前的內容。

在畫布上繪製與編輯

畫布是固定 1000 乘 600 像素的工作區域,會依據可用頁面寬度縮放,因此在桌面與行動版面上指標位置都能對齊。這種縮放代表你不需要為了螢幕尺寸另外調整:在筆電上看似 10 像素的筆刷,在平板上看起來比例相近,因為畫布每次都會以相同的工作解析度重繪。單次點擊會產生可見的小點而非消失,這對於想在圖表上標記某個位置很有幫助。

編輯刻意設計得很簡單。Undo 會移除最近的筆觸但不清除先前的內容,因此小幅修正不需要重畫整張圖。Clear 會一次清空整塊白板,這是切換主題時該使用的工具。系統沒有圖層、沒有群組、也沒有物件選取,每個筆跡都是自由手繪的筆觸,而這份簡潔正是讓即時課程中互動保持可預期的原因。

為了獲得最佳效果,建議先勾勒大致形狀,再用觸控筆或穩定的指標動作加上標註,並在只需要修正最新一筆時使用 Undo。在進行重大更動前下載一份 PNG 存檔也是個好習慣,因為白板並不會自動儲存草稿,無法在重新整理後救回。

在關閉分頁前將課程存成 PNG

下載這一步是教師最常被突襲的地方。白板只在目前的瀏覽器分頁中儲存筆觸,一旦重新整理或關閉分頁就會清空——除非你已經存檔。選擇 Download PNG 會產生一張 1000 乘 600 像素、白底的 PNG,可直接放入聊天訊息、LMS 作業、簡報檔,或課程紀錄中。

一個可靠的流程是在主要主題之間下載一份存檔,特別是在清空白板、開始下一道題目之前。由於檔案是儲存在你的裝置本機,之後開啟不需要網路連線,也沒有浮水印、不需登入、不必上傳。這也是為什麼畫布很適合需要跨多次課重複使用同一張圖的私人教學。

如果想讓學生即時看到白板,最簡單的方式就是透過視訊通話分享你的螢幕,一邊畫一邊讓他們看。若想更深入了解如何在特定會議應用程式中執行此操作,請參考我們的指南:teaching online with a browser whiteboard in real time

讓白板易於閱讀的教學習慣

白板只有在學生跟得上繪製內容時才有用。以下幾個習慣能持續提升即時課程的可讀性:手寫字體要夠大、讓學生在手機上也能讀;在重要詞彙周圍留白;以及在開始新主題前先清空白板,避免前一個範例與當前範例擠在一起。

邊畫邊口述說明也很有幫助。學生往往在標註出現之前就理解了答案的輪廓,因此一邊畫箭頭一邊說明它的含義,比起默默寫完所有內容更能建立穩固的心智模型。當出現錯誤時,比起重畫,更建議使用 Undo,因為重畫時的停頓正是學生最容易失去解說脈絡的瞬間。

最後,事先決定何時下載。如果課程以一張清晰的圖表作結,就在解說一結束立刻存成 PNG。光是這個習慣就能避免最常見的失誤模式:在意識到白板即將消失之前就已經關閉分頁。

瀏覽器內白板的限制

瀏覽器內建畫布刻意聚焦於手繪筆跡。它不提供帳號、遠端游標、嵌入檔案或背景上傳,這讓啟動速度更快、互動更可預期。取捨在於它沒有協作歷史、沒有雲端還原、重新整理後也不會自動保留草稿,因此最適合被視為一個暫時性版面,而非長期的專案工作區。

若需要長期的專案、多人編輯、向量物件,或像帶有名稱節點的流程圖這類結構化圖表,請改用專門的設計或協作應用程式。白板的角色是在即時課程中為教師提供一塊乾淨、即時可用的繪圖版面,並在最後產出一份小型的 PNG 副本。在此範圍內使用時,它是為任何線上課程加入視覺解說最快的方式之一。

在新分頁中開啟 Online Whiteboard,挑選一個筆的顏色,然後開始繪製。上述三步迴圈涵蓋了從第一筆到儲存 PNG 的完整教學流程。