Code.org - Unit 2 - Web Development - Lesson 10 - Rubric

Modularity and Abstraction - The Content vs Structure -Their project guide contains a planned list for the style of all HTML elements and a design sketch for the placement of images.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Creating a Digital Artifact - Using HTML - They use HTML to correctly add all given images to the web page, including adding the “alt” attribute for all images.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Creating a Digital Artifact - User Needs - The page is styled in a way that is fairly consistent with the plan in the project guide and meets the user’s needs.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Creating a Digital Artifact - Using CSS - They use CSS to control the basic appearance of the five different elements on the page.

The basic appearance of the five different elements on the page:

○ The five elements include: ■ Body ■ Headings ■ Paragraphs ■ Lists ■ Images

○ The basic appearance includes styling the background color of the body and the color, font family, and font size of the other elements.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Clean Code and Documentation - Readability - They use white space and indentation to make the stylesheet code consistently well-formatted and easier to read.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Clean Code and Documentation - Comments - Comments are used with any added HTML and throughout the stylesheet to make their code more readable.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Using Computer Languages - Precision and Syntax - There are no syntax errors in the added HTML code or the CSS code, and the page renders correctly.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Responsible Creation and Consumption of Digital Media - Respect Copyright - All images have been cited, and credit is given to the creators.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Creating a Digital Artifact - Using CSS - They use at least two more CSS properties to control the additional appearance of three or four elements on the page.

The additional appearance of four elements on the page:

○ The four elements include: ■ Headings ■ Paragraphs ■ Lists ■ Images

○ The additional appearance includes any of the following: ■ Text alignment ■ Text decoration ■ Letter spacing ■ Text shadow ■ Image size ■ Border style ■ Border radius ■ Margin ■ Float

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF

Collaboration - Feedback - They gave thoughtful feedback to a peer and incorporated peer feedback given to them where appropriate.

Answer only one:

Extensive Evidence,

Convincing Evidence,

Limited Evidence,

No Evidence

Evaluate responses using AI:

OFF