Link from dropbox HTML5 file

把 PowerPoint 用 iSpring Free 7 轉成 HTML5 ,再放到 Dropbox裡。
然後取的它的 Public Link,貼到師大的 Flash Code Generator,用 iframe的方式。

結果:在後台時,有看到一個框框。點了框框,也填了Public Link 的 URL 。

可是在前台,只看到一個小小的框框。可能要請神人幫我們寫一個能夠用的語法了。

HTML 5遊戲

HTML 5遊戲

 

再試師大的筆順練習

這次的語法是師大的,選的是Flash animation of Stroke orders。

 

因為偷看一下她的語法跟上一個貼文用的是〝Character Writing Practice tools 〞是有一點不同。
結果是:還是被吃掉了,預覽時,有看到一個框,以為成功了。當〝更新〞後,甚麼多不剩。

20141007 又試了一次。

這次成功了。

做法:取得code之後,在編輯的後台,點〝文字〞,再將code貼上,即可。

呈現如上圖的結果。YA

使用師大的Character Writing Practice Tool

試著使用師大的線上工具,看是否可以製作出動畫筆順。

將師大所產生的iframe的語法,貼回WordPress的全球華文往部落格。

結果出現了下面那一串文字,其他的語法都被她〝吃〞了。

〝Your browser does not support iframes.〞

結論:目前大部分的embed和iframe的語法都不適用。

 

使用 iframe 的方式將筆順練習加入 WordPress

一直無法將語法貼到部落格。語法有用  iframe 和 embed 的方式。

試用中華民國教育部國字常用標準字體筆順學習網所提供的語法貼不上去。

後來試了顏國雄老師提供的,選擇〝 iframe 〞的方式。

貼出來的結果如下圖。雖不太理想,至少可以工作了。

當拷貝語法之後,回到WordPress後台,在工具列上請選擇〝文字〞

然後貼文上去,在將拷貝回來的語法貼上。回到〝預覽〞(文字那個按鈕旁邊)。

呈現的方式雖然不太好看,也不太是我們想要的。

但是它會開啟新視窗,學生可以看,也可以練習寫。意思到了就是了。

使用iframe的方式將筆順練習貼到WordPress的部落格裡




 

來源:中華民國教育部常用國字標準字體筆順學習網

 

2014/10/07 再試

中華民國教育部國字常用標準字體筆順學習網所提供的語法貼

這次成功了。可以貼了。

方法:編輯時,使用〝文字〞貼code。

play youtube movie not from first second

如果youtube的影片不想從第一秒開始看,該如何?

將youtube的影片放到WordPress分享很簡單。

首先到youtube,找出想分享的影片

選下方的〝Share this Video〞

如果不想從第一秒開始,可以選下圖中〝Start at :〞

輸入開始的時間,當然要勾選〝Start at: 〞前方的框框。

然後將其左方的網址,貼入WordPress的貼文處。

也許還看不出來,只看到一行網址,沒關係。

當把它〝Publish〞之後,就會看到如下方的youtube影片了。

embed youtube Video

 

 

add flash to WordPress

怎麼把Flash加到WordPress裡呢?

現在華文網的新部落格已經可以將Flash放上去了。

方法有兩種:點選toolbar上有一個紅色icon,裡面寫著〝Fl〞,點下去,就會出現下圖。

一、如果已經將Flash上傳到〝Media〞裡的話,選第一個紅色框中〝Select Movie from Media Library: 〞後方的選出要embed的Flash。再設定第二個紅色框框中,指定Flash的大小。

二、如果Flash是放在dropbox裡的話,將Flash的public link填入第一個紅色框框的〝or External SWF URI:  〞,再設定大小。

embed flash to wordpress

這樣就可以了。

請看成果。

[topswf swf=’https://dl.dropboxusercontent.com/u/13574186/temp/ipad/Something%20you%20should%20know%20%20before%20using%20iPad.swf’ width=’480′ height=’360′ quality=’best’ wmode=’transparent’ scale=’default’ flashvars=” allowfullscreen=’false’]