HTML5 and CSS3


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description
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 (hours)
2.4

Lesson Objectives

HTML5 and CSS3

  • start the course
  • describe the relation that CSS3 has with HTML5
  • recognize and describe the structure of the CSS3 syntax for HTML5
  • use inline CSS3 styles in an HTML5 document
  • add an attachment link to include a file in an HTML5 document
  • create a CSS3 style sheet file for HTML5
  • apply CSS3 syntax to add style to an HTML5 document
  • use inline CSS3 in an HTML5 document
  • add an external CSS3 style sheet to an HTML5 document
  • describe why using an external CSS3 style sheet is better than doing it within an HTML5 document
  • perform modifications to HTML5 tags using CSS3
  • apply formatting to an HTML5 table in order to alternate the row colors using CSS3
  • describe the block elements used in HTML5
  • create styled HTML5 lists using CSS3
  • use CSS3 to manipulate DIVs in an HTML5 document
  • created styled HTML5 list bullets using CSS3
  • apply CSS3 to small sections of the HTML5 web page by using SPAN tags
  • describe how ID and class attributes added to HTML5 tags can allow for fine grain CSS3 styling
  • create CSS styles that will apply to only an element with a given ID in an HTML5 document
  • create CSS styles that will apply to all elements with the given class in an HTML5 document
  • add style to a hyperlink in an HTML5 document using CSS3
  • add CSS3 style to a hyperlink's hover and visited states in a HTML5 document
  • use CSS3 to change the color of visited links in an HTML5 document
  • describe how to apply a style only to the child elements, also referred to as nested elements, of an element in an HTML5 document
  • describe how to change, add, or remove a style to a single element that already has a CSS3 style applied in an HTML5 document
  • use CSS3 to hide or display HTML5 objects
  • apply CSS styles to HTML pages
  • Course Number:
    wd_htme_a05_it_enus

    Expertise Level
    Intermediate