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 xxx@xxx.edu.hk xxx@eservices.hkedcity.net xxx@xxx.gov.hk

Beyond Campus

18