新高中ICT的課程被人詬病的是沒有指定的HTMLW標籤，所以嚴格來講2012的考卷可以考HTML5W的標籤，不要驚慌，只要我們與時並進，HTML5W並不是不能克服，早前園丁已介紹圖解及簡介，不如今次講歷史吧，同學亦可藉此重溫HTMLW的標準是如何制定吧！ 什麼是 HTML 5？ 來源:  http://www.ithome.com.tw/itadm/article.php?c=60266 HTML 5 (HyperText Markup Language 5)是W3CW協會推出的最新網頁格式標準，大幅增加多項網頁元素和控制器，強化對網頁應用的支援，如支援影音播放的Video標籤，繪圖專用的CanvasW標籤等，已於2008年釋出草案，預定2010年完成功能制定。 在10年前，負責制定WWW網頁格式標準的W3C協會（World Wide　Web Consortium）以為4.0版就可以滿足未來各種網頁內容的需求，再也不需要修改HTML格式標準，頂多進行細部規格的調整。但是隨著網路應用程式的發達，W3C協會發現，有越來越多的網站應用程式需求已超出HTML格式所能支援的範疇，甚至使用者需為特定功能額外安裝擴充元件，例如YouTubeW採用了FlashW格式來播放影音內容。 為了讓HTML語法更容易用來開發各種應用程式，W3C協會從2004年開始制定新的網頁格式標準，也就是HTML 5。在這個新版本中，W3C的制定工作小組大幅增修了多項網頁元素和控制器，於2008年釋出第一個HTML 5草案版本，預定2010年完成功能制定，不再增加新的語法元素，發布2年後若無嚴重問題，2012年再由W3C協會正式發布。 增強元件控制、多媒體和程式繪圖 5.0版完全是為新一代網路應用程式量身打造的標準，語法上提供了各種網頁元素的控制能力與支援多媒體內容和程式繪圖的新標籤等。在已發表的2008年草案中，新增了Section、Video、Progress、Meter、Time、Canvas等多項元素，尤其是Canvas標籤，可以讓開發者透過JavaScript指令在網頁中繪製2D圖形，已有軟體公司利用HTML 5的Canvas標籤打造出一套線上繪圖系統Sketchpad，可以做到像桌面繪圖程式常用的圖像編輯功能。 此外，表單中常用的Input輸入元素也增添了日期、時間、E-mail和網址等4種常用資料形式作為新的屬性。還多了ID、Tabindex、Repeat等全域屬性，例如使用Tabindex屬性可以指定使用者利用Tab鍵在表單項目中移動時的順序，讓操作介面更符合設計者的規畫。另外，HTML 5也納入了部分Google GearsW離線技術，讓應用程式在網路不通的情況下得以在本地端存取資料。 不過，在HTML 5中也移除了部分原本在HTML 4W中的語法，例如＜Font＞、＜Center＞，開發者必須改用CSSW指令來進行這類字體或排版功能的效果。 GoogleW、AppleW競相支援 由於HTML 5大幅增強了針對應用程式的需求，許多網路應用大廠紛紛鼓吹HTML 5。Apple推出的SafariW瀏覽器4.0版是第一個開始支援HTML 5部分語法的瀏覽器，甚至連執行長Steve Jobs都鼓吹要採用HTML 5而捨棄Flash技術。 Google的ChromeW瀏覽器更是標榜對HTML 5的高支援性，甚至Google放棄自身的Google Gears離線技術，改用HTML 5的離線機制。微軟則在今年3月表示，下一版本的IE 9.0版中也將支援HTML 5的部分語法，例如影音標籤等。 YouTubeW影音網站最近也開始支援HTML 5的影音標籤，使用者只要使用支援HTML 5影音標籤的瀏覽器就能播放影片，不需要安裝Flash Player，由瀏覽器負責影音解碼的運算工作，YouTube官網表示，採用HTML 5影音標籤來播放影片，可以減少處理器的負載，讓低階電腦能順暢播放影片。 不過，W3C協會2010年底前才會完成HTML 5的功能，各家瀏覽器全面支援還需一段時間，HTML 5的影響力得等到2011年後才會充分發酵。 Related posts:多媒體演示創新系列(8) – HTML5的由來 多媒體演示創新系列(7) – HTML5教學範例示範(demos [...]

1C 互聯網及其應用 · 2C 多媒體製作及網站建構 · ajax · css · demo · example · flash · Freeware 免費資源 · html · html5 · ICT 資訊及通訊科技課程 · presentation · W3C · 雲端

  將傳統打字機改造成 iPad 的隨身鍵盤, 這設計可謂妙絕!

2.1 基本機器組織 · netbalone

