book

HTML5

Name: HTML5
Author: Matthew David
ISBN: 9781136080852

by Matthew David

October 2013

Intermediate to advanced

299 pages

6h 52m

English

Focal Press

Read now

Unlock full access

Cover
Halftitle
Title
Copyright
Contents
Preface
Section 1
HTML5 Tag Structure
Where HTML Code Can Be Found The Evolution of the Web The Rocky Road from HTML4 to HTML5 Web 2.0 Applications and Solutions What Is Included in HTML5 Enhancements to Core Tag Language New Elements Are Introduced to HTML5 Blocking Content on the Page Modifications to Content Sections Making DOC Type Easier to Work With Organizing Code Using Blocking Elements Text-Level Semantic Additions and Changes Applying HTML5 to Make HTML Code Easier to Read Working with HTML5 Forms Controlling Data with HTML5 New HTML5 Attributes What Is Not Being Supported in HTML5 How to Gracefully Migrate Sites to Work with the New HTML5 Standard What You Have Learned
Project 1: Building a Web Site Using HTML5 Blocking Elements
Creating a Template for Your Web Site Customizing the HEADER Element Customizing the NAVIGATION Element Customizing the Main SECTION Element Customizing the FOOTER Element Creating the Site’s Home Page Adding a Product Page That Uses the MARK Element Adding a News Page That Uses the TIME and ASIDE Elements Creating a Contact Us Page That Uses the New Form INPUT Attributes Summary
Section 2

Picture CSS3
CSS as a Designer’s Tools Cascading Your Designs The Format of CSS Designing Your Web Page with CSS Controlling Font Display with CSS Working with Columns in CSS3 Using CSS3 to Control Visual Display Dazzling Your Audience with CSS3 Animation Delivering Solutions for the Mobile Market What You Have Learned
Project 2: Applying CSS3 to Your Web Design
Linking to a Single CSS Document Embedding Fonts Default Styles for Content Applying Styles to Main Sections of Content Applying Styles to the Navigation Elements Applying Styles to the Form Elements Additional Styles Advanced CSS Execution Creating a Menu with CSS Designing with CSS3 Summary
Section 3
Rendering HTML5 Illustration
The Tale of Web Image Formats Bitmap Images: Using JPEG, GIF, and PNG Images on the Web Creating SVG Graphics The Fundamentals of Creating SVG Images and Adding Them to Your Web Pages Leveraging SVG Drawing Tools Adding the CANVAS Element to Your Web Page What You Have Learned
Project 3: Inserting Video into Your Web Design
Creating the Video Converting the Video to Ogg Format Embedding the Video into the Web Page Adding Audio to Your Web Page Summary
Section 4
HTML5 Rich Media Foundation
Working with VIDEO and AUDIO Tags Using HTML5 Rich Media Tags Encoding Video and Audio for Delivery over the Web Serving Video from Your Servers What You Have Learned
Project 4: Creating SVG Logos and CANVAS Charts
Creating an SVG Logo Inserting a CANVAS-Driven Dynamic Chart Summary
Section 5
HTML5 Javascript Model
Understanding JavaScript JavaScript as Programming Language Developing JavaScript for HTML5 Integrating JavaScript with HTML5 Taking JavaScript to the Next Level with Ajax What You Have Learned
Project 5: Working with JavaScript
Working with jQuery Developing a Lightbox Image Management Tool Creating the Images Working with JavaScript Stitching It All Together in HTML Controlling Forms with jQuery Inserting a Tabbed Interface to Build on Top of Your Existing jQuery Projects Using Additional Ajax Libraries: Working with Adobe’s Spry Framework Working with Additional Ajax Libraries: Using Yahoo’s YUI Framework Linking to Content Hosted on Different Web Sites Summary
Index

Content preview from HTML5

PROJECT 2: APPLYING CSS3 TO YOUR WEB DESIGN

The goal of this project is to expand on the HTML5 pages you created in Project 1 by adding some color and flare. By themselves, HTML5 elements are not pretty. This is a good thing. Back in the days of HTML3.2, a nasty tool made itself available to web designs: the HTML FONT element. Brrr… I get shivers just thinking about. Today, Cascading Style Sheets (CSS) gives you greater flexibility to design your web sites.

To illustrate how powerful CSS is, let’s take a look at the web site shown in Figure 2.1Proj with no styles applied to it.

Figure 2.1Proj HTML without CSS.

Working with HTML5

You will want ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9780240813288

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

HTML5

by Matthew David