1. 02 | Build the User Interface Christopher Harrison | Content Developer, Microsoft Rachel Jones| Microsoft Certified Trainer, SourceDev

2. Choose and Configure Common Tags for: Displaying Text Displaying Graphics Playing Media Organizing Content Module Overview

3. A Simple Primer: HTML Example This is a sample page. This page includes some nested elements.

4. DEMO Creating a simple HTML page using Notepad

5. Choose and Configure Tags for: Displaying Text Tag:Use: top heading next-level heading Bold Italic / alternative voice Paragraph Stress emphasized text (pronounced differently) Title of a document Footer section of a document Important text

6. DEMO Using WebMatrix to Create Web Apps Choosing and Configuring Tags to Display TextWebMatrix

7. Choose and Configure Tags for: Displaying Graphics Additional resource: SVG vs canvas: how to choose http://msdn.microsoft.com/en-us/library/ie/gg193983(v=vs.85).aspx

8. Choose and Configure Tags for: Playing Media Additional resource: HTML5 Audio and Video http://msdn.microsoft.com/en-us/library/ie/gg589509(v=vs.85).aspx http://msdn.microsoft.com/en-us/library/ie/gg589509(v=vs.85).aspx

9. Choose and Configure Tags for: Organizing Content Semantic HTML

10. DEMO Choosing and Configuring Tags to Play Media Choosing and Configuring a Semantic Tag

11. Choose and Configure Common Tags for: Displaying Text Displaying Graphics Playing Media Organizing Content Module Summary

12. Additional Resources: Tools comparison and download www.microsoft.com/web/platform/tools.aspx Getting Started Using HTML5 www.microsoft.com/web/post/get-started-using-html5 www.microsoft.com/web/post/get-started-using-html5