HTML5 and CSS3

This course is included in our On-demand training solution.

Overview

HTML5 and CSS3 provide all the parts necessary to create a visually stunning web page. HTML5 provides all the structure and bones of the web page while CSS3 provides the color, smoothness, layout, and visual impression of the web page. In this course, you will learn the basics of manipulating a web page by using CSS3. You’ll also learn some of the basic structure for CSS3 and some of the styling options available.

Target Audience

Web page designers and builders who need to manipulate the visual presentation of a web page

Prerequisites

None

Expected Duration

120 min.

Course Objectives

Course Introduction

Creating Web Pages with CSS3 Formatting in HTML5

  • describe the relation that CSS3 has with HTML5
  • Using CSS3 Syntax in an HTML5 Document

  • recognize and describe the structure of the CSS3 syntax for HTML5
  • Using Inline CSS3 Styles in an HTML5 Document

  • use inline CSS3 styles in an HTML5 document
  • Adding Attachments in an HTML5 Document

  • add an attachment link to include a file in an HTML5 document
  • Creating a CSS3 Style Sheet for an HTML5 Document

  • create a CSS3 style sheet file for HTML5
  • Using Basic CSS3 Syntax for an HTML5 Document

  • apply CSS3 syntax to add style to an HTML5 document
  • Using Inline CSS3 in an HTML5 Document

  • use inline CSS3 in an HTML5 document
  • Adding a Style Sheet to an HTML5 Document

  • add an external CSS3 style sheet to an HTML5 document
  • Choosing to Use an Attached Style Sheet in HTML5

  • describe why using an external CSS3 style sheet is better than doing it within an HTML5 document
  • Modifying HTML5 Tags with CSS3

  • perform modifications to HTML5 tags using CSS3
  • Alternating HTML5 Table Row Colors Using CSS3

  • apply formatting to an HTML5 table in order to alternate the row colors using CSS3
  • Using Block Elements in HTML5

  • describe the block elements used in HTML5
  • Manipulating HTML5 Lists with CSS3

  • create styled HTML5 lists using CSS3
  • Manipulating DIVs with CSS3 in an HTML Document

  • use CSS3 to manipulate DIVs in an HTML5 document
  • Modifying HTML5 List Bullets Using CSS3

  • created styled HTML5 list bullets using CSS3
  • Using Spans and CSS3 in an HTML5 Document

  • apply CSS3 to small sections of the HTML5 web page by using SPAN tags
  • Using ID and Class in an HTML5 Document

  • describe how ID and class attributes added to HTML5 tags can allow for fine grain CSS3 styling
  • Applying CSS3 Styles to IDs in HTML5 Documents

  • create CSS styles that will apply to only an element with a given ID in an HTML5 document
  • Applying CSS3 Styles to Classes in HTML5 Documents

  • create CSS styles that will apply to all elements with the given class in an HTML5 document
  • Modifying Hyperlinks Using CSS3 in HTML5

  • add style to a hyperlink in an HTML5 document using CSS3
  • Setting the Hover and Visited States in HTML5

  • add CSS3 style to a hyperlink’s hover and visited states in a HTML5 document
  • Setting the Color of Visited Links in HTML5

  • use CSS3 to change the color of visited links in an HTML5 document
  • Applying Styles to Child Elements Using CSS3

  • describe how to apply a style only to the child elements, also referred to as nested elements, of an element in an HTML5 document
  • Overriding CSS3 Styles in HTML5

  • describe how to change, add, or remove a style to a single element that already has a CSS3 style applied in an HTML5 document
  • Manipulating Objects to Display or Hide in HTML5

  • use CSS3 to hide or display HTML5 objects
  • Exercise: Formatting an HTML page with CSS

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.