This content contains 6 modules that provide an introduction to HTML5. It has lesson files, lecture notes and an Instructor Guide which includes class setup and/or preparation notes for each of the 6 curriculum modules, as well as alternate exercises for students and additional review questions. While the lessons can be used progressively, you are also able to use each lesson independent of the others if it suits the needs of your class.
Instructor Guide (Requires Faculty Verification)
The Instructor Guide is a companion to the HTML5 student curriculum and lesson files as well as the HTML5 lecture notes, delivered in PowerPoint format. This guide includes class setup and/or preparation notes for each of the 6 curriculum modules, as well as alternate exercises for students and additional review questions.
Lesson 1: Defining HTML5
The first lesson contains no lesson or exercise files, but provides an overview for students on the features of HTML5. Students will learn about the relevant page layout tags in HTML5 as well as additional new tags and HTML5 form elements. Additionally, related technologies including Geolocation, Offline Storage, Drag and Drop, Canvas and CSS3 are covered.
Lesson 2: Fundamentals of HTML, XHTML and CSS
This lesson gives students a solid introduction to the fundamentals of HTML, XHTML, and CSS. The concepts covered here are considered the foundations of standards-based web design. Concepts such as identifying where CSS styles can be located (Internal, External and Inline) as well as the different categories of CSS styles (Tag styles versus class and ID styles) need to be well understood before students can progress to HTML5 basics.
Lesson 3: Introduction to CSS
Layout In this lesson, students learn the role of a CSS reset file and how to create the basic layout structure of a two column, fixed-width layout using the CSS float and clear properties. Additional concepts covered include the role of margins and padding with div elements, contextual selectors and using background images.
Lesson 4: Using HTML5 Markup
Lesson 5: Working with Canvas
Lesson 6: HTML5 Multimedia and Drag and Drop
In this lesson, students learn the basics of adding multimedia using the HTML element and how to ensure the video has fallbacks for different video codec support as well as browsers that do not support HTML5 at all. Additionally they learn the basics of the Drag and Drop API and how to identify the features that are not covered in Internet Explorer 9 and earlier.
This material has been created for Microsoft by Avlade.