新高中ICT的課程被人詬病的是沒有指定的HTMLW標籤，所以嚴格來講2012的考卷可以考HTML5W的標籤，不要驚慌，只要我們與時並進，HTML5W並不是不能克服，早前園丁已介紹圖解及簡介，不如今次講歷史吧，同學亦可藉此重溫HTMLW的標準是如何制定吧！ 什麼是 HTML 5？ 來源:  http://www.ithome.com.tw/itadm/article.php?c=60266 HTML 5 (HyperText Markup Language 5)是W3CW協會推出的最新網頁格式標準，大幅增加多項網頁元素和控制器，強化對網頁應用的支援，如支援影音播放的Video標籤，繪圖專用的CanvasW標籤等，已於2008年釋出草案，預定2010年完成功能制定。 在10年前，負責制定WWW網頁格式標準的W3C協會（World Wide　Web Consortium）以為4.0版就可以滿足未來各種網頁內容的需求，再也不需要修改HTML格式標準，頂多進行細部規格的調整。但是隨著網路應用程式的發達，W3C協會發現，有越來越多的網站應用程式需求已超出HTML格式所能支援的範疇，甚至使用者需為特定功能額外安裝擴充元件，例如YouTubeW採用了FlashW格式來播放影音內容。 為了讓HTML語法更容易用來開發各種應用程式，W3C協會從2004年開始制定新的網頁格式標準，也就是HTML 5。在這個新版本中，W3C的制定工作小組大幅增修了多項網頁元素和控制器，於2008年釋出第一個HTML 5草案版本，預定2010年完成功能制定，不再增加新的語法元素，發布2年後若無嚴重問題，2012年再由W3C協會正式發布。 增強元件控制、多媒體和程式繪圖 5.0版完全是為新一代網路應用程式量身打造的標準，語法上提供了各種網頁元素的控制能力與支援多媒體內容和程式繪圖的新標籤等。在已發表的2008年草案中，新增了Section、Video、Progress、Meter、Time、Canvas等多項元素，尤其是Canvas標籤，可以讓開發者透過JavaScript指令在網頁中繪製2D圖形，已有軟體公司利用HTML 5的Canvas標籤打造出一套線上繪圖系統Sketchpad，可以做到像桌面繪圖程式常用的圖像編輯功能。 此外，表單中常用的Input輸入元素也增添了日期、時間、E-mail和網址等4種常用資料形式作為新的屬性。還多了ID、Tabindex、Repeat等全域屬性，例如使用Tabindex屬性可以指定使用者利用Tab鍵在表單項目中移動時的順序，讓操作介面更符合設計者的規畫。另外，HTML 5也納入了部分Google GearsW離線技術，讓應用程式在網路不通的情況下得以在本地端存取資料。 不過，在HTML 5中也移除了部分原本在HTML 4W中的語法，例如＜Font＞、＜Center＞，開發者必須改用CSSW指令來進行這類字體或排版功能的效果。 GoogleW、AppleW競相支援 由於HTML 5大幅增強了針對應用程式的需求，許多網路應用大廠紛紛鼓吹HTML 5。Apple推出的SafariW瀏覽器4.0版是第一個開始支援HTML 5部分語法的瀏覽器，甚至連執行長Steve Jobs都鼓吹要採用HTML 5而捨棄Flash技術。 Google的ChromeW瀏覽器更是標榜對HTML 5的高支援性，甚至Google放棄自身的Google Gears離線技術，改用HTML 5的離線機制。微軟則在今年3月表示，下一版本的IE 9.0版中也將支援HTML 5的部分語法，例如影音標籤等。 YouTubeW影音網站最近也開始支援HTML 5的影音標籤，使用者只要使用支援HTML 5影音標籤的瀏覽器就能播放影片，不需要安裝Flash Player，由瀏覽器負責影音解碼的運算工作，YouTube官網表示，採用HTML 5影音標籤來播放影片，可以減少處理器的負載，讓低階電腦能順暢播放影片。 不過，W3C協會2010年底前才會完成HTML 5的功能，各家瀏覽器全面支援還需一段時間，HTML 5的影響力得等到2011年後才會充分發酵。 Related posts:多媒體演示創新系列(8) – HTML5的由來-測試谷歌標題翻譯 多媒體演示創新系列(7) – HTML5教學範例示範(demos [...]

1C 互聯網及其應用 · 2C 多媒體製作及網站建構 · ajax · css · demo · example · flash · Freeware 免費資源 · html · html5 · ICT 資訊及通訊科技課程 · presentation · W3C · 雲端

普遍學生對HTML5W的了解是轟走Adobe FlashW的網頁技術，最容易見到的例子是HTML5版的YoutubeW，課堂中介紹太簡單，學生亦會以為它只是另一個影音插件。 園丁在外國的tweets中見到一個介紹HTML5W的演示，本身亦是以HTML5作格式的，蠻有意思： 老師可在課堂中示範HTML5的威力。 Related posts:多媒體演示創新系列(8) – HTML5的由來 多媒體演示創新系列(8) – HTML5的由來-測試谷歌標題翻譯 多媒體演示創新系列(4) – HTML5圖解

1C 互聯網及其應用 · 2C 多媒體製作及網站建構 · ajax · css · demo · example · flash · Freeware 免費資源 · html5 · ICT 資訊及通訊科技課程 · presentation · 雲端

我們的學生自少便被誤導「PowerPoint即是演示」，他們以為演示只是隨便複製一堆文字和插入一些罐頭clipart便成，但這幾年來Steve Jobs等科技猛人示範了何謂多媒體演示，以下就是一個頗全面的介紹： 有效演示的秘訣 Related posts:多媒體演示創新系列(4) – HTML5圖解 多媒體演示創新系列(5) – HTML5的好處及壞處 多媒體演示創新系列(8) – HTML5的由來

