Overview

HTML5 is the latest generation of markup languages used to create content for the web. It is also used as a programming language for mobile (smartphone and tablet) application development. When people say "HTML5," they typically mean not only the latest version of HTML, but also CSS, JavaScript®, and various markup languages used to represent other kinds of web content, such as SVG (graphics) and MathML (mathematical formulas). Web browsers, which display content coded in these languages, have evolved rapidly over the last few years. This course focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. The course also demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation. This course is designed for those who have experience authoring content in HTML and CSS, and want to learn how to use new HTML5 and CSS3 features. This course can be taught on Windows®, Mac OS® X, or Linux®, and supports developers who work in any of those environments. Although JavaScript® knowledge is helpful, HTML and CSS are the focus, so this course does not require that the learner have extensive JavaScript skills. In this course, you will: optimize HTML content to take advantage of HTML5 and CSS3 features; write advanced CSS3 selectors and media queries; use advanced background and border options introduced in CSS3; use advanced text formatting options introduced in CSS3; use HTML5 graphics and multimedia elements, including transforms, animation, audio, and video; and follow best practices to enable HTML content to be successfully processed by many different web browsers and machine readers. This course requires that you have access to several different web browsers, including Google Chrome and Mozilla Firefox, and a text editor with line numbering and syntax coloring. The course setup instructions provided in the first module of the course go into more detail about the hardware and software requirements.

Syllabus

Creating HTML5 Content

You might reasonably feel that web standards from 10 years ago have nothing to do with authoring web content today. However, many of the web browsers developed to support older standards are still in use today. Understanding how they work will help you develop web content that works for all users, not just those with the latest web browsers.

Using Advanced Techniques to Select and Apply Styles

CSS provides extensive control over the appearance of HTML content, which is key to creating responsive web designs that display well on a wide variety of different displays and devices. Now in its third version, CSS includes many powerful new ways for style rules to select and influence content and provide alternate layouts based on device characteristics.

Using Advanced Background and Border Techniques

CSS3 includes many new options to format box backgrounds and borders. You may apply background and border properties to any HTML element. Knowing all of your options for controlling these properties will give you more flexibility in achieving the results you're looking for.

Incorporating Advanced Text Formats

CSS3 includes many new advanced features for formatting text in ways that were not easy to accomplish in earlier versions of CSS, giving you more control over the appearance of text than you have had before.

Adding Animation and Multimedia

In the past, a plug-in such as Adobe® Flash® or Microsoft® Silverlight® was typically needed to provide extensive animation and multimedia capabilities within a web browser. With the advent of new mobile devices that do not support such plug-ins, web developers have clamored for an alternative within the native capabilities of web browsers. In response, HTML5 includes support for a wide variety of new animation and multimedia capabilities.

Making HTML Readable and Accessible

When web authors conceive a design for a website, they often imagine what they would personally like to experience and to build—perhaps something that will show off their skills (a portfolio piece), generate some excitement, and of course, satisfy the client. But when you create a website or HTML5 mobile app, there are many additional consumer needs to think of, such as users special needs due to various types of visual, auditory, motor, or cognitive impairments—as well as machine readers, such as search engine crawlers—programs that systematically access and process websites to create rich databases that help users find your site through search engines such as Google and Bing®.