ei0020130196 tasting html5 june 17, 25 warkey, pak shing, thomson 1
TRANSCRIPT
EI0020130196Tasting HTML5
June 17, 25Warkey, 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://svg-edit.googlecode.com/svn/branches/2.6/
editor/svg-editor.html
It can also be used to teach vector graphics.
It can run on Desktop computer or put in web server
8
Depositories of Curriculum-based 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
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
School Account for DIY
16
Beyond Campus - EDB
http://beyondcampus.fwg.hk
17
Registered with e-mail address [email protected] [email protected] [email protected]
Beyond Campus
18