聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL HTML5 WORKSHOP 聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
背景 HTML5未完全成熟，沒有一個完美的browser可以支持所有功 能。 HTML5的出現不是為教學用途, 而是為專業的網業開發。 (例如<font>, <frame>被移除) 那麼，對學校而言 我們應該如何將HTML5應用於學與教呢？
教學工具 Browser: Google Chrome Editor: Notepad++
初中電腦 初中課程: 讓同學體驗最新科技發展 HTML4和HTML5可以混合使用 可以教CSS和Image Map
應用CSS - 將CSS 嵌入HTML檔案 定義CSS類別 應用CSS類別 1 <html> 2 <head> 3 <title> 4 網頁標題 5 </title> 6 <style> 7 .abc 8 { 9 text-shadow:6px 4px 4px #278c27; 10 } 11 </style> 12 </head> 13 <body> 14 <div class="abc"><font size="1000" color="black">Good afternoon!</font></div> 15 </body> 16 </html> 定義CSS類別 應用CSS類別
HTML5 IMAGE MAP W3Schools DEMO: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_a reamap
高中電腦 筆試只考HTML4，HTML5似乎沒有學的價值。 可以於SBA Project應用，另網站內容更加豐富。
網頁設計比賽
ANDROID APP
THANK YOU! 「聯絡」: 聖文德書院 - 區柏成老師 aps@sbc.edu.hk