「HTML5 注音高手」是源自於江明勳老師和我開發的「Flash版注音高手」，在 2012年改成 HTML5 版後，就沒什麼更新。2022年10月10日整個重新改造，少了和 Flash 版設定檔的相容性，新增了可以嵌入網站或是 Blogger 的功能，並採用和 HTML5 FUN 網站其它工具的題庫格式。
「HTML5 注音高手」除了可以在 HTML5 FUN 網站中下載並改成自己的練習內容；有自己的網站或是 Blog 的人，也可以利用本頁中的「語法產生器」，製作可直接放在網路上玩的版本。
想要在 Blogger 中放自訂題庫的「HTML5 注音高手」嗎？利用「HTML5 FUN 烘焙機」製作語法，再將語法貼入 Blogger 的文章中，即可以直接利用 Blogger 當儲存題庫、並讓別人來玩自製遊戲的空間囉！
【備註】本篇原有的2022年舊版語法產生器已經停用，自2023年已有新版的產生器，名為「HTML5 FUN 烘焙機」，請按一下「HTML5 FUN 烘焙機」連結，或有以下圖示的最新版的烘焙機：
示範影片
[之一] 在語法產生器的題庫中加上圖片及 Vocaroo 錄製的語音
[之二] HTML5 Speaking 語法產生器製作 Blogger 及 Weebly 頁面的方法
相關連結
更新記錄
- 2022.10.27 最後輸出語法時，可以勾選「是否嵌入 Google Sites」。
- 2022.10.26 按圖形化編輯器上方圖示說明列中的圖示可以在游標處插入欄位分隔符號或是開啟 Vocaroo 錄音網站的連結
- 2022.10.24 加入由剪貼簿貼上動作的處理，事先將文字分析並轉換後才貼上可用的語法。試算表貼過來的資料，會自動將 Tab 符號轉為欄位分隔符號(##)。
- 2022.10.23 整合 HTML5 FUN Editor 的圖形化題庫編輯器。
- 2022.10.15 修正在置換參數內容後，如果同行後面有加註解，會消失不見的問題；題庫的輸入區增加自動轉換 Vocaroo 語音連結網址的功能，錄好後，只要將得到的網址貼進輸入區即可，詳情請參考「雄 : 取得 Vocaroo 的聲音檔網址」。
- 2022.10.14 修正輸出的設定中，結束用的分號未附加上去的問題。
- 2022.10.13 以「雄 : HTML5 : Speaking@Blogger 語法產生器」為基礎，稍加強後，改為注音高手語法產生器。
在第一步驟中，可以先選擇 HTML5 FUN 網站中，注音高手的三個範例題庫檔案來載入，當作樣版。
發表文章
今天2022-11-28 使用雄注音有問題 按紅色框 使用注音高手 畫面是白色網頁
回覆刪除您好，謝謝通報，已經將程式更新好了；有問題再麻煩通報。謝謝 ^_^
刪除雄老師好：
回覆刪除謝謝老師開發這麼好用的注音高手，目前手上的小二學生非常喜歡，也收到許多學生拼音進步的回饋。
但是在課堂實行的過程中，發現有些國字的注音已經更改，或是有些輕聲字打不出來。
例如：
『什』這個字，目前課本的注音是『ㄕ ㄣ ˊ』，但是注高要打『ㄕㄜˊ』才能找到『什』字。
不知道注音高手能不能有類似『新增、修正國字注音』的功能呢？
Suliz 您好，
刪除在「注音高手更新版」的「更新記錄」
https://gsyan888.blogspot.com/2022/10/html5-phoneticsquiz-2022.html
中有一筆:
2022.10.16 v.1.g 新增可以在題庫第四欄位填入答案的注音(每一單字間用空格隔開，例如: ㄉㄚˋ ㄒㄩㄥˊ)，未使用第四欄者，照預設方式查注音國字對照表來核對答案。
以您提到旳例子，如果不加語音及圖片，可以用:
什麼######ㄕㄣˊ ㄇㄜ˙
語詞之後加了六個半形井字號，讓自訂的注音變成第四欄位，即可取代原有查表的答案。
當然，如果您願意將有問題的題目跟我說，我可以更新對照表，這樣子，大家都受惠。
有空我再錄影片說明題庫第四欄位的應用。
有問題歡迎再反應，謝謝您的留言。
謝謝老師～
刪除試用後已經修正注音的問題了～太感謝了ヽ(●´∀`●)ﾉ
另外，有問題的題目也會開始著手收集，達一定數量再請老師修正，謝謝老師！