HTML5 foundations

Master innovative and eye-catching website design with the exciting new Treehouse Series of books

Turn plain words and images into stunning websites using HTML5 and this beautiful, full-colour guide. Taking you beyond the constraints of prebuilt themes and simple site building tools, this new Treehouse book combines practicality with inspiration to show you how to create fully customized, modern, and dazzling websites that make viewers want to stop and stay.

The exciting new Treehouse Series of books is authored by Treehouse experts and packed with innovative design ideas and practical skill-building. If you're a web developer, web designer, hobbyist, or career-changer, every book in this practical new series should be on your bookshelf.

Part of the new Treehouse Series of books, teaching you effective and compelling website development and design, helping you build practical skills Provides career-worthy information from Treehouse industry pros and trainers Explains HTML5 basics, such as how to format text, add scripts to pages, and use HTML5 for audio and video Also covers hypermedia, CSS and JavaScript, embedding video, geolocation, and much more

Leverage pages of dazzling website design ideas and expert instruction with a new Treehouse Series book.

About the Author; Contents; Introduction; Who Should Read This Book?; What You Will Learn; How to Use This Book; Part I: Creating Web Pages with HTML5; What is HTML?; Chapter 1: Getting Started with HTML5; Setting Up Your Tools; Building Your First HTML5 Web Page; Constructing Elements; Validating Your Web Page; All Browsers Are Not Created Equal; Summary; Chapter 2: Structuring a Web Page; Creating Layout Templates; Extending the with Metadata; Styling the Page with CSS; Summary; Chapter 3: Creating the Page Templates; Adding a Logo; Adding Navigation.

Adding Footer ContentGlobal Attributes; Summary; Chapter 4: Creating the Web Pages; Adding Content to the Home Page; Adding Content to the About Page; Creating the Locations Page; Creating the Sitemap Page; Creating the Menu Page; Creating the News Page; Summary; Part 2: Dealing with Data; Chapter 5: Working with Forms; Setting Up the Bookings Page with the Element; Adding the Form Fields to the Bookings Page with and Elements; Adding a Message Box with the Element; Adding a Submit Button to Your Bookings Page; Adding a Drop-Down Menu to Your Bookings Page.

Handling FilesGrouping the Input Fields in Your Bookings Page Using and ; Updating the Site Navigation and Sitemap; Summary; Chapter 6: Enhancing Your Web Forms with HTML5; Adding HTML5 to Your Bookings Form; HTML5 Input Types; HTML5 Input Attributes; Datalists; Summary; Chapter 7: Validating Form Data Using HTML5; Adding Validations to Your Bookings Form; Requiring Data from the User; Restricting Length; Restricting Range; Matching Patterns; Regular Expression Basics; Summary; Chapter 8: Using Microdata; About Schema. org; Using Microdata; Commonly Used Schemas; Summary.

Chapter 9: Ensuring AccessibilityWhy Is Accessibility Important?; Screen Readers; Making Web Forms Accessible; Making Tables Accessible; Making Images Accessible; Making Links Accessible; Testing Accessibility; Summary; Part 3: Enhancing Web Pages with HTML5 and JavaScript; Chapter 10: Introducing JavaScript; What is JavaScript?; The Element; JavaScript Basics; The Document Object Model (DOM); JavaScript Libraries; Summary; Chapter 11: Adding Video and Audio; Converting Video and Audio Files; Adding a Video to the About Page Using the Element

Creating Custom Controls Using JavaScriptMaking Your Video Accessible; Summary; Chapter 12: Storing Data; Why Use Client-Side Storage?; LocalStorage; Saving Customer Data from the Bookings Form; Storing Objects and Arrays; SessionStorage; Additional Considerations on Using; Side Storage; Summary; Part 4: Advanced HTML5 Technologies; Chapter 13: Using Geolocation; Getting the User's Location; Calculating the Distance Between Two Sets of GPS Coordinates; Finding the Nearest Restaurant; Summary; Chapter 14: Using Canvas to Create Online Ads; Setting Up Your Canvas; Creating the Background.