ei0020130196 tasting html5 june 17, 25 warkey, pak shing, thomson 1
TRANSCRIPT
![Page 1: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/1.jpg)
EI0020130196Tasting HTML5
June 17, 25Warkey, Pak Shing,
Thomson
1
![Page 2: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/2.jpg)
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
![Page 3: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/3.jpg)
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
![Page 4: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/4.jpg)
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
![Page 5: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/5.jpg)
Flash / HTML5 game
http://flashvhtml.com
5
![Page 6: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/6.jpg)
Flash to HTML Converter
https://www.google.com/doubleclick/studio/swiffy/
6
![Page 7: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/7.jpg)
Tools used in HTML5
Online tools Notepad++
Portable, free Recognize HTML5, JavaScript …
7
![Page 8: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/8.jpg)
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
![Page 9: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/9.jpg)
Depositories of Curriculum-based L&T Resources http://www.hkedcity.net/edb/
teachingresources
9
![Page 10: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/10.jpg)
Web Authoring Resources
10
![Page 11: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/11.jpg)
URL of online tools for HTML5
11
![Page 12: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/12.jpg)
HTML5 exercises
Updated PDF: D:\html5 Based on
http://www.w3schools.com/html/
12
![Page 13: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/13.jpg)
Professional Development
13
![Page 14: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/14.jpg)
online L&T tools
14
![Page 15: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/15.jpg)
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
![Page 16: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/16.jpg)
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
![Page 17: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/17.jpg)
Beyond Campus - EDB
http://beyondcampus.fwg.hk
17
![Page 18: EI0020130196 Tasting HTML5 June 17, 25 Warkey, Pak Shing, Thomson 1](https://reader035.vdocument.in/reader035/viewer/2022070415/5697bf761a28abf838c809d3/html5/thumbnails/18.jpg)
Registered with e-mail address [email protected] [email protected] [email protected]
Beyond Campus
18