Download presentation
Presentation is loading. Please wait.
1
聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
HTML5 WORKSHOP 聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
2
背景 HTML5未完全成熟，沒有一個完美的browser可以支持所有功 能。 HTML5的出現不是為教學用途, 而是為專業的網業開發。
(例如<font>, <frame>被移除) 那麼，對學校而言 我們應該如何將HTML5應用於學與教呢？
3
教學工具 Browser: Google Chrome Editor: Notepad++
4
初中電腦 初中課程: 讓同學體驗最新科技發展 HTML4和HTML5可以混合使用 可以教CSS和Image Map
5
應用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類別
6
HTML5 IMAGE MAP W3Schools DEMO: reamap
7
高中電腦 筆試只考HTML4，HTML5似乎沒有學的價值。 可以於SBA Project應用，另網站內容更加豐富。
8
網頁設計比賽
9
ANDROID APP
10
THANK YOU! 「聯絡」: 聖文德書院 - 區柏成老師
Similar presentations
