HTML 5 Training HTML 5 SYMANTICS [Notes to trainer: For detailed help in customizing this template, see the very last slide. Also, look for additional lesson text in the notes pane of some slides. Because this presentation contains a Macromedia Flash® animation, saving the template may cause a warning message to appear regarding personal information. Unless you add information to the properties of the Flash file itself, this warning does not apply to this presentation. Click OK on the message.] HTML 5 SYMANTICS
contents Overview: What is HTML5? HTML5 will be the new standard for HTML. Some rules for HTML5 <!DOCTYPE> HTML5 - New Features new elements
HTML 5 HTML5 will be the new standard for HTML. The previous version of HTML, HTML 4.01, came in 1999. The web has changed a lot since then. HTML5 is still a work in progress. However, the major browsers support many of the new HTML5 elements and APIs.
How Did HTML5 Get Started? HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.
Some rules for HTML5 were established:
Some rules New features should be based on HTML, CSS, DOM, & 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
<!DOCTYPE> ???? Whats that’s ?
<!DOCTYPE> The <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. In HTML 4.01, the <!DOCTYPE> declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly. Examples of renaming sheet tabs: You might have sheet tabs called January, February, and March for budgets or student grades for those months, or Northcoast and Westcoast for sales regions, and so on. [Note to trainer: Steps—given in either numbered or bulleted lists—are always shown in yellow text.]
<!DOCTYPE> Tip: Always add the <!DOCTYPE> declaration to your HTML documents, so that the browser knows what type of document to expect. Examples of renaming sheet tabs: You might have sheet tabs called January, February, and March for budgets or student grades for those months, or Northcoast and Westcoast for sales regions, and so on. [Note to trainer: Steps—given in either numbered or bulleted lists—are always shown in yellow text.]
<!DOCTYPE> So what about HTML 5 ?
<!DOCTYPE> The HTML5 <!DOCTYPE> In HTML5 there is only one <!doctype> declaration, and it is very simple: <!DOCTYPE html> That sounds great …. No need to bother about Strict, transitional and frameset….. Examples of renaming sheet tabs: You might have sheet tabs called January, February, and March for budgets or student grades for those months, or Northcoast and Westcoast for sales regions, and so on. [Note to trainer: Steps—given in either numbered or bulleted lists—are always shown in yellow text.]
LETS move on to HTML 5 HTML5 - New Features Using This Template This Microsoft PowerPoint® template has training content about creating your first workbook using Excel 2003. It's geared for you to present to a group and customize as necessary. This template's content is adapted from the Microsoft Office Online Training course “Audio course: Get to know Excel: Create your first workbook.” Features of the template Title slide: On the very first slide, there are empty brackets over which you should type the name of your company. Or you can delete the text box altogether if you don't want this text. Animations: Custom animation effects are applied throughout. They'll play in previous versions back to Microsoft PowerPoint 2000. They include the entrance effects called Peek and Stretch, and sometimes the Dissolve effect is used. To alter them, go to the Slide Show menu, click Custom Animation, and work with the options that appear. If this presentation contains a Macromedia Flash® animation: To play the Flash file, you must register an ActiveX control, called Shockwave Flash Object, on your computer. To do this, download the latest version of the Macromedia Flash Player from the Macromedia Web site. Slide transitions: The Wipe Down transition is applied throughout the show. If you want a different one, go to the Slide Show menu, click Slide Transition, and work with the options that appear. Hyperlinks to online course: The template contains links to the online version of this training course. The links take you to the hands-on practice session for each lesson and to the Quick Reference Card that is published for this course. Please take note: You must have Excel 2003 installed to view the hands-on practice sessions. Headers and footers: The template contains a footer that has the course title. You can change or remove the footers in the Header and Footer dialog box (which opens from the View menu). LETS move on to HTML 5 HTML5 - New Features
New TAGs in HTML 5 The <canvas> element for 2D drawing The <video> and <audio> elements for media playback Support for local storage New content-specific elements, like <article>, <footer>, <header>, <nav>, <section> New form controls, like calendar, date, time, email, url, search http://www.w3schools.com/html/html5_new_elements.asp
Is it right time to move on to HTML 5 Using This Template This Microsoft PowerPoint® template has training content about creating your first workbook using Excel 2003. It's geared for you to present to a group and customize as necessary. This template's content is adapted from the Microsoft Office Online Training course “Audio course: Get to know Excel: Create your first workbook.” Features of the template Title slide: On the very first slide, there are empty brackets over which you should type the name of your company. Or you can delete the text box altogether if you don't want this text. Animations: Custom animation effects are applied throughout. They'll play in previous versions back to Microsoft PowerPoint 2000. They include the entrance effects called Peek and Stretch, and sometimes the Dissolve effect is used. To alter them, go to the Slide Show menu, click Custom Animation, and work with the options that appear. If this presentation contains a Macromedia Flash® animation: To play the Flash file, you must register an ActiveX control, called Shockwave Flash Object, on your computer. To do this, download the latest version of the Macromedia Flash Player from the Macromedia Web site. Slide transitions: The Wipe Down transition is applied throughout the show. If you want a different one, go to the Slide Show menu, click Slide Transition, and work with the options that appear. Hyperlinks to online course: The template contains links to the online version of this training course. The links take you to the hands-on practice session for each lesson and to the Quick Reference Card that is published for this course. Please take note: You must have Excel 2003 installed to view the hands-on practice sessions. Headers and footers: The template contains a footer that has the course title. You can change or remove the footers in the Header and Footer dialog box (which opens from the View menu). Is it right time to move on to HTML 5
BUT YES IT’s time to move on to HTML 5 ? IS IT RIGHT TIME TO HTML 5 ? HTML5 is not yet an official standard, and no browsers have full HTML5 support. But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions. BUT YES IT’s time to move on to HTML 5 ?
Thanks You ! Using This Template This Microsoft PowerPoint® template has training content about creating your first workbook using Excel 2003. It's geared for you to present to a group and customize as necessary. This template's content is adapted from the Microsoft Office Online Training course “Audio course: Get to know Excel: Create your first workbook.” Features of the template Title slide: On the very first slide, there are empty brackets over which you should type the name of your company. Or you can delete the text box altogether if you don't want this text. Animations: Custom animation effects are applied throughout. They'll play in previous versions back to Microsoft PowerPoint 2000. They include the entrance effects called Peek and Stretch, and sometimes the Dissolve effect is used. To alter them, go to the Slide Show menu, click Custom Animation, and work with the options that appear. If this presentation contains a Macromedia Flash® animation: To play the Flash file, you must register an ActiveX control, called Shockwave Flash Object, on your computer. To do this, download the latest version of the Macromedia Flash Player from the Macromedia Web site. Slide transitions: The Wipe Down transition is applied throughout the show. If you want a different one, go to the Slide Show menu, click Slide Transition, and work with the options that appear. Hyperlinks to online course: The template contains links to the online version of this training course. The links take you to the hands-on practice session for each lesson and to the Quick Reference Card that is published for this course. Please take note: You must have Excel 2003 installed to view the hands-on practice sessions. Headers and footers: The template contains a footer that has the course title. You can change or remove the footers in the Header and Footer dialog box (which opens from the View menu). Thanks You !