SBA
HTML5 之 Video
在網頁放video除了用flash video 外，可用HTML5的code 。 <video width=”320″ height=”240″ controls=”controls”><source src=”movie.mp4″ type=”video/mp4″ />Your browser does not support the video tag.</video> Attribute width=”320″ 寬 320 px height=”240″ 高 240 px [width & height 按 aspect ratio 放大縮小] src=”movie.mp4″ 檔案path 及名稱 大家可以修改attribute 來 不顯示控制列 自動播放 W3C測試 -> Try it yourself Flash video vs HTML5 <video> Flash video HTML5<video> Install Plugin? Need to install browser plugin, Flash...
簡易 gif animation
介紹大家用網頁來做animation。 先用繪圖軟件預備好每一張frame， 然後選用可以下其中一個網頁， makeagif.com gifninja.com lunapic.com upload 預備了的圖檔，選delay time 及special effect。
萬能線上轉檔器 Online Converter
萬能線上轉檔器功能強大，免安裝，較果好! 只是擔心檔案要upload，會有security issues ，如是機密內容，用offline的方法比較安心! 常用例子一: 用電話錄音or拍片 通常檔案是amr 和 3gp，要轉回網頁支援的檔案才能embed在網頁。什麼檔案才能embed在網頁?請溫習Elective Book 1 Ch4 audio 以 Ch5 video。 常用例子二: Youtube的video轉在電腦上能看的 Youtube的video是*.flv (flash video) ，在主頁的 Convert Video 選 Convert to WMV ，可直接輸入youtube 的URL自動download做wmv的檔案。而在SBA加wmv可參考: 在search engine 找 webpage wmv player ，有不少網頁提供embed的html code 利用JW Player 常用例子三: docx 轉 doc 還是用舊版word又不想安裝patch，可以用它由docx轉換做doc，可是文件可能會在線上留了一個copy，人人也能看。 其他用途請自行探索!
一個不錯的E-learning 網站 – freerice.com
freerice.com 一個學英文生字的網站。 推動力: 每一正確答案可得10 grains 的Rice，會立即以圖片顯示你手上有多少米! 而所有你賺到的米也是會捐給有需要的人。 6905060 grains of rice donated yesterday.Over 91 billion grains donated to date (see totals). 而在guiz / game 的 footer 顯示昨日捐了多少，一共捐了多少。 這可增加大家的學習力，因一邊學習，一邊可做善事! 學習: 除學英文生字，還有其他課題並可由用家自己出題目考其他人。 做一個e-learning的網站，不是把text, grahic, video, auduo, animation 全放在一起便是好站，要能吸引用家一再回到網站，才是Creative Design。 希望大家可以參考一下，花點心思。
online畫Flowchart
平時晝flowchart又不想安裝軟件，會用WORD來畫。 但是實在太不方便啦! 以下是一些不用安裝又可畫Flowchart的網站。 yEd Graph Editor – 選Launch，是用Java的。 功能強大又免費! [在學校也能用] Gliffy 同時可畫其他類型的圖，如組織圖、Venn Diagram等。[在學校也能用] LucidChart [在學校不能用]
怎樣把video放到網頁中
很多時候，用手機拍了的片在網頁並不支援! 便是支援，同學一般會把video file 用hyperlink叫用家click下去， 然後用window media player 去播放， 但這並不user friendly。 如想video可以像Youtube那樣在網頁 ，可不是很難的。 在video播放的streaming video 是flv格式。 在Google search “Free Flash video converter”， 便找到: http://www.dvdvideosoft.com/products/dvd/Free-Video-to-Flash-Converter.htm 先安裝Free Video to Flash Converter， 選要轉換的檔案，它在轉做flv的同時還會自動generate在網頁播放的code出來! 只要把協助播放的檔案抄到自己的網頁folder 內， 便能在SBA的project 播放video 了! 你要做的只是安裝及 Press the button!
FlashPaper vs Acrobat
大 家 有 沒 有 試 過 在 網 上 下 載 Word 的 文 件 ﹐ 但 是 打 打 一 看 ﹐ 全 是 走 了 位 的 。 這 是 因 為 上 載 者 的 Word 版 本 和 下 載 者 的 不 同 。 為 了 改 善 這 問 題 便 有 了 Acrobat...
無障礙網站 Web Accessibility
大 家 平 常 也 喜 歡 看 有 很 多 圖 、 動 畫 、 色 彩 豐 富 的 網 站 ， 但 是 有 沒 有 想 到 ， 如 果 視 力 不 好 （ Visually impaired users ）， 能 怎 樣 看 這 樣 的 網 站 ？ 那 弱 視 人 士 （ Visually impaired...
Recent Comments