Home
 

Moodle 中如何嵌入注音/拼音小鍵盤的方法

首先要感謝顏國雄老師分享注音 / 拼音小鍵盤

注音小鍵盤
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/phone/phone.swf

拼音小鍵盤
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/phone/pinyin.swf

在Moodle裡,最常見的方式,是利用「新增活動與資源」中的「網址資源」直接將注音 / 拼音小鍵盤的網址輸入,放在公佈欄下方或常用工具區裡。

Image 114

像這樣,必須回到頁面最上方,點選開啟該項目,再來使用,這時候另開視窗就很重要,因為如果未能在顯示的選項,選取「在彈出視窗中」的話,就要面對一面要打字,一邊切換視窗畫面的麻煩囉。

Image 112

另一個做法是利用「新增區塊」中的「HTML」區塊,把嵌入語法將小鍵盤放進去,並把區塊設定為在每一頁面顯示。但是,區塊的面積都不大,操作起來也不方便,當然,也可以在文字上超連結小鍵盤的網址。記得最超連結時,要選擇開新視窗。這樣會方便許多。

Image 108

語法如下:
<iframe src=”http://mail.lsps.tp.edu.tw/~gsyan/works/flash/phone/phone.swf” width=”250″ height=”250″></iframe><a href=”http://mail.lsps.tp.edu.tw/~gsyan/works/flash/phone/phone.swf” target=”_blank”><span style=”font-family: 標楷體; font-size: medium;”>點擊 放大鍵盤</span></a></p>

如果能在「HTML」區塊,以Pop-up 的語法來處理注音 / 拼音小鍵盤,也不錯唷!

pop-up-keyboard

右側欄位「拼音小鍵盤」語法如下

<p>
<script type=”text/javascript”>// <![CDATA[
function openwin() {
window.open (“http://mail.lsps.tp.edu.tw/~gsyan/works/flash/phone/pinyin.swf”, “newwindow”, “height=380, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”) //要寫成一行
}
// ]]></script>
<span style=”color: #000000;”><strong><span style=”font-family: 微軟正黑體; font-size: medium;”>點擊按鈕開啟拼音小鍵盤…</span></strong></span><br /><span style=”font-family: georgia, ‘times new roman’, times, serif; font-size: xx-small; color: #0000ff;”><span style=”color: #000000;”>Click the button to open the Pinyin Keyboar</span>d….</span></p>
<p><input type=”button” onclick=”openwin(‘http://mail.lsps.tp.edu.tw/~gsyan/works/flash/phone/pinyin.swf’, ‘Joseph’, config=’height=380,width=400′)” value=”open the Keyboard” /></p>
<p><span style=”text-decoration: underline;”><span style=”color: #0000ff; font-size: small; text-decoration: underline;”>感謝顏國雄老師的分享</span></span></p>

2016-09-04 This post was written by Categories: Moodle 小技巧 24 comments

24 Responses to “Moodle 中如何嵌入注音/拼音小鍵盤的方法”


發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Top