Transcript PowerPoint 簡報

EI0020130196
Tasting HTML5
June 17, 25
Warkey, Pak Shing, Thomson
1
Today’s Program





Introduction (Thomson - RHS)
Demonstration and Hands-on practice
of HTML5 and CSS (Warkey - LKCSS)
Break
Sharing of teaching experience in
HTML5 (Shing - SBC)
Technology Depository resources
(Thomson)
2
Friendly Reminder


Sign in when you arrived
Before you leave




Complete Online Survey
Sign out
If you have any query, please contact
us.
Today’s material can be found in
D:\html5
3
Why HTML5?

Students should have the chance to
‘taste’




HTML code
Programming
Open sources software
HTML5



Modern, a new standard, faster
New functionality
Supports mobile devices
4
Flash / HTML5 game

http://flashvhtml.com
5
Flash to HTML Converter

https://www.google.com/doubleclick/studio/swiffy/
6
Tools used in HTML5


Online tools
Notepad++


Portable, free
Recognize HTML5, JavaScript …
7
HTML5 application: SVG-edit


SVG-edit: HTML5 (SVG), CCS, JavaScripts
 https://code.google.com/p/svg-edit/
Sample site



http://svgedit.googlecode.com/svn/branches/2.6/editor/svgeditor.html
It can also be used to teach vector graphics.
It can run on Desktop computer or put in web
server
8
Depositories of Curriculumbased L&T Resources

http://www.hkedcity.net/edb/teachingresources
9
Web Authoring Resources
10

URL of online tools for HTML5
11
HTML5 exercises


Updated PDF: D:\html5
Based on http://www.w3schools.com/html/
12
Professional Development
13
online L&T tools
14
Online Exercise Making Tools



http://diy.fwg.hk (no sign in required)
Developed by EDB
Limitation


No hosting provided
You can not use your own image
15
School Account for DIY






Hosting provided.
Can use your own image
Login Page http://diy.fwg.hk/admin
Each school are entitled to have 10
accounts
Beware of copyright
Application forms in D:\html
16
Beyond Campus - EDB

http://beyondcampus.fwg.hk
17
Beyond Campus

Registered with e-mail address



[email protected]
[email protected]
[email protected]
18