HTML5 - Content Authoring with New and Advanced Features

Course Length: 1 Days

Delivered: Virtually

OVERVIEW

HTML5 - Content Authoring with New and Advanced Features 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. This course may earn a Credly Badge.

TARGET AUDIENCE:

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.

COURSE OBJECTIVES:

In this course, you will develop web content in HTML5 and CSS3 following principles of responsive web design.

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.
• Follow best practices to enable HTML content to be successfully processed by many different web browsers and machine readers.

COURSE CONTENT:

1 - Creating HTML5 Content

• Develop Web Content to Follow Standards
• Update Legacy Web Content to Meet HTML5 Requirements

2 - Using Advanced Techniques to Select and Apply Styles

• Use Advanced CSS Selectors
• Provide Alternate Layouts Based On Device Characteristics

3 - Using Advanced Background and Border Techniques

• Use Advanced Techniques to Create Backgrounds
• Use Advanced Techniques to Create Borders

4 - Incorporating Advanced Text Formats

• Use Web Fonts
• Apply Advanced Text Styles

5 - Adding Animation and Multimedia

• Use 2D Transforms
• Use Animation Styles
• Embed Audio and Video in a Web Page

6 - Making HTML Readable and Accessible

• Support Various Browsers
• Improve Markup to Benefit Human and Machine Readers