Please enable JavaScript to use CodeHS

Web Design (Monet)

View Syllabus Overview
Advanced HTML and CSS
Description

In this lesson, students will preview some of the advanced HTML/CSS features they will be learning how to use in this module!

Objective

Students will be able to:

  • Reflect on what they have learned so far in this course
  • Preview what they will learn in the advanced HTML/CSS module
Description

In this lesson, students will learn why multi-file websites are important and how they can create them.

Objective

Students will be able to:

  • Articulate why multi-page websites make sense from a user experience perspective and from a development perspective
  • Create multi-file websites that are divided for clarity and organization
Description

In this lesson, students will learn how to embed content from other websites into their own websites using IFrames.

Objective

Students will be able to:

  • Define what an IFrame is, and explain how they might be used in websites
  • Use IFrames to embed other websites into their own website
Description

In this lesson, students will learn how to use divs to group and style multiple elements.

Objective

Students will be able to:

  • Use divs to group and style multiple elements at once
Description

In this lesson, students will learn how to use spans to group and style multiple elements of inline text.

Objective

Students will be able to:

  • Use the <span> tag to style multiple elements of inline text
Description

In this lesson, students wlll learn how to combine CSS selectors so they can style multiple selectors and combinations, or specific parent/child selectors.

Objective

Students will be able to:

  • Combine CSS selectors to style multiple selectors, parent/child selectors, and specific combinations of classes, ids, and tags
Description

In this lesson, students will learn the Don’t Repeat Yourself (DRY) principle.

Objective

Students will be able to:

  • Articulate the importance of the DRY Principle
  • Cut down on the amount of repeated code in their programs by combining selectors and using divs
Description

In this lesson, students complete a summative assessment of the unit?s learning objectives.

Objective

Students will be able to:

  • Prove their knowledge of advanced HTML and CSS styling through a multiple choice quiz