O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5

Book Description

Implement the powerful new multimedia and interactive capabilities offered by HTML5, including style control tools, illustration tools, video, audio, and rich media solutions. Understand how HTML5 is changing the Web development game with this full-color, project-based treatment that shows you-not just tells you-what HTML5 can do for your Web sites. Reinforce your practical understanding of the new standard with demo applications and tutorials, so that execution is one short step away.
The companion website, visualizetheweb.com, is packed full of extra information, online code libraries, and a user forum, offering even more opportunity to learn new skills, practice your coding and interact with other users.

Table of Contents

  1. Cover
  2. Halftitle
  3. Title
  4. Copyright
  5. Contents
  6. Preface
  7. Section 1
    1. HTML5 Tag Structure
      1. Where HTML Code Can Be Found
      2. The Evolution of the Web
      3. The Rocky Road from HTML4 to HTML5
      4. Web 2.0 Applications and Solutions
      5. What Is Included in HTML5
      6. Enhancements to Core Tag Language
      7. New Elements Are Introduced to HTML5
      8. Blocking Content on the Page
      9. Modifications to Content Sections
      10. Making DOC Type Easier to Work With
      11. Organizing Code Using Blocking Elements
      12. Text-Level Semantic Additions and Changes
      13. Applying HTML5 to Make HTML Code Easier to Read
      14. Working with HTML5 Forms
      15. Controlling Data with HTML5
      16. New HTML5 Attributes
      17. What Is Not Being Supported in HTML5
      18. How to Gracefully Migrate Sites to Work with the New HTML5 Standard
      19. What You Have Learned
    2. Project 1: Building a Web Site Using HTML5 Blocking Elements
      1. Creating a Template for Your Web Site
      2. Customizing the HEADER Element
      3. Customizing the NAVIGATION Element
      4. Customizing the Main SECTION Element
      5. Customizing the FOOTER Element
      6. Creating the Site’s Home Page
      7. Adding a Product Page That Uses the MARK Element
      8. Adding a News Page That Uses the TIME and ASIDE Elements
      9. Creating a Contact Us Page That Uses the New Form INPUT Attributes
      10. Summary
  8. Section 2
    1. Picture CSS3
      1. CSS as a Designer’s Tools
      2. Cascading Your Designs
      3. The Format of CSS
      4. Designing Your Web Page with CSS
      5. Controlling Font Display with CSS
      6. Working with Columns in CSS3
      7. Using CSS3 to Control Visual Display
      8. Dazzling Your Audience with CSS3 Animation
      9. Delivering Solutions for the Mobile Market
      10. What You Have Learned
    2. Project 2: Applying CSS3 to Your Web Design
      1. Linking to a Single CSS Document
      2. Embedding Fonts
      3. Default Styles for Content
      4. Applying Styles to Main Sections of Content
      5. Applying Styles to the Navigation Elements
      6. Applying Styles to the Form Elements
      7. Additional Styles
      8. Advanced CSS Execution
      9. Creating a Menu with CSS
      10. Designing with CSS3
      11. Summary
  9. Section 3
    1. Rendering HTML5 Illustration
      1. The Tale of Web Image Formats
      2. Bitmap Images: Using JPEG, GIF, and PNG Images on the Web
      3. Creating SVG Graphics
      4. The Fundamentals of Creating SVG Images and Adding Them to Your Web Pages
      5. Leveraging SVG Drawing Tools
      6. Adding the CANVAS Element to Your Web Page
      7. What You Have Learned
    2. Project 3: Inserting Video into Your Web Design
      1. Creating the Video
      2. Converting the Video to Ogg Format
      3. Embedding the Video into the Web Page
      4. Adding Audio to Your Web Page
      5. Summary
  10. Section 4
    1. HTML5 Rich Media Foundation
      1. Working with VIDEO and AUDIO Tags
      2. Using HTML5 Rich Media Tags
      3. Encoding Video and Audio for Delivery over the Web
      4. Serving Video from Your Servers
      5. What You Have Learned
    2. Project 4: Creating SVG Logos and CANVAS Charts
      1. Creating an SVG Logo
      2. Inserting a CANVAS-Driven Dynamic Chart
      3. Summary
  11. Section 5
    1. HTML5 Javascript Model
      1. Understanding JavaScript
      2. JavaScript as Programming Language
      3. Developing JavaScript for HTML5
      4. Integrating JavaScript with HTML5
      5. Taking JavaScript to the Next Level with Ajax
      6. What You Have Learned
    2. Project 5: Working with JavaScript
      1. Working with jQuery
      2. Developing a Lightbox Image Management Tool
      3. Creating the Images
      4. Working with JavaScript
      5. Stitching It All Together in HTML
      6. Controlling Forms with jQuery
      7. Inserting a Tabbed Interface to Build on Top of Your Existing jQuery Projects
      8. Using Additional Ajax Libraries: Working with Adobe’s Spry Framework
      9. Working with Additional Ajax Libraries: Using Yahoo’s YUI Framework
      10. Linking to Content Hosted on Different Web Sites
      11. Summary
  12. Index