1C 互聯網及其應用 · 2C 多媒體製作及網站建構 · flash · Freeware 免費資源 · ICT Video 教學影片 · ICT 資訊及通訊科技課程 · presentation · steve jobs · 雲端

「e-zone@School 科技創意夏令營」親身體驗科技好玩之處 (HKICT Network 為此活動學界支持機構)

e-zone 及 e-zone@School 聯同數碼港，將於 8 月 11 日（星期三）舉辦科技創意主題夏令日營，讓同學認識最新IT創意趨勢，親身體驗科技好玩之處。 參加夏令營的同學來自不同學校，同學們可一起交流及從趣味活動中增長科技知識，寓遊戲於學習，發揮無窮創意。

活動詳情 日期：2010 年 8 月 11 日（星期三） 時間：上午 10:00 至 下午 5:30（包午餐） 地點：數碼港 集合地點：數碼港二座地下大堂 對象：中三或以上中學生 費用：全免 名額：80 人* 查詢電郵： ezschool@hket.com 立即前往活動登記頁 (more…)

1C 互聯網及其應用 · 2B 數據通訊及建網 · activities · ITEd 資訊科技教育 · promotion · sharing · Sharings 工作坊及撰文 · wifi

新一代網頁標準HTML 5W，成為網絡熱談，因為它不是一個品牌像Adobe FlashW，ICT或夕陽CA可以在考卷直接引用”HTML 5W“，現時仍未有任何教科書（包括長人出版社）提及這概念，故此園丁想在此列出HTML5的pros and cons（相對流行的動畫W軟件 Adobe FlashW）： HTML 5W的好處： Open Source not Proprietary like Flash Uses less computer resources. Uses 20% of computer resources compared to 40% for Flash – this makes a big difference when someone is trying to view anything, regardless of their internet connection (DSL, Cable, Modem, T1, etc.) Improves video [...]

1C 互聯網及其應用 · 2C 多媒體製作及網站建構 · flash · Freeware 免費資源 · html5 · ICT 資訊及通訊科技課程 · presentation · 雲端

新一代網頁標準HTML 5W，和AppleW及雲端W趨勢同步並進，大家最關注的應用就是：在沒有安裝FlashW外掛的環境下，可以直接上網看影片、玩遊戲，甚至做多媒體編輯。 甚麼是HTML5W？看看以下的圖解吧： Source: http://www.focus.com/images/view/11905/ Related posts:多媒體演示創新系列(5) – HTML5的好處及壞處 多媒體演示創新系列(8) – HTML5的由來 多媒體演示創新系列(8) – HTML5的由來-測試谷歌標題翻譯

1C 互聯網及其應用 · 2C 多媒體製作及網站建構 · flash · Freeware 免費資源 · Google Stuff 谷歌風 · html5 · ICT 資訊及通訊科技課程 · presentation · 雲端

園丁不諳藍球，但最近得悉美國著名籃球教練John Wooden逝世，享年九十九歲。 他擔任教練廿九年，對年青人必定十分了解，才可寫出以下數十金句，值得老師用來勉勵學生： A coach is someone who can give correction without causing resentment. Ability is a poor man’s wealth. Adversity is the state in which man mostly easily becomes acquainted with himself, being especially free of admirers then. Be more concerned with your character than your reputation, because your character is what you really [...]

christian life · coach · fatherhood · Life 生活分享

特首強勢推超錯起錨政改，園丁則近日向學生和教育同工推介演示工具 Prezi，初中學生已經可以駕馭，很欣賞有一位中三學生胡同學，只是聽了我半堂的示範，便學以致用，用了一星期的課餘時間，利用Prezi製作了一個十分出色中文科的演示《中國文字的字形演變和由來》： 幾點最新的領會： Prezi的好處是將概念圖W(concept mapW)和演示二合為一，學生能掌握演示內容的整幅圖畫(whole picture)，對學習十分有益； 只要開始便選擇中文範本，整體對中文支援比想像中好； 只要在文字區貼上YouTubeW的超連結，便會變成YouTube播放物件，一樣可以旋轉及放大，暫不支援內地同類網站； 除了圖檔，可上載pdf, swf, flv檔案； 不要由零開始，只要在Showcase中選擇”Reuse Prezi”，便可複製副本在自己空間，開啟便可編輯。 Related posts:多媒體演示創新系列(2) – 顛覆PowerPoint的免費演示製作工具Prezi 多媒體演示創新系列(1) – 在PowerPoint嵌入YouTube影片播放器 (Embed Youtube Player in PowerPoint Slides) 多媒體演示創新系列(4) – HTML5圖解

1B 電腦系統基礎 · 2C 多媒體製作及網站建構 · embed · Freeware 免費資源 · Google Stuff 谷歌風 · ICT Video 教學影片 · ICT 資訊及通訊科技課程 · ITEd 資訊科技教育 · powerpoint · presentation · prezi · screentoaster · youtube · 電子學習