Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.

Slides:



Advertisements
Similar presentations
Introduction to HTML5. History of HTML HTML first published HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0 HTML
Advertisements

HTML5 Overview Owen Williams owen at dynabooks daht com Owen Williams owen at dynabooks daht com.
Modernize Your Old Browser to Support HTML 5 Svetlin Nakov Telerik Software Academy academy.telerik.com Senior Technical Trainer
HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
An Introduction Timmy Kokke | UNIT4 Internet Solutions | Expression Blend MVP / Webguy.
More CSS - Page layout + HTML5 new features Boriana Koleva Room: C54
 A markup language  Structures content on the internet  Commonly used by web browsers.
HTML5 (H YPER T EXT M ARKUP L ANGUAGE ) Lab 223 潘建廷 何偉聖
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,
Basics of HTML What is HTML?  HTML or Hyper Text Markup Language is the standard markup language used to create Web pages.  HTML is.
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.
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.
Bartosz Kowalski Software Developer CERN. Presentation outline -HTML : introduction and history -HTML5 : -History and philosophy -New features -Structure.
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.
Chapter 14 Introduction to HTML
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
HTML 5 - First Look A Part of eTeam Knowledge Base By: Shehzad Ali 22-Sep-11.
Computer Information System Information System California State University Los Angeles Jongwook Woo CIS 461 Web Development I HTML 5 Jongwook Woo, PhD.
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.
Week 09, Session 01 Other HTML Tags & HTML5 IF Website Development Presented by: RDT.
CPSC 594B: Software Engineering Project Lecture 1: Introduction to HTML5 Lecturer: Ayman Issa Office: ICT 555.
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.
HTML5 GAMING By Scott Benton. HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have.
SIG WEB January 31, 3PM. What is HTML5? What it is: Allows for better intergration of media consumption. A new open standard Provides new APIs.
@ 翁玉礼 HTML5 Discuss. Compare to html4 Canvas Video and audio Local offline store New form control.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
HTML Structure & syntax
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.
Proglan Session 1. .  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.
Introduction to HTML. What is HTML?  Hyper Text Markup Language  Not a programming language but a markup language  Used for presentation and layout.
Lab 12: Other Languages User Interface Lab: GUI Lab Nov. 12 th, 2013.
New Tags, New Attributes, New JavaScript APIs, Forms, Validation, Audio, Video, SVG, Canvas Doncho Minkov Telerik Corporation
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Graduate School of Library and Information Science LIS 753 Introduction to HTML 5 By: Yijun Gao Week Three.
HTML5&CSS3. Webpage Editors Notepad++ TextWrangler (Mac Users) Dreamweaver Editplus plus.sourceforge.net/uk/site.htm
UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.
HTML5 Gaurav Jaiswal Singsys Pte. Ltd.. What is HTML5?
CHAPTER 15 HTML 5 VIDEO AND AUDIO Intro to HTML5 1.
Web Technologies Lecture 3 Web forms. HTML5 forms A component of a webpage that has form controls – Text fields – Buttons – Checkboxes – Range controls.
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.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring Forms, HTML5 layout.
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.
History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet History Channel – The.
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.
HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.
HTML5 Requirement Driven Design David Tarrant Electronics and Computer Science.
Agenda * What is HTML5 -- Its history and motivation * HTML/XHTML as Human / Machine Readable Format * HTML and its related technologies * Brief summary.
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.
XHTML. What Is XHTML? XHTML stands for EXtensible HyperText Markup Language XHTML is almost identical to HTML XHTML is stricter than HTML XHTML is HTML.
HTML Structure & syntax
The HTML5 logo was introduced by W3C in 2010
HTML Advanced: HTML 5 With Adaptations by Dilvan Moreira.
HTML 5.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
HTML Advanced: HTML 5.
Introduction to HTML5.
HTML 5 Tutorial Chapter 1 Introduction.
Lecture 8. HTML. Author: Aleksey Semyonov
Application with Cross-Platform GUI
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Ground to Roof HTML/HTML5
HTML5 - 2 Forms, Frames, Graphics.
Presentation transcript:

Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.

 1991 HTML  1994 HTML 2  1996 CSS 1 + JavaScript  1997 HTML 4  1998 CSS 2  2000 XHTML 1  2002 Tableless Web Design  2005 AJAX  2009 HTML 5

 HTML5 ~= HTML + CSS3 + JavaScript  World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).  Still a work in progress. However, most modern browsers have some HTML5 support.

 New features should be based on HTML, CSS, DOM, and JavaScript  Reduce the need for external plugins (like Flash)  Better error handling  More markup to replace scripting  HTML5 should be device independent  The development process should be visible to the public

 New Markup Elements ◦ ◦ etc..

 New Media Elements ◦ video  Now embed video in your page without requiring any plugin like Flash or Silverlight. BrowserMP4WebMOGG IE9YesNo FF4+NoYes Chrome6+Yes Opera10.6+NoYes

 New Media Elements ◦ audio  Extremely simple and easy way to show an audio player in your page. BrowserMP3WAVOGG IE9YesNo FF4+NoYes Chrome6+Yes Opera10.6+NoYes

 A canvas is a rectangular area, and you control every pixel of it.  Uses JS to draw shapes and color. ◦ canvas  Entire library of JS functions for Canvaslibrary

 Two new objects to save data: ◦ localStorage - stores data with no time limit ◦ sessionStorage - stores data for one session  localStorage ◦ Data stored till cleared programmatically by JS ◦ Or browser cache cleared. ◦ accessible only from the domain that initially stored the data.  sessionStorage ◦ accessible only from the page that initially stored the data.

  url  number  range  Date pickers (date, month, week, time, datetime, datetime-local)  search  color No more need to code JS validators for input fields.

 W3Schools.com W3Schools.com  HTML5Rocks.com HTML5Rocks.com  HTML5Test.com HTML5Test.com  And then there is Google!