@ 翁玉礼 HTML5 Discuss. Compare to html4 Canvas Video and audio Local offline store New form control.

Slides:



Advertisements
Similar presentations
HTML5 Overview Owen Williams owen at dynabooks daht com Owen Williams owen at dynabooks daht com.
Advertisements

GETTING STARTED WITH HTML5
Backwards Compatible HTML5/CSS3 Apps in ASP.NET Nik Kalyani, Founder/CEO, HyperCrunch, Inc.
New Tags, New Attributes, New JavaScript APIs, Forms, Validation, Audio, Video, SVG, Canvas Doncho Minkov Telerik Corporation
An Introduction Timmy Kokke | UNIT4 Internet Solutions | Expression Blend MVP / Webguy.
Introduction to HTML5 Programming donghao. HTML5 is the New HTML Standard New Elements, Attributes. Full CSS3 Support Video and Audio 2D/3D Graphics Local.
More CSS - Page layout + HTML5 new features Boriana Koleva Room: C54
Philly.NET Hands-On MVC Razor, HTML5, CSS3 Rob Keiser, Bill Wolff.
 A markup language  Structures content on the internet  Commonly used by web browsers.
HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.
HTML 5 The next generation of web programming. WHERE IT ALL BEGAN.
HTML5 That’s what you need to know today Ingo Rammer, thinktecture
HTML Advanced: HTML 5. Welcome This slideshow presentation is designed to introduce you to HTML 5. It is the third of three HTML workshops available at.
Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,
Chapter 15 HTML 5 Video and Audio Intro to HTML5 1.
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
Mark Branom, Continuing Studies.  HTML5 overview – what’s new?  New HTML5 elements  New HTML5 features  Guided Demonstrations  Forms  Video  Geolocation.
Chapter 25 Utilizing Web Storage.
HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.
HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.
Naveen Prabhu Quadwave Consulting Pvt.Ltd.. Agenda  HTML 5 – The Standards  Browsers and HTML5 support  HTML5 Learnability  Perspectives of Web Designer,
HTML 5 and Content Strategy for the Web By: Christina Fregosi ISC 496.
Director of Computer Center, DaYeh University Ku-Yaw Chang.
HTML5 …web is getting sexy. What is HTML5? - It is still HTML, successor of HTML4x - It is ENRICHED HTML - It is still UNDER DEVELOPMENT - Backward Compatible.
Khan Academy Eric Fouh CS6604 Spring 2012 January 25, 2012.
CHAPTER 2 HTML & HTML5 II อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
New Features of HTML 5.0 Barbara Ericson
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
Canvas academy.zariba.com 1. Lecture Content 1.What is Canvas? 2.Including Canvas in your HTML 3.Commands in Canvas 4.Drawing Shapes with Canvas 5.Animations.
Introduction What is it? What does this mean? Features Animated Logo Html5 Flash Canvas Tunneler Html5 Animation Html5 Canvas Caching.
Introduction to HTML. What is HTML?  Hyper Text Markup Language  Not a programming language but a markup language  Used for presentation and layout.
The Internet and the World Wide Web (ch. 7) Internet-based communications other Internet services the World Wide Web.
New Tags, New Attributes, New JavaScript APIs, Forms, Validation, Audio, Video, SVG, Canvas Doncho Minkov Telerik Corporation
Creating User Interfaces Recap HTML/HTML5 JavaScript features Homework: keep working on user observation studies. Review JavaScript.
HTML5&CSS3. Webpage Editors Notepad++ TextWrangler (Mac Users) Dreamweaver Editplus plus.sourceforge.net/uk/site.htm
CollabDraw Real-time Collaborative Drawing Board Shishir Prasad Prashant Saxena Prakhar Panwaria.
CHAPTER 15 HTML 5 VIDEO AND AUDIO Intro to HTML5 1.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
HTML 5 Tutorial Chapter 6 Web Storage. Storing Data on The Client HTML5 offers two new objects for storing data on the client: localStorage - stores data.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
HTML5 & CSS3 A Practical Guide To HTML5 New Elements Forms Semantics Javascript.
Presented By Nanda Kumar(972789) P. Trinesh (982816) Sk. Salma (982824) K. Madhuri (982814) HTML5.
(1) HTML5, CSS, Twitter Bootstrap. (2) HTML5 Will be the new standard New features Drag and Drop and Support for local storage,,,, New input types Removed.
Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.
What is HTML5? HTML5 will be the new standard for HTML. The previous version of HTML, HTML 4.01, came in The web has changed a lot since then. HTML5.
TNPW1 Ing. Jiří Štěpánek.  In current version (XHTML 1.0 strict)  No multimedia elements  No semantics elements  Only few input types  Only few document.
Using HTML5 to Build Offline Applications Woody Pewitt Icenium
Agenda Steps of App Building The Runtime Environment Managing App Data Debug and Test an App Validate an App Publish an App to a Store Packaging Apps.
HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.
HTML5 Requirement Driven Design David Tarrant Electronics and Computer Science.
4.3. Code animations by using JavaScript Access data access by using JavaScript. Creating Animations, Working with Graphics, and Accessing Data.
HTML 5 Tutorial Chapter 7 Input Type. New Input Type HTML5 has several new input types for forms. These new features allow for better input control and.
Chapter 17 The Need for HTML 5.
HTML Advanced: HTML 5 With Adaptations by Dilvan Moreira.
HTML 5.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
SPC Developer 6/10/2018 © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks.
HTML Advanced: HTML 5.
Introduction to HTML5.
HTML 5 Tutorial Chapter 1 Introduction.
Dive Into HTML5 - Start Using It Now! Mark Branom, Continuing Studies
HTML5 and Local Storage.
Structured Data Markup Helper
HTML5 and Designing a Rich Internet Experience
HTML5 and Designing a Rich Internet Experience
Creating User Interfaces
Draw dots using 2 colors to find the “Make 10” fact.
HTML5 and Designing a Rich Internet Experience
Presentation transcript:

@ 翁玉礼 HTML5 Discuss

Compare to html4 Canvas Video and audio Local offline store New form control

Canvas var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); //get context ctx.fillStyle='#FF0000'; //draw color ctx.fillRect(0,0,80,100); //fill in

Video(new) Tips:Your browser not support video markup

Video(old) OR

offline storage localStorage //no time limit localStorage.lastname=“leon"; document.write(localStorage.lastname); sessionStorage //for one session sessionStorage.lastname=“leon"; document.write(sessionStorage.lastname);

New form control 、 url 、 number 、 range 、 date pickers 、 search 、 color…

Do you start to write with html5? Thanks!